#panel-dich-thuat{padding:0!important;max-width:1600px;margin:0 auto}
/* One workspace edge and one theme for the toolbar, host and embedded view. */
body[data-gpuhi-service=voice]{--voice-surface:#0f1c2e;--voice-border:#263a57;--voice-canvas:#07111f;--voice-ink:#eaf2ff}
html[data-theme=light] body[data-gpuhi-service=voice]{--voice-surface:#fff;--voice-border:#d7e1ee;--voice-canvas:#f3f6fc;--voice-ink:#172b46}
.voice-embed-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 18px;background:#fff;border-bottom:1px solid #dbe2ea;color:#172b46}
.voice-embed-toolbar h2{font-size:1rem;margin:0;flex:1}
.voice-embed-toolbar a{font-size:.85rem;color:#075985;text-decoration:underline}
.voice-embed-status{font-size:.85rem;padding:8px 18px;margin:0;background:#edf6ff;color:#172b46}
.voice-embed-host iframe{display:block;width:100%;height:calc(100dvh - var(--gpuhi-service-nav-height,130px) - 72px);min-height:650px;border:0;background:#07111f}
.voice-embed-host iframe[hidden]{display:none!important}
/* Fit every viewport, not only phones. ResizeObserver already supplies this height. */
body[data-gpuhi-service=voice] #panel-dich-thuat{min-width:0;width:100%;max-width:min(1440px,100%);margin-inline:auto;box-sizing:border-box;border:1px solid var(--voice-border);border-radius:12px;overflow:hidden;background:var(--voice-surface);color:var(--voice-ink)}
body[data-gpuhi-service=voice] .voice-embed-host{min-width:0;max-width:100%;background:var(--voice-canvas)}
body[data-gpuhi-service=voice] .voice-embed-host iframe{height:var(--voice-frame-height,calc(100dvh - 180px));min-height:0!important;max-width:100%;box-sizing:border-box;background:var(--voice-canvas);color-scheme:inherit}
body[data-gpuhi-service=voice] .voice-embed-toolbar{padding:6px 12px;gap:6px}
body[data-gpuhi-service=voice] .voice-embed-toolbar h2{font-size:13px}
body[data-gpuhi-service=voice] .voice-embed-toolbar a{font-size:11px}
@media(min-width:701px) and (max-width:1100px){
 body[data-gpuhi-service=voice] #gpuhi-services{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:4px 12px!important}
 body[data-gpuhi-service=voice] #gpuhi-services .gpuhi-service-primary{grid-column:1;grid-row:1;width:auto!important;min-width:0;gap:4px}
 body[data-gpuhi-service=voice] #gpuhi-services .gpuhi-service-context{grid-column:1;grid-row:2;width:auto!important;min-width:0;flex:0 1 auto!important;margin:0!important;padding:0!important;border:0!important;gap:4px}
 body[data-gpuhi-service=voice] #gpuhi-services .gpuhi-global-tools{grid-column:2;grid-row:1 / span 2;align-self:center;margin:0!important}
 body[data-gpuhi-service=voice] #gpuhi-services button{min-height:36px;padding:5px 8px!important;font-size:12px!important}
}
.gpuhi-service-context button[data-voice-mode][aria-pressed=true]{background:#0e7490;border-color:#0e7490;color:white;font-weight:700}
.gpuhi-service-context button[data-voice-mode]:disabled{opacity:.6;cursor:wait}
@media(max-width:600px){.voice-embed-toolbar{padding:10px 12px}.voice-embed-host iframe{min-height:760px}}

@media(max-width:700px){.voice-embed-host iframe{height:var(--voice-frame-height,calc(100dvh - 190px));min-height:0!important}.voice-embed-toolbar{padding:6px 12px;gap:6px}.voice-embed-toolbar h2{font-size:12px}.voice-embed-toolbar a{font-size:10px}}

/* Shared light/dark surfaces */
.voice-embed-toolbar{background:#0f1c2e;color:#eaf2ff;border-color:#263a57}
.voice-embed-toolbar a{color:#93c5fd}
.voice-embed-status{background:#172944;color:#eaf2ff}
html[data-theme=light] .voice-embed-toolbar{background:#fff!important;color:#172b46!important;border-color:#d7e1ee}
html[data-theme=light] .voice-embed-toolbar a{color:#075985!important}
html[data-theme=light] .voice-embed-status{background:#edf6ff;color:#172b46}
html[data-theme=light] .voice-embed-host iframe{background:#f3f6fc}
/* Phone Voice workspace: reclaim chrome, not transcript text or controls. */
@media(max-width:700px){
 body[data-gpuhi-service=voice] > header.mobile-header-ready{padding:2px 8px!important;min-height:44px!important;gap:5px!important}
 body[data-gpuhi-service=voice] > header .logo img{width:26px!important;height:26px!important}
 body[data-gpuhi-service=voice] > header .logo a > div{display:none!important}
 body[data-gpuhi-service=voice] #gpuhi-services{padding:2px 8px!important}
 body[data-gpuhi-service=voice] #gpuhi-services .gpuhi-service-primary button{min-height:44px;padding:4px 10px!important;font-size:13px!important}
 body[data-gpuhi-service=voice] #gpuhi-services .gpuhi-service-context{margin-top:2px!important;padding-bottom:0!important;gap:4px!important}
 body[data-gpuhi-service=voice] #gpuhi-services .gpuhi-service-context button{min-height:44px;padding:4px 8px!important;font-size:12px!important}
 body[data-gpuhi-service=voice] .voice-embed-toolbar{display:none}
 body[data-gpuhi-service=voice] #panel-dich-thuat{margin-top:0!important}
}
/* v80: Voice-only phone chrome occupies two rows, not three.
   Existing account/settings controls remain interactive; OSG/CAD unchanged. */
@media(max-width:600px){
 body[data-gpuhi-service=voice] > header.mobile-header-ready{position:absolute!important;top:0!important;right:6px!important;width:88px!important;min-height:46px!important;padding:2px 0!important;gap:4px!important;background:transparent!important;border:0!important}
 body[data-gpuhi-service=voice] > header.mobile-header-ready .logo{display:none!important}
 body[data-gpuhi-service=voice] > header.mobile-header-ready .nav-actions{gap:4px!important;margin:0!important}
 body[data-gpuhi-service=voice] > header.mobile-header-ready .nav-actions > a{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;font-size:0!important}
 body[data-gpuhi-service=voice] > header.mobile-header-ready .nav-actions > a::before{content:'◉';font-size:20px}
 body[data-gpuhi-service=voice] #gpuhi-services{padding:2px 6px!important}
 body[data-gpuhi-service=voice] #gpuhi-services .gpuhi-service-primary{margin-right:96px!important;gap:4px!important}
 body[data-gpuhi-service=voice] #gpuhi-services .gpuhi-service-primary button{min-width:0!important;min-height:44px!important;padding:4px 6px!important;font-size:12px!important}
 body[data-gpuhi-service=voice] #gpuhi-services .gpuhi-service-context{margin-top:0!important;padding:0!important;gap:4px!important}
 body[data-gpuhi-service=voice] #gpuhi-services .gpuhi-service-context button{min-height:40px!important;padding:4px 8px!important;font-size:11px!important}
}
/* Phone header grew new statistics and a duplicate CAD shortcut. Keep account/settings
   beside the Voice mode row; all four service tabs remain available above. */
@media(max-width:600px){
 body[data-gpuhi-service=voice] > header.mobile-header-ready{top:48px!important;right:6px!important;width:88px!important;min-height:40px!important;padding:0!important}
 body[data-gpuhi-service=voice] > header #community-pulse{display:none!important}
 body[data-gpuhi-service=voice] > header .nav-actions>a[href="/cad"]{display:none!important}
 body[data-gpuhi-service=voice] > header.mobile-header-ready .nav-actions{width:84px;min-width:0;gap:4px!important}
 body[data-gpuhi-service=voice] #gpuhi-services .gpuhi-service-primary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));margin-right:0!important;width:100%!important;gap:4px!important}
 body[data-gpuhi-service=voice] #gpuhi-services .gpuhi-service-primary button{min-width:0!important;white-space:normal;overflow-wrap:normal;min-height:44px!important}
 body[data-gpuhi-service=voice] #gpuhi-services .gpuhi-service-context{margin-right:96px!important;min-width:0;flex-wrap:wrap!important}
 body[data-gpuhi-service=voice] #gpuhi-services .gpuhi-service-context button{padding:4px 6px!important}
 body[data-gpuhi-service=voice] #gpuhi-services .gpuhi-global-tools{min-width:0;max-width:100%;flex-wrap:wrap}
}