/* Liz voice panel in Eloria's black and gold. Brand gold = the lettering of the Eloria logo (--brand-gold, set by the Core shell; the fallback keeps the older workspace the same). */
#eloriaVoiceDock{position:fixed;right:18px;bottom:18px;z-index:10000;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#f3ead8;--lz-gold:var(--brand-gold,#cb984d);--lz-line:#6b5a3a;--lz-soft:#3a3122;--lz-muted:#b9ad98}
#eloriaVoiceMic{width:62px;height:62px;border-radius:50%;border:1.5px solid var(--lz-gold);background:#0b0b0d;color:var(--lz-gold);box-shadow:0 10px 28px #0007;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0;font:inherit}
#eloriaVoiceMic span{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#f3ead8}
#eloriaVoiceMic.listening{outline:3px solid #cb984d66;outline-offset:2px}
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* The panel: header, running conversation, message box, voice bar. The settings pop-up sits over it. */
#eloriaVoicePanel{position:absolute;right:0;bottom:72px;width:min(350px,calc(100vw - 24px));height:min(540px,calc(100vh - 110px));display:flex;flex-direction:column;background:#0b0b0d;border:1px solid var(--lz-gold);border-radius:16px;padding:14px;box-shadow:0 22px 60px #000a;font-size:14px;line-height:1.45;overflow:hidden}
#eloriaVoicePanel[hidden]{display:none}
#eloriaVoicePanel header{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex:none}
#eloriaVoicePanel header strong{font-weight:500;font-size:16px;color:#f3ead8}
.lz-mark{color:var(--lz-gold);font-size:18px}
.lz-grow{flex:1}
.lz-state{font-size:12px;color:var(--lz-muted);border:1px solid var(--lz-soft);border-radius:999px;padding:1px 9px;margin-left:4px}
#eloriaVoicePanel[data-state=listening] .lz-state,#eloriaVoicePanel[data-state=speaking] .lz-state{color:var(--lz-gold);border-color:var(--lz-gold)}
#eloriaVoicePanel button{font:inherit;color:#f3ead8;background:transparent;border:1px solid var(--lz-line);border-radius:999px;min-height:40px;padding:0 14px;cursor:pointer}
#eloriaVoicePanel button:hover:not(:disabled){border-color:var(--lz-gold)}
#eloriaVoicePanel button:disabled{opacity:.45;cursor:not-allowed}
#eloriaVoicePanel button:focus-visible,#eloriaVoicePanel input:focus-visible,#eloriaVoicePanel select:focus-visible{outline:3px solid var(--lz-gold);outline-offset:2px}
#eloriaVoicePanel #eloriaVoiceMute[aria-pressed=true],#eloriaVoicePanel .lz-layout button[aria-pressed=true]{background:var(--lz-gold);color:#16130d;border-color:var(--lz-gold)}
.lz-icon{width:40px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;font-size:20px}
/* Conversation */
.lz-convo{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:2px 2px 6px}
.lz-empty{margin:auto 0 0;color:var(--lz-muted);font-size:14px}
.lz-b{max-width:88%;padding:9px 12px;border-radius:14px;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}
.lz-b-liz{align-self:flex-start;background:#1d1a14;border:1px solid var(--lz-soft);border-bottom-left-radius:4px}
.lz-b-me{align-self:flex-end;background:#3a2d17;border:1px solid var(--lz-line);border-bottom-right-radius:4px}
.lz-b-live{align-self:flex-end;border:1px dashed var(--lz-line);color:var(--lz-muted);font-style:italic}
.lz-typing{display:flex;gap:5px;align-items:center;padding:12px 14px}
.lz-typing[hidden],.lz-b-live[hidden],.lz-empty[hidden],.lz-chips[hidden]{display:none}
.lz-typing i{width:7px;height:7px;border-radius:50%;background:var(--lz-gold);display:block;animation:lzdot 1s ease-in-out infinite}
.lz-typing i:nth-child(2){animation-delay:.15s}.lz-typing i:nth-child(3){animation-delay:.3s}
@keyframes lzdot{0%,80%,100%{opacity:.25}40%{opacity:1}}
.lz-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
#eloriaVoicePanel .lz-chip{border-color:var(--lz-gold);color:#f3ead8;background:#16130d;min-height:38px;padding:0 14px;font-size:13px}
#eloriaVoicePanel .lz-chip:hover{background:var(--lz-gold);color:#16130d}
/* Status, message box, voice bar */
#eloriaVoiceStatus{margin:6px 0 0;font-size:12px;color:var(--lz-muted);flex:none}
.lz-timing{margin:2px 0 0;font-size:12px;color:var(--lz-muted);flex:none}
.lz-timing:empty{display:none}
#eloriaVoiceForm{flex:none;margin-top:8px}
.lz-compose{display:flex;gap:8px}
#eloriaVoiceText{flex:1;min-width:0;min-height:40px;border-radius:999px;background:#16130d;color:#f3ead8;border:1px solid var(--lz-line);padding:0 14px;font:inherit;box-sizing:border-box}
#eloriaVoiceSend{background:var(--lz-gold)!important;color:#16130d!important;border-color:var(--lz-gold)!important;font-weight:600}
.lz-bar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:8px}
#eloriaVoicePanel .lz-talk{display:inline-flex;align-items:center;gap:6px;background:var(--lz-gold);color:#16130d;border-color:var(--lz-gold);font-weight:600}
#eloriaVoicePanel .lz-talk[aria-pressed=true]{background:#0b0b0d;color:var(--lz-gold);border:2px solid var(--lz-gold)}
#eloriaVoicePanel .lz-bar button:not(.lz-talk):not(.lz-gear){padding:0 10px;font-size:13px}
#eloriaVoicePanel #eloriaVoiceInterrupt:disabled{display:none}
.lz-gear{margin-left:auto}
/* Settings pop-up */
.lz-pop{position:absolute;inset:0;z-index:2;background:rgba(0,0,0,.62);display:flex;align-items:flex-end;justify-content:center;padding:10px}
.lz-pop[hidden]{display:none}
.lz-pop-card{width:100%;max-height:100%;overflow:auto;background:#0b0b0d;border:1px solid var(--lz-gold);border-radius:14px;padding:12px 14px 10px}
.lz-pop-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
.lz-pop-head h2{margin:0;font-size:16px;font-weight:500;color:#f3ead8}
#eloriaVoicePanel .lz-pop-head button{background:var(--lz-gold);color:#16130d;border-color:var(--lz-gold);font-weight:600}
.lz-row{display:grid;grid-template-columns:64px 46px 1fr;gap:8px;align-items:center;margin:8px 0;font-size:13px}
.lz-row>span{color:var(--lz-muted)}
.lz-row output{color:#f3ead8;text-align:right}
.lz-row input[type=range]{width:100%;height:32px;accent-color:var(--lz-gold);background:transparent}
.lz-voice,.lz-layout{grid-template-columns:64px 1fr}
.lz-layout div{display:flex;gap:6px;flex-wrap:wrap}
.lz-layout button{min-height:36px!important;padding:0 12px!important;font-size:13px}
.lz-pop select{width:100%;min-height:40px;border-radius:10px;background:#16130d;color:#f3ead8;border:1px solid var(--lz-line);padding:0 10px;font:inherit}
#eloriaVoicePanel[data-layout] .lz-row.lz-testrow{grid-template-columns:1fr}
.lz-hint{margin:6px 0 4px;font-size:12px;color:var(--lz-muted)}
/* Roomy layout: tablets. A wider, taller sheet with bigger touch targets and a centred pop-up. */
#eloriaVoicePanel[data-layout=roomy]{width:min(600px,calc(100vw - 32px));height:min(720px,calc(100vh - 110px));padding:18px;font-size:15px}
#eloriaVoicePanel[data-layout=roomy] button{min-height:48px}
#eloriaVoicePanel[data-layout=roomy] .lz-icon{width:48px}
#eloriaVoicePanel[data-layout=roomy] .lz-b{font-size:15px;padding:11px 14px}
#eloriaVoicePanel[data-layout=roomy] .lz-chip{min-height:46px;font-size:14px}
#eloriaVoicePanel[data-layout=roomy] #eloriaVoiceText{min-height:48px}
#eloriaVoicePanel[data-layout=roomy] .lz-bar{gap:10px}
#eloriaVoicePanel[data-layout=roomy] .lz-pop{align-items:center;padding:18px}
#eloriaVoicePanel[data-layout=roomy] .lz-pop-card{max-width:520px;padding:16px 18px 12px}
#eloriaVoicePanel[data-layout=roomy] .lz-row{grid-template-columns:76px 54px 1fr;font-size:14px}
#eloriaVoicePanel[data-layout=roomy] .lz-voice,#eloriaVoicePanel[data-layout=roomy] .lz-layout{grid-template-columns:76px 1fr}
#eloriaVoicePanel[data-layout=roomy] .lz-row input[type=range]{height:44px}
#eloriaVoicePanel[data-layout=roomy] .lz-layout button{min-height:44px!important}
@media (max-width:520px){#eloriaVoiceDock{right:12px;bottom:12px}#eloriaVoicePanel{width:calc(100vw - 24px)}}
@media (prefers-reduced-motion:reduce){.lz-typing i{animation:none;opacity:.7}}