/* One secondary destination, with searchable links to canonical controls. */
html.vr-app #p-more .settings-hub{width:100%;max-width:1120px;margin-inline:auto}
html.vr-app #p-more .settings-hub>.vr-heading{margin:0 0 24px}
html.vr-app .settings-search{padding:20px 24px;margin-bottom:24px;background:var(--ui-surface,var(--card));border:1px solid var(--ui-line,var(--rule));border-radius:18px}
html.vr-app .settings-search label{display:block;font-weight:600;margin-bottom:10px;font-size:var(--type-16)}
html.vr-app .settings-search>div{display:flex;gap:10px;align-items:center}
html.vr-app .settings-search input{flex:1;min-width:0;min-height:48px;font-size:var(--type-16);border-radius:12px}
html.vr-app .settings-search [role=status]{margin:8px 0 0;min-height:0}
html.vr-app .settings-search [role=status]:empty{display:none}
html.vr-app .settings-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
html.vr-app .settings-group{min-width:0;background:var(--ui-surface,var(--card));border:1px solid var(--ui-line,var(--rule));border-radius:18px;padding:20px 22px}
html.vr-app .settings-group h2{font-size:var(--type-20);line-height:1.35;margin:0 0 8px}
html.vr-app .settings-item{display:flex;width:100%;align-items:center;justify-content:space-between;gap:14px;min-height:64px;padding:16px 0;border:0;border-bottom:1px solid var(--ui-line,var(--rule));border-radius:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer;font:inherit}
html.vr-app .settings-item:last-child{border-bottom:0}
html.vr-app .settings-item>span:first-child{min-width:0}
html.vr-app .settings-item b{display:block;font-size:var(--type-16);line-height:1.4}
html.vr-app .settings-item small{display:block;color:var(--ink-soft);font-size:var(--type-14);line-height:1.55;margin-top:4px}
html.vr-app .settings-item>span:last-child{flex:0 0 18px;font-size:var(--type-20);color:var(--ink-soft)}
html.vr-app .settings-item:hover{background:var(--ui-accent-soft,var(--wash))}
html.vr-app .settings-item:focus-visible,html.vr-app .settings-search button:focus-visible{outline:3px solid var(--ui-accent,var(--amber));outline-offset:3px;border-radius:6px}
html.vr-app .settings-empty{padding:28px;border:1px dashed var(--ui-line,var(--rule));border-radius:18px;text-align:center}
html.vr-app .settings-empty h2{font-size:var(--type-20)}
html.vr-app .settings-hub [hidden]{display:none!important}
html.vr-app .settings-hub .more-build{margin:24px 0;color:var(--ink-soft)}
html.vr-app #p-data [id^=vr-settings-],html.vr-app #p-data #appearance-card,html.vr-app #p-data #vr-preferences-card,html.vr-app #p-data #vr-update-card{scroll-margin-top:105px}
html.vr-app .profilebar #prof-chip{position:static;display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;width:44px;padding:4px;border-radius:50%;margin:0;flex:none}
@media(min-width:900px){html.vr-app.vr-ready .profilebar .nav-secondary-action{display:none!important}}
@media(max-width:899px){html.vr-app .settings-directory{grid-template-columns:1fr}html.vr-app .settings-search,html.vr-app .settings-group{padding:18px}html.vr-app.vr-ready .profilebar .nav-shop-action{display:none!important}html.vr-app.vr-ready .masthead-in{gap:8px}html.vr-app.vr-ready .profilebar{gap:4px}}
@media(max-width:430px){html.vr-app.vr-ready .vr-theme-wrap{display:block!important}html.vr-app.vr-ready .vr-install-wrap,html.vr-app.vr-ready .vr-softlaunch{display:none!important}html.vr-app.vr-ready .masthead .brand{font-size:var(--type-20)}html.vr-app.vr-ready .masthead .brand img{width:30px;height:26px}html.vr-app.vr-ready .vr-softlaunch{margin-left:0}}
@media(max-width:350px){html.vr-app.vr-ready .vr-install-wrap{display:none!important}html.vr-app .settings-search>div{flex-wrap:wrap}html.vr-app .settings-search input{flex-basis:100%}}
/* Keep all five phone destinations legible when system text grows. */
@media(max-width:430px){
 html.vr-app .bnav{padding-inline:4px;gap:4px}
 html.vr-app .bnav button,html.vr-app .bnav button span{font-size:var(--type-12);letter-spacing:-.015em;min-width:0}
 html.vr-app .bnav button span{display:block;max-width:100%}
 /* Use the card inset so all seven 44px calendar dates fit on a narrow phone. */
 html.vr-app #p-health .body-calendar .calgrid,html.vr-app .ui-calendar-card .calgrid{margin-inline:-16px;gap:1px;grid-template-columns:repeat(7,minmax(44px,1fr));overflow-x:auto}
}
