/* A single existing renderer, framed by live controls only in manual fullscreen. */
.face-workspace-toolbar,.face-dashboard{display:none}
.face-panel.face-workspace-active.expanded{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;max-height:none!important;max-width:none!important;margin:0!important;border-radius:0!important;z-index:2000!important}
.fd-stage{overflow:hidden}
.katrina-premium .fd-command{flex-direction:row!important}.katrina-premium .fd-command input{flex:1;min-width:0;width:0!important}.katrina-premium .fd-command button{flex:0 0 auto;width:auto}
.face-workspace-active .face-workspace-toolbar{display:flex;position:absolute;inset:0 0 auto;height:72px;padding:12px 22px;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(180deg,#07111ff5,#07111fb8);border-bottom:1px solid #477ca54d;z-index:60;color:#d7efff}
.fd-brand{display:grid;gap:1px}.fd-brand strong{font-size:20px!important;letter-spacing:.20em;color:#b8ebff!important;text-shadow:0 0 18px #39b8ff60}.fd-brand small{font-size:8px!important;letter-spacing:.2em;color:#6f9aba!important}.face-workspace-toolbar time{font:500 19px 'Segoe UI',sans-serif;font-variant-numeric:tabular-nums;color:#abdcfa}
.fd-modes{display:flex;gap:6px}.katrina-premium .fd-modes button{padding:7px 13px;min-height:34px;background:#112738;color:#9cbed3;border:1px solid #285575;border-radius:9px;font-size:12px}.katrina-premium .fd-modes button[aria-pressed=true]{background:#164365;color:#d8f9ff;border-color:#5dcaff;box-shadow:0 0 18px #239dff23}.katrina-premium .fd-modes .fd-exit{font-size:23px;min-width:38px;padding:0}
.face-dashboard-active .face-dashboard{position:absolute;inset:0;display:block;z-index:15;pointer-events:none;color:#d6eafb}
.fd-layout{position:absolute;inset:88px 22px 22px;display:grid;grid-template-columns:minmax(210px,1fr) minmax(280px,1.4fr) minmax(230px,1fr);gap:20px;min-height:0}
.fd-left,.fd-right{display:flex;flex-direction:column;gap:14px;overflow-y:auto;min-height:0;scrollbar-width:thin;pointer-events:auto;padding:2px}.fd-left{grid-column:1;grid-row:1}.fd-right{grid-column:3;grid-row:1}.fd-stage{position:relative;min-width:0;min-height:0;grid-column:2;grid-row:1;pointer-events:none}
.fd-card{background:linear-gradient(145deg,#091b2df5,#07101eeb);border:1px solid #20709b8a;border-radius:18px;padding:18px;box-shadow:inset 0 1px #60d2ff12,0 0 22px #0889d00b;min-width:0}.katrina-premium .fd-card h3{font-size:12px;letter-spacing:.05em;color:#9fdcff;margin:0 0 14px;text-transform:uppercase}.fd-card p{font-size:12px;line-height:1.6;margin:10px 0;color:#83a3bc}.katrina-premium .fd-card button{padding:9px 12px;min-height:35px;background:#0d2b40;color:#a6dcf4;border:1px solid #285c7a;border-radius:10px;font-size:11px;margin-top:8px}
.fd-task{display:grid;gap:6px;padding:12px 0;border-bottom:1px solid #34678542}.fd-task strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.fd-task small{font-size:11px;color:#739cb5}.fd-camera{display:grid;grid-template-columns:8px 1fr;gap:5px 10px;padding:13px 0;border-bottom:1px solid #34678542}.fd-camera strong{font-size:12px;font-weight:500}.fd-camera small{grid-column:2;font-size:10px;color:#779eb5}.fd-led{width:6px;height:6px;display:inline-block;border-radius:50%;background:#854454;box-shadow:0 0 6px #c7546a22;flex:none;margin-block:5px}.fd-led.on{background:#5ee8c1;box-shadow:0 0 9px #5ee8c15a}
.fd-device{padding:7px 0 14px}.fd-device+.fd-device{border-top:1px solid #34678542;padding-top:17px}.fd-device-heading{display:flex;align-items:center;justify-content:space-between}.fd-device-heading strong{font-size:12px;letter-spacing:.1em;color:#cfedff}.fd-device>small{display:block;font-size:10px;color:#6f9ab2;margin:4px 0 10px}.fd-meter-row{display:grid;grid-template-columns:30px 1fr 35px;gap:9px;align-items:center;margin:8px 0;font-size:10px;color:#88afc7}.fd-meter-row>span:last-child{text-align:right;font-variant-numeric:tabular-nums}.fd-meter-row meter{width:100%;height:8px;appearance:none}.fd-meter-row meter::-webkit-meter-bar{background:#122b3e;border:0}.fd-meter-row meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#2863e1,#5bd5f7);border-radius:5px}.fd-services{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fd-services>span{display:flex;gap:8px;align-items:center;font-size:11px;color:#95b5c9}.fd-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fd-tools button{margin:0!important}.fd-reply{max-height:110px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.fd-stage-halo{position:absolute;width:94%;aspect-ratio:1;left:3%;top:12%;border-radius:50%;border:1px solid color-mix(in srgb,var(--face-color) 25%,transparent);box-shadow:0 0 50px color-mix(in srgb,var(--face-color) 7%,transparent);pointer-events:none}.fd-stage-halo:after{content:'';position:absolute;inset:-13px;border:1px dashed color-mix(in srgb,var(--face-color) 17%,transparent);border-radius:50%;transform:rotate(24deg)}
.fd-stage-controls{position:absolute;bottom:0;left:0;right:0;pointer-events:auto;background:linear-gradient(0deg,#06101ff0 60%,transparent);padding:25px 8px 0;z-index:2;text-align:center}.fd-live-mode{display:inline-flex;align-items:center;gap:10px;border:1px solid #56b6cb52;background:#071a2cdd;border-radius:30px;font-size:11px;color:var(--face-color);padding:7px 16px;max-width:100%}.fd-live-mode:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--face-color);box-shadow:0 0 9px var(--face-color)}.fd-voice-actions{display:flex;justify-content:center;gap:8px;margin:14px 0}.katrina-premium .fd-voice-actions button{font-size:10px;min-height:39px;padding:8px 10px;border:1px solid #376888;background:#0b263e;color:#b1dbef;border-radius:12px}.katrina-premium .fd-voice-actions .fd-mic{font-size:13px;background:linear-gradient(135deg,#1458a6,#0d769e);border-color:#5bd1ff;color:white;box-shadow:0 0 24px #268dff22}.fd-voice-actions button[aria-pressed=true]{border-color:#77e2c5;background:#164238}.fd-command{display:flex!important;gap:8px!important;align-items:center}.katrina-premium .fd-command input{margin:0!important;font-size:12px;padding:11px 12px;background:#061725;border-color:#2b5774}.katrina-premium .fd-command button{background:#153b57;color:#a9ddf2;padding:9px 12px;min-height:39px}.fd-notice{font-size:10px!important;min-height:16px;line-height:1.4;margin:6px 0 0!important;color:#8bbbd1!important}.fd-mobile-tabs{display:none}
/* Override old fullscreen fill rules for the same face/FX canvases, never clone. */
.face-panel.face-dashboard-active:is(:fullscreen,.expanded) :is(#faceCanvas,.katrina-hologram,.max-face-scene-fx,.max-face-near-fx,.max-face-compat,.max-face-speech-floor){position:absolute!important;inset:auto!important;left:28%!important;top:75px!important;width:44%!important;height:calc(100% - 190px)!important;min-height:0!important;max-height:none!important;max-width:none!important;pointer-events:none}
.face-panel.face-workspace-active #faceFullscreen{display:none!important}.face-panel.face-workspace-active .face-mode-indicator{top:82px!important;left:24px!important;z-index:16}.face-panel.face-dashboard-active .face-mode-indicator{display:none!important}.face-panel.face-workspace-active #faceLiveToggle{top:80px!important;right:25px!important;z-index:50}/* Live Cameras visibility follows fullscreen state in app.css. */
.face-panel.face-workspace-active.face-arrival-active .face-arrival-live{z-index:70!important;padding-top:78px!important}.face-workspace-active .face-arrival-close{top:82px!important}.face-panel.face-workspace-active.face-arrival-active .face-workspace-toolbar{z-index:80}.face-panel.face-dashboard-active.face-arrival-active :is(#faceCanvas,.katrina-hologram,.max-face-scene-fx,.max-face-near-fx,.max-face-compat){left:auto!important;top:auto!important;right:12px!important;bottom:12px!important;width:130px!important;height:180px!important;z-index:75!important}
.face-panel.face-dashboard-active[data-face-quality=light] .fd-card{box-shadow:none}.face-panel.face-dashboard-active[data-face-quality=light] .fd-stage-halo{box-shadow:none}
@media(max-width:950px) and (orientation:landscape){.fd-layout{inset:80px 12px 12px;grid-template-columns:minmax(160px,1fr) minmax(190px,1.2fr) minmax(180px,1fr);gap:10px}.fd-card{padding:12px}.fd-card h3{font-size:10px!important}.fd-stage-controls{padding:15px 0 0}.fd-voice-actions{flex-wrap:wrap;margin:8px 0}.fd-stage-halo{top:8%}.fd-brand small{display:none}.face-workspace-toolbar{height:64px!important}.face-workspace-toolbar time{font-size:14px}}
@media(max-width:760px) and (orientation:portrait){
 .face-workspace-active .face-workspace-toolbar{padding:max(12px,env(safe-area-inset-top)) 12px 10px;height:72px;gap:8px}.fd-brand strong{font-size:14px!important;letter-spacing:.12em}.fd-brand small{font-size:6px!important}.face-workspace-toolbar time{display:none}.fd-modes{gap:4px}.katrina-premium .fd-modes button{font-size:10px;padding:7px 9px}.katrina-premium .fd-modes .fd-exit{min-width:32px}
 .fd-layout{inset:80px 12px max(12px,env(safe-area-inset-bottom));grid-template-columns:1fr;grid-template-rows:minmax(210px,1fr) 36px minmax(150px,.55fr);gap:8px}.fd-stage{grid-row:1;grid-column:1}.fd-mobile-tabs{display:flex;grid-row:2;grid-column:1;gap:6px;pointer-events:auto}.fd-mobile-tabs button{flex:1;padding:5px!important;min-height:32px!important;font-size:10px!important;background:#102b42!important;color:#87b5d2!important;border:1px solid #295779!important}.fd-mobile-tabs button[aria-pressed=true]{background:#174d6a!important;border-color:#4bafda!important;color:#d6f6ff!important}.fd-left,.fd-right{grid-column:1;grid-row:3;display:none;gap:10px}.face-dashboard[data-mobile-view=system] .fd-right,.face-dashboard[data-mobile-view=details] .fd-left{display:flex}.fd-card{padding:14px;border-radius:14px}.fd-stage-halo{width:75%;left:12.5%;top:0}.fd-stage-controls{padding:15px 0 0}.fd-voice-actions{margin:8px 0}.fd-live-mode{font-size:10px;padding:5px 12px}.fd-notice{min-height:12px;font-size:9px!important}.fd-command input{min-height:35px}.fd-device{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;padding-bottom:8px}.fd-device-heading,.fd-device>small{grid-column:1/-1}.fd-services{grid-template-columns:repeat(3,minmax(0,1fr))}.fd-reply{max-height:90px}
 .face-panel.face-dashboard-active:is(:fullscreen,.expanded) :is(#faceCanvas,.katrina-hologram,.max-face-scene-fx,.max-face-near-fx,.max-face-compat,.max-face-speech-floor){left:0!important;top:72px!important;width:100%!important;height:calc((100dvh - 144px)*.64)!important}
}
@media(prefers-reduced-motion:reduce){.fd-stage-halo,.fd-card{box-shadow:none}}

/* Compact observed-service PNGs stay beside the portrait and clear the controls. */
.face-service-activity{position:absolute;inset:24% max(14px,6%) auto auto;display:grid;grid-template-columns:repeat(2,82px);gap:12px;z-index:25;pointer-events:none;max-height:48%;overflow:hidden}
.face-service-activity[hidden]{display:none!important}.face-service-orb{display:flex;align-items:center;flex-direction:column;gap:3px;animation:service-arrive .25s ease-out}.face-service-orb img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 0 8px #65cfff55)}.face-service-orb span{font:500 11px system-ui;color:#def5ff;text-shadow:0 1px 5px #000;background:#061321bd;border-radius:8px;padding:3px 6px;max-width:100%;text-align:center;overflow-wrap:anywhere}
@keyframes service-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:600px){.face-service-activity{inset:25% 8px auto auto;grid-template-columns:58px;gap:7px;max-height:43%}.face-service-orb img{width:48px;height:48px}.face-service-orb span{font-size:9px;padding:2px 4px}.face-service-orb:nth-child(n+4){display:none}}
@media(prefers-reduced-motion:reduce){.face-service-orb{animation:none}}