/* Mobile command surface: compact state-first cards, with details on demand. */
@media(max-width:760px){
 :root{--smart-gap:9px;--smart-radius:15px}
 body{padding:0 0 calc(78px + env(safe-area-inset-bottom));background:#07111c;overflow-x:hidden}
 .shell{width:100%;max-width:none;padding:8px 10px 18px!important}
 header{min-height:48px;padding:2px 4px 7px!important;display:flex!important;align-items:center!important;gap:8px!important;border-bottom:1px solid #213447}
 header .mark{width:36px;height:36px;border-radius:11px;font-size:20px}
 header .brand{gap:8px;min-width:0;align-items:center!important}header .brand h1{font-size:15px;letter-spacing:.13em;white-space:nowrap}header .brand p{display:none}
 header>.state{width:10px!important;height:10px!important;min-width:10px!important;max-width:10px!important;padding:0!important;border:0!important;border-radius:50%!important;font-size:0!important;line-height:0!important;overflow:hidden!important;color:transparent!important;background:#ef5366;box-shadow:0 0 0 4px #ef536622;margin-inline-start:auto}
 header>.state.good{background:#2fda95;box-shadow:0 0 0 4px #2fda9525}
 header .ui-language{margin:0!important}.ui-language label{display:flex;align-items:center;gap:5px}.ui-language label>span,.ui-language-status{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}
 header .ui-language select{width:76px;min-height:34px;padding:5px 24px 5px 8px!important;border-radius:10px;font-size:11px}
 .page-heading{min-height:74px;margin:7px 2px 5px;padding:0!important;display:grid!important;grid-template-columns:1fr;gap:6px!important;align-content:center}.page-heading>div{min-width:0}.page-heading .eyebrow,.page-heading #pageSubtitle,.page-heading .local-badge{display:none!important}.page-heading h1{font-size:16px!important;line-height:1.2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-heading .settings-search{width:100%!important;margin:0!important}.page-heading .settings-search input{width:100%!important}
 #pageContent>:is(section,.page-section,div[id$="Content"]):not(#dashboardContent):not(#workspaceContent){margin-top:7px!important}
 .panel,.page-section>section.panel{border-radius:var(--smart-radius)!important;padding:12px!important;margin-top:var(--smart-gap)!important;box-shadow:0 8px 24px #0003!important}
 :is(#cameraContent,#guardianContent,#settingsContent,#identityContent,#processingContent,#audioContent,#servicesContent,#phonesContent,#smartListenerContent,#peopleContent,#schedulesContent,#devicesContent,#securityEventsContent,#modelContent,#testContent)>h2{display:none!important}
 :is(#cameraContent,#guardianContent,#settingsContent,#identityContent,#processingContent,#audioContent,#servicesContent,#phonesContent,#smartListenerContent,#peopleContent,#schedulesContent,#devicesContent,#securityEventsContent,#modelContent,#testContent)>p:not([role="status"]){display:none!important}
 button{min-height:40px;padding:8px 11px!important;border-radius:11px!important;font-size:12px!important;line-height:1.2}
 .camera-controls,.overview-actions,.command-actions,.sound-action-row,.public-link-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}.overview-actions button:last-child:nth-child(odd){grid-column:1/-1}
 form{gap:9px!important}form>label,.setting-control,.settings-range{min-height:52px!important;padding:10px!important;border-radius:12px!important;background:#0e2031!important}
 input,textarea,select{min-height:40px;padding:8px 10px!important;border-radius:10px!important;font-size:13px!important}input[type=range]{min-height:22px!important;padding:0!important}
 [role="status"]:empty{display:none!important}.message[role="status"],.status-banner{margin:7px 0!important;padding:8px 10px!important;min-height:0!important;border-radius:999px!important;font-size:11px!important;line-height:1.35;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
 .camera-settings-group,.settings-fold,.page-fold,.settings-cluster{margin:8px 0!important;border-radius:13px!important}.camera-settings-group>summary,.settings-fold>summary,.page-fold>summary,.settings-cluster>summary{min-height:44px;padding:10px 12px!important;font-size:12px!important}
 #startupReadiness .readiness-badge{width:10px!important;height:10px!important;min-width:10px!important;padding:0!important;border-radius:50%!important;font-size:0!important;overflow:hidden!important;background:#ef5366!important;box-shadow:0 0 0 4px #ef536622}#startupReadiness .readiness-badge.ready{background:#2fda95!important;box-shadow:0 0 0 4px #2fda9525}
 .settings-help-button,.katrina-premium .setting-help-button{width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;font-size:12px!important}
 .settings-grid,#cameraSettingsBody form,#identitySettingsBody form,#guardianSettingsBody form,#guardianSoundSettingsBody .settings-form,#offloadSettings .settings-form{grid-template-columns:1fr!important;gap:8px!important}
 .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.service-card{min-height:62px!important;padding:10px!important;border-radius:14px!important;justify-content:center!important}.service-name{font-size:11px!important;line-height:1.25;padding-inline-end:34px;white-space:normal}.service-line{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.service-led{width:8px!important;height:8px!important;box-shadow:0 0 0 3px currentColor!important}.service-card .mcp-switch{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;font-size:0!important;border-radius:50%!important}.service-card .mcp-switch:after{content:'○';font-size:17px}.service-card .mcp-switch[aria-checked="true"]:after{content:'●';color:#7ef0c1}
 .services-heading{margin:0 2px 8px!important}.services-heading h2{display:none}.services-heading p{display:none!important}
 #phonesContent .phone-grid{grid-template-columns:1fr!important;gap:9px!important}.phone-card{padding:12px!important;gap:7px!important}.phone-card>input[type=text]{font-size:15px!important;font-weight:800;background:transparent!important;border:0!important;padding:3px!important;min-height:30px}.phone-card label{min-height:42px!important;padding:8px 10px!important;border:1px solid #2c465e;border-radius:11px;background:#0e2031}.phone-card footer{display:grid!important;grid-template-columns:1fr auto;gap:7px!important}.phone-meta{font-size:10px!important}
 .dashboard-view{display:block!important}.dashboard-view[hidden]{display:none!important}#dashboardFaceHost{margin-top:5px!important}.overview-side{display:grid;gap:8px}.hero-note{display:none!important}.dashboard-activity{position:absolute;inset-inline-end:16px;top:62px;width:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}.dashboard-activity>span{display:none}.dashboard-activity strong{display:block;width:10px;height:10px;border-radius:50%;font-size:0;background:#2fda95;box-shadow:0 0 0 4px #2fda9525}
 body:has(#workspaceContent:not([hidden])) .page-heading{display:none!important}.chat-face-state span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.chat-face-state{padding:0!important;min-width:12px!important}#replyVoiceStatus{width:10px!important;height:10px!important;min-width:10px!important;padding:0!important;border:0!important;border-radius:50%!important;font-size:0!important;overflow:hidden!important;background:#2fda95!important;box-shadow:0 0 0 4px #2fda9525!important}
 .overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:8px!important}.overview-metrics>div{min-height:58px;padding:10px!important;border:1px solid #29445c;border-radius:13px;background:#0e2031}.overview-metrics span{font-size:10px!important}.overview-metrics strong{font-size:13px!important}
 html[data-katrina-tab="dashboard"] .page-heading{display:none!important}html[data-katrina-tab="dashboard"] #pageContent{padding-top:5px!important;padding-bottom:54px!important;box-sizing:border-box!important}html[data-katrina-tab="dashboard"] #dashboardContent{grid-template-rows:minmax(96px,1fr) auto!important;gap:6px!important;overflow:hidden!important}html[data-katrina-tab="dashboard"] .face-choice{display:none!important}html[data-katrina-tab="dashboard"] .overview-side{display:grid!important;grid-template-rows:auto auto;gap:6px!important;align-content:end!important;height:auto!important}html[data-katrina-tab="dashboard"] .overview-metrics{margin:0!important;gap:6px!important}html[data-katrina-tab="dashboard"] .overview-metrics>div{min-height:43px!important;padding:6px 9px!important;gap:3px!important}html[data-katrina-tab="dashboard"] .overview-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}html[data-katrina-tab="dashboard"] .overview-actions button,html[data-katrina-tab="dashboard"] .overview-actions button:last-child:nth-child(odd){grid-column:auto!important;min-height:34px!important;padding:5px 3px!important;font-size:0!important}html[data-katrina-tab="dashboard"] .overview-actions button::first-letter{font-size:17px!important}
 .overview-life{position:absolute;inset:0;z-index:24;pointer-events:none;overflow:hidden}.overview-emotion{position:absolute;top:12px;inset-inline-end:12px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #7ce8c955;border-radius:50%;background:#071522cc;color:#a7f3dc;font-size:16px;box-shadow:0 0 18px #4be3b333;animation:overview-life-pulse 1s ease-in-out infinite alternate}.overview-emotion[data-state="WARNING"],.overview-emotion[data-state="RECOVERING"]{color:#ffd089;border-color:#f4b76c66}.overview-emotion[data-state="CRITICAL"],.overview-emotion[data-state="ERROR"]{color:#ff8494;border-color:#ff637877}.overview-tool-orbit{position:absolute;inset:0}.overview-tool{position:absolute;display:grid;place-items:center;width:29px;height:29px;border:1px solid #4d839b66;border-radius:10px;background:#071522d9;box-shadow:0 4px 14px #0008;animation:overview-tool-arrive .25s ease-out}.overview-tool img{width:19px;height:19px;object-fit:contain}.overview-tool:nth-child(1){right:12px;bottom:12px}.overview-tool:nth-child(2){left:12px;top:50%;translate:0 -50%}.overview-tool:nth-child(3){right:12px;top:50%;translate:0 -50%}.overview-life[data-phase="1"] .overview-emotion{transform:translate(-4px,3px)}.overview-life[data-phase="2"] .overview-emotion{transform:translate(-7px,0)}.overview-life[data-phase="3"] .overview-emotion{transform:translate(-3px,-3px)}@keyframes overview-life-pulse{from{opacity:.55}to{opacity:1}}@keyframes overview-tool-arrive{from{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}
 @media(prefers-reduced-motion:reduce){.overview-emotion,.overview-tool{animation:none!important}.overview-emotion{transform:none!important}}
 footer{display:none!important}.navigation-more-sheet{max-height:78dvh;overflow-y:auto}.navigation-more-sheet>p,#navigationMore>p{display:none!important}
}

@media(max-width:760px){.overview-emotion{display:none!important}}

/* Keep language help reachable without widening a narrow phone header. */
@media(max-width:760px){
 header .ui-language{flex:none;min-width:0;width:auto!important}
 header .ui-language label.auto-setting-help-label{padding:0!important;min-width:0;gap:3px}
 header .ui-language label>.setting-help{position:static!important;width:22px!important;height:22px!important;overflow:visible!important;clip:auto!important;display:inline-flex!important;flex:none;margin:0!important}
 header .ui-language .setting-help-button{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;padding:0!important;font-size:11px!important}
}
@media(max-width:360px){header{gap:4px!important}header .ui-language select{width:80px!important;min-width:0!important;padding-inline:6px 22px!important}header .brand{gap:5px!important}header .brand h1{font-size:13px!important}}