/* HoloDesk V0.3 — CAMERA IS THE CANVAS, ONLY FLOATING WIDGETS.
   No video dimming, filters, artificial noise, cinematic gradient or WebGL overlay. */
html,body{background:#080e12!important}
.workspace{background:#080e12!important}
.workspace #camera{opacity:0;filter:none!important;mix-blend-mode:normal!important;transform:scaleX(-1);object-fit:cover;z-index:0!important;}
.workspace.camera-on #camera,.workspace.camera-on.cinematic #camera{opacity:1!important;filter:none!important;transition:none!important;}
.workspace .camera-vignette,.workspace .grain,.workspace #starfield,
.workspace .ambient-grid,.workspace .scan-beam,.workspace .viewport-reticle,
.workspace .core-wrap,.workspace .scene-eyebrow,.workspace .spatial-axis,
.workspace .topbar,.workspace .bottom-ui,.workspace .gesture-readout,
.workspace #handOverlay,.workspace #handHelp{display:none!important}
.workspace.camera-on .camera-vignette{display:none!important;background:none!important}
.workspace.camera-on .grain{display:none!important}
.workspace.camera-on .ambient-grid{display:none!important}
.workspace.camera-on .scan-beam{display:none!important}
.workspace.camera-on #camera{image-rendering:auto!important}
/* No fixed headers/footers. The entire workspace is the raw camera feed. */
.workspace .spatial-area{position:absolute!important;inset:0!important;overflow:hidden!important;z-index:2!important;background:transparent!important;isolation:auto!important}
.workspace .side-dock{z-index:22!important;position:absolute!important;top:50%!important;left:15px!important;bottom:auto!important;
 transform:translateY(-50%)!important;width:64px!important;height:auto!important;max-height:85dvh!important;overflow-y:auto!important;
 flex-direction:column!important;border-radius:14px!important;padding:9px 6px!important;gap:2px!important;
 background:rgba(7,25,34,.67)!important;backdrop-filter:blur(13px);border:1px solid rgba(112,229,214,.55)!important;
 box-shadow:0 8px 25px #0005!important}
.side-dock .dock-item{height:56px!important;width:100%!important;flex:none!important}.side-dock .dock-item small{font-size:7px!important}
.side-dock .dock-separator{display:none!important}.side-dock .dock-bottom{display:none!important}
.side-dock .dock-item.selected::before{height:18px!important;width:3px!important;top:calc(50% - 9px)!important;left:-7px!important}
.workspace .holo-panel{background:rgba(7,28,37,.70)!important;backdrop-filter:blur(13px)!important;
 border:1px solid rgba(121,240,213,.62)!important;box-shadow:0 12px 40px #0008!important;border-radius:11px!important}
.workspace .holo-panel .panel-header{background:rgba(19,72,76,.59)!important}
.workspace .server-panel{top:17%!important;left:95px!important;width:min(315px,28vw)!important}
.workspace .crm-panel{top:19%!important;right:20px!important;left:auto!important;width:min(315px,28vw)!important}
.workspace .network-panel{top:17%!important;left:95px!important}
.workspace .ai-panel{bottom:22%!important;left:50%!important;transform:translateX(-50%)!important}
.workspace .media-panel{bottom:20%!important;right:4%!important}
.workspace .holo-panel[style*="left:"]{right:auto!important} /* JS drag coordinates own the position */
.workspace .holo-panel.collapsed{display:none!important}
.workspace .holo-panel.enlarged{width:min(510px,63vw)!important}
.workspace.widgets-hidden .holo-panel{display:none!important}
.workspace .floating-header{position:absolute;top:max(15px,env(safe-area-inset-top,0px));left:20px;right:20px;z-index:35;display:flex;
 align-items:flex-start;justify-content:space-between;gap:8px;pointer-events:none}
.workspace .floating-header>*{pointer-events:auto}
.mini-brand{display:flex;align-items:center;gap:8px;padding:9px 11px;background:rgba(7,28,34,.64);border:1px solid #91edd49c;
 border-radius:12px;backdrop-filter:blur(10px);white-space:nowrap}
.mini-brand-icon{font:700 23px var(--display);color:#85ffdf}.mini-brand strong{font:800 15px var(--display);letter-spacing:.5px}.mini-brand strong span{color:#88f9da}
.mini-brand small{font:700 8px var(--display);color:#bdd5d4;letter-spacing:.8px;padding-left:5px}
.floating-actions{display:flex;gap:7px;align-items:center}
.camera-badge{background:rgba(7,29,35,.67);padding:10px;border:1px solid #639f9eb3;color:#c2e7db;border-radius:8px;
 font:800 10px var(--display);letter-spacing:.3px;white-space:nowrap}
.camera-badge.active{color:#c1ffe4;border-color:#8ef1d0}
.float-button,.floating-actions .camera-action{height:41px;min-height:41px;display:flex!important;align-items:center;justify-content:center;gap:7px;padding:9px 12px;
 font:800 10px var(--display);border-radius:9px;letter-spacing:.1px}
.float-button{color:#dbf8f5;border:1px solid rgba(112,220,205,.78);background:rgba(10,39,46,.76);backdrop-filter:blur(10px)}
.float-button[aria-pressed=false]{color:#9cf6d5;background:#1d5657d9}
.floating-actions .camera-action{border:1px solid #8ff5d3}
.workspace .voice-widget{position:absolute;bottom:max(17px,env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);
 width:min(480px,calc(100vw - 170px));max-width:100%;z-index:33;border-radius:14px;border:1px solid rgba(136,239,218,.76);
 background:rgba(6,27,36,.83);backdrop-filter:blur(16px);box-shadow:0 10px 36px rgba(0,0,0,.6);padding:11px 13px;
 color:#e4fffc;pointer-events:auto}
.voice-head{display:flex;align-items:center;gap:9px}.voice-head strong{font:800 11px var(--display);letter-spacing:.7px}
.voice-dot{display:inline-block;width:8px;height:8px;flex:none;background:#8e9fa6;border-radius:100%}
.voice-dot.live{background:#75ffd7;box-shadow:0 0 9px #6ffdd1}.voice-dot.error{background:#ff9874}
.voice-status{margin-left:auto;color:#a2d9d1;font:800 10px var(--display)}
#voiceMinimize{color:#a9e5d9;background:transparent;border:0;padding:3px 8px;font-size:16px}
.voice-modes{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.voice-guide{color:#bddbd9;font-size:11px}
#voiceLanguage{padding:6px 8px;border-radius:7px;border:1px solid #669f9b;background:#143e49;color:#d6fff1;
 font:800 10px var(--display);white-space:nowrap}
.voice-reading{display:flex;align-items:center;gap:9px;margin:10px 0 7px}
.volume-track{height:7px;border-radius:10px;width:90px;background:#355863;overflow:hidden;flex:none}
.volume-track span{height:100%;display:block;background:#74ffdc;width:0%;transition:width .09s}
#micDevice{color:#8fbebd;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.voice-transcript{min-height:28px;max-height:54px;overflow:hidden;font:500 11px/1.4 var(--font);padding:7px 9px;
 background:rgba(12,38,48,.82);border-radius:7px;border:1px solid rgba(115,176,170,.54);color:#e4fff4}
.voice-transcript.interim{color:#bce5eb}.voice-error{font-size:10px;color:#ffd2b6;margin:7px 0;padding:7px;background:#642c2a66;border-radius:5px}
.voice-error[hidden]{display:none}
.voice-widget .command-shell{width:100%!important;margin:10px 0 0!important;min-height:46px;height:auto!important;
 background:rgba(11,42,52,.76)!important;box-shadow:none!important;padding:5px!important}
.voice-widget .cmd-mic{width:42px;min-width:42px;height:38px;border-radius:6px}
.voice-widget .voice-mode{height:38px;padding:6px 10px;min-width:77px;font:800 9px var(--display);white-space:nowrap}
.voice-widget .prompt-chevron{margin:0 5px}.voice-widget .command-shell input{font-size:11px;min-width:0}
.voice-widget .send-command{min-height:37px;padding:7px 9px;font-size:9px}
.voice-disclosure{display:block;color:#85b0ae;font-size:9px;line-height:1.4;margin-top:9px}
.voice-widget.minimized{width:245px}.voice-widget.minimized #voiceBody{display:none}
.workspace .toast{top:76px!important;pointer-events:none}
.workspace .welcome{backdrop-filter:none;background:rgba(3,15,20,.74);z-index:95}
.workspace .welcome-panel{background:rgba(9,37,43,.92);width:min(510px,94vw)}
.workspace .welcome-graphic{display:none}
.workspace .welcome-panel{padding:28px}
.workspace .welcome h1{font-size:clamp(25px,3vw,34px);letter-spacing:-.5px}
/* Video is unobscured except where a floating widget itself is located. */
@media(max-width:980px){
 .workspace .server-panel{left:86px!important;width:270px!important}
 .workspace .crm-panel{right:11px!important;width:270px!important}
 .workspace .voice-widget{width:min(450px,calc(100vw - 124px))}
 .mini-brand small{display:none}
}
@media(max-width:710px){
 .workspace .floating-header{left:10px;right:10px;top:calc(9px + env(safe-area-inset-top,0px))}
 .mini-brand{padding:7px 8px}.mini-brand strong{font-size:12px}.mini-brand-icon{font-size:20px}
 .floating-actions{gap:4px}.camera-badge{display:none}
 .float-button,.floating-actions .camera-action{min-height:35px;height:35px;padding:6px 8px;font-size:9px}
 .float-button span{display:none}
 .workspace .side-dock{top:50px!important;left:9px!important;right:auto!important;bottom:auto!important;
 transform:none!important;width:45px!important;max-height:calc(100dvh - 200px)!important;flex-direction:column!important;
 padding:7px 4px!important;border-radius:10px!important}
 .workspace .side-dock .dock-item{height:45px!important;width:100%!important}
 .workspace .side-dock .dock-item svg{width:19px!important;height:19px!important}
 .workspace .side-dock .dock-item small{font-size:6px!important}
 .workspace .spatial-area{top:0!important;bottom:0!important;left:0!important;right:0!important}
 .workspace .holo-panel{top:auto!important;bottom:183px!important;left:58px!important;right:7px!important;
 width:calc(100vw - 65px)!important;max-height:min(37dvh,330px)!important;overflow:auto!important;
 transform:none!important}
 .workspace .holo-panel.mobile-visible:not(.collapsed){display:block!important}
 .workspace .holo-panel:not(.mobile-visible){display:none!important}
 .workspace .holo-panel.enlarged{max-height:60dvh!important;width:calc(100vw - 65px)!important}
 .workspace .voice-widget{bottom:calc(9px + env(safe-area-inset-bottom,0px));left:auto;right:7px;
 transform:none;width:calc(100vw - 65px);padding:9px 9px}
 .voice-head strong{font-size:10px}.voice-head{gap:7px}
 .voice-guide{font-size:9px}.voice-transcript{font-size:10px}
 .voice-widget .voice-mode{min-width:63px;font-size:8px;padding:5px}
 .voice-widget .cmd-mic{min-width:35px;width:35px}
 .voice-widget .send-command{font-size:8px;padding:5px 6px}
 .voice-widget .command-shell input{font-size:10px}
 .voice-widget .prompt-chevron{display:none}
 .voice-disclosure{font-size:8px}
 .voice-widget.minimized{width:213px}
}
@media(max-width:390px){
 .workspace .voice-widget{width:calc(100vw - 60px);right:5px}
 .workspace .side-dock{left:5px!important;width:44px!important}
 .workspace .holo-panel{left:53px!important;right:5px!important;width:calc(100vw - 58px)!important}
 .voice-widget .voice-mode{min-width:58px;padding:4px 3px}
 .mini-brand strong{font-size:11px}
}
@media(max-height:600px) and (min-width:711px){.workspace .voice-widget{bottom:8px}.workspace .holo-panel{top:12%!important}.workspace .ai-panel{bottom:29%!important}}