/* Floating Copilot chat — shared browser, PWA and Electron interface.
 * Mobile placement is anchored to Home Quick Record or Edit timeline unless dragged. */
#bzdrCopilotLauncher {
  position:fixed;right:calc(40px + env(safe-area-inset-right,0px));
  bottom:calc(66px + env(safe-area-inset-bottom,0px));z-index:850;
  display:grid;place-items:center;width:46px;height:46px;min-width:46px;
  padding:0;border:1px solid rgba(194,232,221,.32);border-radius:16px;
  color:#d4f9e8;background:rgba(24,38,43,.52);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  box-shadow:0 8px 24px #0005,inset 0 1px 0 #ffffff12;
  cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
#bzdrCopilotLauncher[data-dragging=true]{cursor:grabbing;transition:none!important;transform:none!important}
#bzdrCopilotLauncher svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
#bzdrCopilotLauncher[aria-expanded=true]{background:rgba(42,65,63,.82);border-color:#a9decb}
#bzdrCopilotLauncher:focus-visible,.bzdr-copilot-panel :focus-visible{outline:2px solid #b6ead7;outline-offset:3px}
.bzdr-copilot-panel{
  --copilot-accent:#b6ead7;position:fixed;right:calc(40px + env(safe-area-inset-right,0px));
  bottom:calc(124px + env(safe-area-inset-bottom,0px) + var(--copilot-keyboard-offset,0px));
  z-index:100070;box-sizing:border-box;width:min(420px,calc(100vw - 64px));
  height:680px;max-height:calc(var(--copilot-viewport-height,100dvh) - 148px - env(safe-area-inset-bottom,0px));
  display:flex;flex-direction:column;gap:12px;overflow:hidden;min-height:0;overscroll-behavior:contain;
  padding:18px;color:#e9eeef;background:linear-gradient(145deg,rgba(27,34,42,.96),rgba(13,19,26,.97));
  -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
  border:1px solid #c1d9e024;border-radius:24px;box-shadow:0 24px 80px #0009,inset 0 1px 0 #ffffff0d;
  font:13px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;scrollbar-width:thin;scrollbar-color:#62727c #0000;
}
.bzdr-copilot-panel *{box-sizing:border-box}
.bzdr-copilot-panel[hidden],.bzdr-copilot-panel [hidden]{display:none!important}
.bzdr-copilot-panel[data-assistant-mode=mix]{--copilot-accent:#d3c3f9}
.bzdr-copilot-panel> :not(#bzdrCopilotOutput){flex-shrink:0}
.bzdr-copilot-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bzdr-copilot-brand{display:flex;align-items:center;gap:11px}
.bzdr-copilot-brand>span{display:flex;flex-direction:column;gap:2px}
.bzdr-copilot-brand i{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#b6ead710;color:var(--copilot-accent);font-size:23px;font-style:normal}
.bzdr-copilot-head strong{font-size:16px;font-weight:650;letter-spacing:-.025em}
.bzdr-copilot-head small{color:#9faeb9;font-size:9px;letter-spacing:.12em}
.bzdr-copilot-panel button{font:inherit;min-height:44px;padding:9px 12px;color:#dce5ea;background:#ffffff06;border:1px solid #ffffff16;border-radius:12px;cursor:pointer;touch-action:manipulation}
.bzdr-copilot-panel button:disabled{opacity:.4;cursor:not-allowed}
.bzdr-copilot-head button{width:44px;padding:0;border:0;background:transparent;color:#a6b5c0;font-size:25px}
.bzdr-copilot-tabs{display:flex;gap:4px;padding:4px;background:#050b1166;border:1px solid #ffffff09;border-radius:14px}
.bzdr-copilot-tabs button{flex:1;border:0;background:transparent;color:#9faeb9;min-height:40px}
.bzdr-copilot-tabs [aria-pressed=true]{background:#ffffff0e;color:var(--copilot-accent);box-shadow:0 2px 6px #0003;font-weight:600}
.bzdr-copilot-mode-card{padding:0 2px}
.bzdr-copilot-mode-card strong{color:var(--copilot-accent);font-size:11px;font-weight:600}
.bzdr-copilot-mode-card p{margin:4px 0;color:#a6b3bc;font-size:11px;line-height:1.5}
#bzdrCopilotStage{display:block;color:#96a7b2;font-size:10px;overflow-wrap:anywhere}
#bzdrCopilotStage::before{content:'';display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--copilot-accent)}
#bzdrCopilotOutput{flex:1 1 0;min-height:56px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;padding:14px;background:#ffffff04;border:1px solid #ffffff0a;border-radius:16px;line-height:1.6;overflow-wrap:anywhere}
#bzdrCopilotOutput strong{display:block;color:var(--copilot-accent);font-size:12px;font-weight:600;margin:3px 0 8px}
#bzdrCopilotOutput ul{list-style:disc;margin:4px 0 15px;padding-left:17px}
#bzdrCopilotOutput li{margin:7px 0}
#bzdrCopilotOutput p{margin:0}
#bzdrCopilotOutput .bzdr-copilot-error{color:#ffb4b0}
#bzdrCopilotOutput .bzdr-copilot-success{color:#b6ead7}
#bzdrCopilotOutput .bzdr-copilot-info{color:#b9c7d0}
.bzdr-copilot-shortcuts{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.bzdr-copilot-shortcuts[open]{max-height:148px}
.bzdr-copilot-shortcuts summary{min-height:44px;display:list-item;padding:12px 3px;color:#abbcc8;font-size:11px;cursor:pointer;list-style-position:inside}
.bzdr-copilot-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px 0}
.bzdr-copilot-actions button{min-width:0;font-size:11px;line-height:1.35;padding:8px}
.bzdr-copilot-composer{padding:12px;background:#090f1666;border:1px solid #ffffff20;border-radius:18px}
.bzdr-copilot-composer:focus-within{border-color:#b6ead765;box-shadow:0 0 0 3px #b6ead706}
.bzdr-copilot-label{display:block;font-size:10px;color:#a5b6c2;margin-bottom:4px}
#bzdrCopilotInput{display:block;width:100%;min-height:56px;max-height:130px;resize:vertical;border:0;border-radius:0;background:transparent;color:#f0f4f7;font:inherit;line-height:1.5;padding:4px 0 8px}
#bzdrCopilotInput:focus-visible{outline:none}
#bzdrCopilotInput::placeholder{color:#7e909e}
.bzdr-copilot-compose-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.bzdr-copilot-compose-actions button{min-height:44px;padding:8px;font-size:10px}
.bzdr-copilot-compose-actions [data-copilot=commands]{border:0;color:#9caeba;background:transparent}
.bzdr-copilot-compose-actions .bzdr-copilot-preview{order:2;margin-left:auto;background:var(--copilot-accent);border-color:transparent;color:#152923;font-weight:650}
.bzdr-copilot-note{margin:0;text-align:center;color:#8e9fac;font-size:10px}
.bzdr-copilot-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid #ffffff0c}
.bzdr-copilot-footer button{font-size:11px}
.bzdr-copilot-footer .bzdr-copilot-primary{color:var(--copilot-accent);border-color:#b6ead72b;background:#b6ead70b}
@media(hover:hover){#bzdrCopilotLauncher:hover{background:rgba(43,65,66,.8);border-color:#b6ead7;transform:translateY(-2px)}.bzdr-copilot-panel button:enabled:hover{filter:brightness(1.17);border-color:#ffffff40}}
@media(max-width:899px){
 #bzdrCopilotLauncher{right:calc(30px + env(safe-area-inset-right,0px));bottom:calc(112px + env(safe-area-inset-bottom,0px))}
 .bzdr-copilot-panel{right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px) + var(--copilot-keyboard-offset,0px));width:calc(100vw - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));max-height:calc(var(--copilot-viewport-height,100dvh) - 40px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));height:700px;padding:15px;gap:10px;border-radius:22px}
 #bzdrCopilotInput{font-size:16px}
}
@media(max-height:560px){
 .bzdr-copilot-panel{bottom:calc(12px + env(safe-area-inset-bottom,0px) + var(--copilot-keyboard-offset,0px));max-height:calc(var(--copilot-viewport-height,100dvh) - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));gap:8px}
 .bzdr-copilot-mode-card p{display:none}
 #bzdrCopilotOutput{min-height:90px}
}
@media(max-width:899px) and (orientation:landscape){
 #bzdrCopilotLauncher{bottom:calc(52px + env(safe-area-inset-bottom,0px));right:calc(32px + env(safe-area-inset-right,0px))}
 .bzdr-copilot-panel{width:min(420px,calc(100vw - 64px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)))}
}
@media(prefers-reduced-motion:reduce){#bzdrCopilotLauncher{transition:none}}
@media(prefers-reduced-transparency:reduce){#bzdrCopilotLauncher{background:#1b2b32}.bzdr-copilot-panel{background:#141d26}}

/* Keep the conversation and shortcuts independently scrollable. The panel
 * itself must not scroll away from its close button or the message field. */
.bzdr-copilot-head,.bzdr-copilot-tabs,.bzdr-copilot-composer,.bzdr-copilot-footer{flex-shrink:0}
.bzdr-copilot-panel[data-compact-viewport=true] .bzdr-copilot-mode-card,
.bzdr-copilot-panel[data-compact-viewport=true] .bzdr-copilot-shortcuts,
.bzdr-copilot-panel[data-compact-viewport=true] .bzdr-copilot-note{display:none}
.bzdr-copilot-panel[data-compact-viewport=true]{gap:7px;padding:10px}
.bzdr-copilot-panel[data-compact-viewport=true] #bzdrCopilotInput{min-height:40px;max-height:72px}
.bzdr-copilot-panel[data-compact-viewport=true] #bzdrCopilotOutput{min-height:28px}
@media(max-width:899px){
 #bzdrCopilotLauncher:not([style*="left:"]){right:calc(46px + env(safe-area-inset-right,0px));bottom:calc(126px + env(safe-area-inset-bottom,0px))}
 .bzdr-copilot-panel{padding:12px;gap:8px}
 .bzdr-copilot-shortcuts[open]{max-height:112px}
}
@media(max-height:700px){
 .bzdr-copilot-mode-card p{display:none}
 .bzdr-copilot-note{display:none}
 .bzdr-copilot-shortcuts[open]{max-height:86px}
}

/* Safari mobile viewport repair: the fixed Copilot header and X remain below
 * the toolbar and inside the visible screen even with Safari chrome or IME up.
 * The Studio modal backdrop (z-index 100100) stays above Copilot. */
@media(max-width:899px){
 .bzdr-copilot-panel{
  position:fixed!important;
  top:var(--copilot-visible-top,calc(12px + env(safe-area-inset-top,0px)))!important;
  bottom:auto!important;
  height:var(--copilot-visible-height,calc(100dvh - 24px))!important;
  max-height:var(--copilot-visible-height,calc(100dvh - 24px))!important;
  min-height:0!important;overflow:hidden!important;z-index:100070!important;
 }
 .bzdr-copilot-head{position:relative;z-index:3;flex:0 0 auto;min-height:44px}
 .bzdr-copilot-head [data-copilot="close"]{
  flex:0 0 44px;min-width:44px;min-height:44px;
  width:44px;height:44px;z-index:4;
 }
 .bzdr-copilot-panel[data-tight-viewport=true]{gap:7px;padding:10px}
 .bzdr-copilot-panel[data-tight-viewport=true] .bzdr-copilot-mode-card p,
 .bzdr-copilot-panel[data-tight-viewport=true] .bzdr-copilot-note{display:none}
 .bzdr-copilot-panel[data-tight-viewport=true] .bzdr-copilot-shortcuts{
  flex-shrink:1!important;min-height:0;overflow-y:auto
 }
 .bzdr-copilot-panel[data-tight-viewport=true] .bzdr-copilot-shortcuts[open]{
  max-height:min(92px,19vh)
 }
 .bzdr-copilot-panel[data-tight-viewport=true] #bzdrCopilotOutput{
  flex:1 1 0;min-height:24px
 }
}

/* BZDR Copilot command chat: keep compact visible history on mobile and desktop. */
.bzdr-copilot-chat-history{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}
#bzdrCopilotOutput .bzdr-copilot-bubble{
  display:block;max-width:94%;width:fit-content;padding:9px 12px;margin:0;
  border-radius:13px;background:#ffffff0c;border:1px solid #ffffff14;
  font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere
}
#bzdrCopilotOutput .bzdr-copilot-user{
  align-self:flex-end;background:#b6ead717;border-color:#b6ead73b;color:#e6fff3
}
#bzdrCopilotOutput .bzdr-copilot-assistant{
  align-self:flex-start;color:#dce5ec
}

/* Explicit Auto Approve control: independent, session-scoped for each mode.
 * Kept visible in compact mobile/landscape layouts. */
.bzdr-copilot-auto{display:flex;align-items:center;gap:10px;min-height:42px;flex:0 0 auto}
.bzdr-copilot-auto [data-copilot="auto-approve"]{
  flex:0 0 auto;min-height:40px;padding:8px 11px;
  font-size:11px;font-weight:650;border:1px solid #d3dfe02b;
  background:#ffffff08;color:#b9c5cf;border-radius:11px;
}
.bzdr-copilot-auto [data-copilot="auto-approve"][aria-pressed="true"]{
  border-color:#a5ddbf94;background:#a0d7b420;color:#d3ffe6;
}
.bzdr-copilot-auto small{flex:1;min-width:0;line-height:1.35;font-size:10px;color:#93a5af}
.bzdr-copilot-panel[data-compact-viewport="true"] .bzdr-copilot-auto small,
.bzdr-copilot-panel[data-tight-viewport="true"] .bzdr-copilot-auto small{display:none}
.bzdr-copilot-panel[data-compact-viewport="true"] .bzdr-copilot-auto{min-height:36px}
@media(max-width:899px){
 .bzdr-copilot-auto [data-copilot="auto-approve"]{min-height:44px}
}

/* Offline two-way chat + optional installed-device speech output. */
.bzdr-copilot-auto [data-copilot="speak"]{
  flex:0 0 auto;min-height:40px;padding:8px 10px;font-size:11px;font-weight:650;
  border:1px solid #d3dfe02b;background:#ffffff08;color:#b9c5cf;border-radius:11px;
}
.bzdr-copilot-auto [data-copilot="speak"][aria-pressed="true"]{
  border-color:#91c8e18a;background:#8fcde41c;color:#d1f4ff;
}
.bzdr-copilot-bubble{line-height:1.5;overflow-wrap:anywhere}
@media(max-width:899px){
 .bzdr-copilot-auto{gap:6px}
 .bzdr-copilot-auto [data-copilot="speak"]{min-height:44px;padding:8px}
 .bzdr-copilot-auto [data-copilot="auto-approve"]{padding:8px}
}


/* Eight-position studio sundial. Center microphone remains the native tap/hold/drag target. */
#bzdrCopilotLauncher{width:56px;height:56px;min-width:56px;border-radius:50%;z-index:100075;background:radial-gradient(circle at 40% 30%,#35545c,#152930 76%);color:#e2fff4;border:3px solid #b6ead7;box-shadow:0 0 0 5px #b6ead715,0 8px 30px #0009;transition:border-color .16s,background .16s}
#bzdrCopilotLauncher[data-listening=true]{color:#fff;border-color:#ffaaa4;background:#79373c;box-shadow:0 0 0 7px #f7939330}
#bzdrCopilotDial[hidden],#bzdrCopilotVoice[hidden]{display:none!important}
#bzdrCopilotDial{position:fixed;width:264px;height:264px;border-radius:50%;z-index:100074;overflow:hidden;border:1px solid #a9d8c888;
  background:repeating-conic-gradient(from -22.5deg,#315059ef 0deg 44.6deg,#9db9b04a 44.6deg 45deg),radial-gradient(circle,#14232b 24%,#253840 100%);
  box-shadow:0 12px 42px #000a, inset 0 0 0 5px #12262bbd,inset 0 0 0 7px #96d4bd55;
  font:10px/1.24 system-ui;pointer-events:auto}
#bzdrCopilotDial:before{content:'';position:absolute;inset:90px;border-radius:50%;border:2px solid #acdfcb90;background:#15262c;pointer-events:none}
#bzdrCopilotDial button{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:74px;height:56px;padding:3px 4px;border:1px solid transparent;border-radius:12px;background:#172e3544;color:#e1f4ed;cursor:pointer;pointer-events:auto;font:600 10px/1.2 system-ui;touch-action:manipulation}
#bzdrCopilotDial button span{display:block;font-size:19px;line-height:1.1}
#bzdrCopilotDial button:hover,#bzdrCopilotDial button:focus-visible{border-color:#c3f5df95;background:#a5e7ce1d}
#bzdrCopilotDial [data-dial=chat]{left:95px;top:8px}
#bzdrCopilotDial [data-dial=dictate]{right:15px;top:28px}
#bzdrCopilotDial [data-dial=engineer]{right:0;top:104px}
#bzdrCopilotDial [data-dial=mix]{right:15px;bottom:28px}
#bzdrCopilotDial [data-dial=commands]{left:95px;bottom:7px}
#bzdrCopilotDial [data-dial=replies]{left:15px;bottom:28px}
#bzdrCopilotDial [data-dial=record]{left:0;top:104px}
#bzdrCopilotDial [data-dial=collapse]{left:15px;top:28px}
#bzdrCopilotDial [data-dial=replies][aria-pressed=true]{color:#bcfbe4;background:#45776280}
#bzdrCopilotDial [data-dial=record] span{color:#ffb7b7}
#bzdrCopilotVoice{position:fixed;z-index:100076;box-sizing:border-box;display:flex;align-items:center;width:264px;min-height:40px;padding:7px 12px;
  border:1px solid #b6ead747;border-radius:13px;background:#14232bf7;color:#e4f8ee;font:11px/1.25 system-ui;box-shadow:0 8px 26px #0007}
#bzdrCopilotVoice strong,#bzdrCopilotVoice button{display:none}
#bzdrVoiceStatus{display:block;width:100%;max-height:48px;overflow:auto}
#bzdrCopilotDial :focus-visible,#bzdrCopilotVoice :focus-visible{outline:2px solid #b6ead7;outline-offset:2px}
.bzdr-copilot-mic svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.bzdr-copilot-compose-actions .bzdr-copilot-mic{width:44px;height:44px;min-width:44px;padding:9px;border-radius:50%;color:var(--copilot-accent)}
.bzdr-copilot-compose-actions .bzdr-copilot-mic[aria-pressed=true]{color:#fff;border-color:#e28d90;background:#753c44;box-shadow:0 0 0 3px #fa9eab38}
@media(max-height:450px){#bzdrCopilotVoice{min-height:34px;padding:5px 10px}}

#bzdrCopilotLauncher[hidden]{display:none!important}