.staff-dictation-panel{--dictation-border:#dbe5ed;--dictation-muted:#506378;--dictation-soft:#f3f7fa;--dictation-ink:#142839;--dictation-accent:#087a8f;display:block!important;width:min(600px,calc(100vw - 28px))!important;max-width:600px!important;max-height:calc(100dvh - 28px);overflow-y:auto;border:1px solid var(--dictation-border);border-radius:22px!important;padding:26px!important;background:#fff;color:var(--dictation-ink);box-shadow:0 24px 100px #06101f4d;overscroll-behavior:contain}
.dark .staff-dictation-panel{--dictation-border:#263c4d;--dictation-muted:#a5b8c9;--dictation-soft:#102333;--dictation-ink:#e9f4fb;--dictation-accent:#65ddec;background:#091722}
.staff-dictation-heading{padding-right:18px;text-align:left!important}.staff-dictation-heading h2{font-size:24px;line-height:1.25;letter-spacing:-.035em;font-weight:750}.staff-dictation-heading p{font-size:13px;line-height:1.65;color:var(--dictation-muted);margin-top:8px}.staff-dictation-eyebrow{display:flex;align-items:center;gap:6px;color:var(--dictation-accent);font-size:10px;letter-spacing:.1em;font-weight:700;text-transform:uppercase;margin-bottom:9px}
.staff-dictation-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0;list-style:none;padding:0}.staff-dictation-steps li{display:flex;align-items:center;gap:8px;background:var(--dictation-soft);padding:10px;border:1px solid var(--dictation-border);border-radius:11px;font-size:12px;font-weight:650}.staff-dictation-steps li>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--dictation-border);font-size:10px}.staff-dictation-steps li[data-current]{border-color:var(--dictation-accent)}.staff-dictation-steps li[data-current]>span{background:var(--dictation-accent);color:#fff}.dark .staff-dictation-steps li[data-current]>span{color:#062230}
.staff-dictation-notice{border:1px solid #d4a34588;background:#ffcf5510;color:var(--dictation-ink);border-radius:12px;padding:12px;font-size:12px;line-height:1.6;margin:12px 0}.staff-dictation-notice p{margin:5px 0 0}.staff-dictation-wip{display:inline-flex;padding:2px 6px;background:#d4a34520;border:1px solid #d4a34570;border-radius:5px;font-size:9px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}
.staff-dictation-capture{padding:16px;border:1px solid var(--dictation-border);border-radius:15px;background:var(--dictation-soft)}.staff-dictation-capture[data-recording]{border-color:var(--dictation-accent)}.staff-dictation-capture-top{display:flex;gap:11px;align-items:center}.staff-dictation-mic{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid var(--dictation-border);border-radius:12px;color:var(--dictation-accent)}.staff-dictation-capture-top p{font-size:13px;line-height:1.5;font-weight:700}.staff-dictation-capture-top div>span{display:block;font-size:11px;line-height:1.5;color:var(--dictation-muted)}.staff-dictation-metrics{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin:18px 0 8px;font-size:10px;color:var(--dictation-muted);font-variant-numeric:tabular-nums}.staff-dictation-metrics strong{font-size:15px;color:var(--dictation-ink)}.staff-dictation-capture progress{display:block;width:100%;height:5px;accent-color:var(--dictation-accent);border:0;border-radius:8px;overflow:hidden}.staff-dictation-capture progress::-webkit-progress-bar{background:var(--dictation-border)}.staff-dictation-capture progress::-webkit-progress-value{background:var(--dictation-accent)}.staff-dictation-capture-note{font-size:11px;line-height:1.6;color:var(--dictation-muted);margin:9px 0 13px}
.staff-dictation-panel button{cursor:pointer}.staff-dictation-record-actions,.staff-dictation-review-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.staff-dictation-record-actions button,.staff-dictation-review-actions button,.staff-dictation-insert{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid var(--dictation-border);border-radius:9px;background:transparent;font-size:12px;font-weight:650;color:var(--dictation-ink)}.staff-dictation-panel button:hover:not(:disabled){filter:brightness(1.1);border-color:var(--dictation-accent)}.staff-dictation-panel button:focus-visible,.staff-dictation-panel summary:focus-visible{outline:2px solid var(--dictation-accent);outline-offset:3px}.staff-dictation-panel button:disabled{opacity:.45;cursor:not-allowed}.staff-dictation-record-actions .staff-dictation-primary,.staff-dictation-insert{background:var(--dictation-accent);border-color:var(--dictation-accent);color:#fff}.dark .staff-dictation-record-actions .staff-dictation-primary,.dark .staff-dictation-insert{color:#062230}
.staff-dictation-review{margin-top:20px}.staff-dictation-review-label{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px;font-size:12px;font-weight:700}.staff-dictation-review-label>span{font-size:10px;font-weight:400;color:var(--dictation-muted)}.staff-dictation-review textarea{display:block;width:100%;min-height:135px;max-height:260px;resize:vertical;border:1px solid var(--dictation-border);border-radius:12px;padding:13px;background:transparent;color:var(--dictation-ink);font-size:13px;line-height:1.75;outline:none}.staff-dictation-review textarea:focus{border-color:var(--dictation-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--dictation-accent),transparent 80%)}.staff-dictation-review textarea:disabled{opacity:.65}.staff-dictation-review textarea::placeholder{color:var(--dictation-muted)}.staff-dictation-review-actions{margin-top:8px}.staff-dictation-review-actions button{min-height:32px;font-size:11px;padding:5px 9px}.staff-dictation-copy-status{font-size:10px;line-height:1.5;color:var(--dictation-muted)}
.staff-dictation-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid var(--dictation-border);padding-top:17px;margin-top:20px}.staff-dictation-footer p{font-size:10px;line-height:1.65;color:var(--dictation-muted)}.staff-dictation-footer p>span{display:block;font-size:9px;margin-top:4px}.staff-dictation-footer kbd{font-family:inherit;font-size:9px}.staff-dictation-insert{flex:none;min-height:42px}.staff-dictation-privacy{margin-top:16px;font-size:10px;line-height:1.65;color:var(--dictation-muted)}.staff-dictation-privacy summary{cursor:pointer;font-weight:600}.staff-dictation-privacy p{margin-top:8px}.staff-dictation-spinner{animation:staff-dictation-turn 1.5s linear infinite}@keyframes staff-dictation-turn{to{transform:rotate(360deg)}}
@media(max-width:480px){.staff-dictation-panel{padding:20px!important}.staff-dictation-heading h2{font-size:21px}.staff-dictation-steps{gap:5px}.staff-dictation-steps li{padding:8px 6px;gap:6px;font-size:11px}.staff-dictation-footer{align-items:stretch;flex-direction:column}.staff-dictation-insert{width:100%}}
@media(prefers-reduced-motion:reduce){.staff-dictation-spinner{animation:none}.staff-dictation-panel{animation:none!important;transition:none!important}}

@layer utilities{:where(body:has(#staff-os-content)) .grid-cols-\[88px_minmax\(0\,1fr\)_64px\]{grid-template-columns:88px minmax(0,1fr) 64px}}@layer utilities{:where(body:has(#staff-os-content)) .border-amber-400\/30{border-color:#fcbb004d}}@layer utilities{@supports (color:color-mix(in lab,red,red)){:where(body:has(#staff-os-content)) .border-amber-400\/30{border-color:color-mix(in oklab,var(--color-amber-400)30%,transparent)}}}@layer utilities{:where(body:has(#staff-os-content)) .border-border\/70{border-color:var(--border)}}@layer utilities{@supports (color:color-mix(in lab,red,red)){:where(body:has(#staff-os-content)) .border-border\/70{border-color:color-mix(in oklab,var(--border)70%,transparent)}}}@layer utilities{:where(body:has(#staff-os-content)) .border-cyan-500\/50{border-color:#00b7d780}}@layer utilities{@supports (color:color-mix(in lab,red,red)){:where(body:has(#staff-os-content)) .border-cyan-500\/50{border-color:color-mix(in oklab,var(--color-cyan-500)50%,transparent)}}}@layer utilities{:where(body:has(#staff-os-content)) .border-emerald-400\/30{border-color:#00d2944d}}@layer utilities{@supports (color:color-mix(in lab,red,red)){:where(body:has(#staff-os-content)) .border-emerald-400\/30{border-color:color-mix(in oklab,var(--color-emerald-400)30%,transparent)}}}@layer utilities{:where(body:has(#staff-os-content)) .border-primary,:where(body:has(#staff-os-content)) .border-primary\/30{border-color:var(--primary)}}@layer utilities{@supports (color:color-mix(in lab,red,red)){:where(body:has(#staff-os-content)) .border-primary\/30{border-color:color-mix(in oklab,var(--primary)30%,transparent)}}}@layer utilities{:where(body:has(#staff-os-content)) .border-primary\/50{border-color:var(--primary)}}@layer utilities{@supports (color:color-mix(in lab,red,red)){:where(body:has(#staff-os-content)) .border-primary\/50{border-color:color-mix(in oklab,var(--primary)50%,transparent)}}}@layer utilities{:where(body:has(#staff-os-content)) .border-rose-400\/40{border-color:#ff667f66}}@layer utilities{@supports (color:color-mix(in lab,red,red)){:where(body:has(#staff-os-content)) .border-rose-400\/40{border-color:color-mix(in oklab,var(--color-rose-400)40%,transparent)}}}@layer utilities{:where(body:has(#staff-os-content)) .bg-amber-400\/5{background-color:#fcbb000d}}@layer utilities{@supports (color:color-mix(in lab,red,red)){:where(body:has(#staff-os-content)) .bg-amber-400\/5{background-color:color-mix(in oklab,var(--color-amber-400)5%,transparent)}}}@layer utilities{:where(body:has(#staff-os-content)) .bg-background,:where(body:has(#staff-os-content)) .bg-background\/50{background-color:var(--background)}}@layer utilities{@supports (color:color-mix(in lab,red,red)){:where(body:has(#staff-os-content)) .bg-background\/50{background-color:color-mix(in oklab,var(--background)50%,transparent)}}}@layer utilities{:where(body:has(#staff-os-content)) .bg-background\/60{background-color:var(--background)}}@layer utilities{@supports (color:color-mix(in lab,red,red)){:where(body:has(#staff-os-content)) .bg-background\/60{background-color:color-mix(in oklab,var(--background)60%,transparent)}}}@layer utilities{:where(body:has(#staff-os-content)) .accent-primary{accent-color:var(--primary)}}@layer utilities{@media (min-width:40rem){:where(body:has(#staff-os-content)) .sm\:min-h-20{min-height:calc(var(--spacing)*20)}}}@layer utilities{@media (min-width:40rem){:where(body:has(#staff-os-content)) .sm\:p-2{padding:calc(var(--spacing)*2)}}}@layer utilities{@media (min-width:80rem){:where(body:has(#staff-os-content)) .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,0\.8fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}}}