/* Give white cards a little more separation from the page canvas. */
html[data-theme="light"]:has(#view-paradialer.active) { --paper:#e9ecf2; }

#view-paradialer .pd-period-switch button { transition:color 160ms ease,background-color 160ms ease,box-shadow 160ms ease; }
#view-paradialer .pd-period-switch button:not([aria-pressed="true"]):hover { color:var(--ink); background:color-mix(in srgb,var(--white) 45%,transparent); }
#view-paradialer .pd-start { transition:transform 140ms ease,box-shadow 140ms ease; }
#view-paradialer .pd-start:hover { transform:translateY(-1px); }
#view-paradialer .pd-start:active { transform:translateY(0); }
.pd-period-changing :is(.pd-metric > strong,.pd-metric > small,.pd-comparison,.pd-date-range,.pd-performance-foot) { animation:pd-period-fade 240ms cubic-bezier(.2,.7,.3,1) both; }
.pd-period-changing :is(.pd-hours-bar,.pd-appointments-bar) { transform-origin:bottom; animation:pd-period-bar 280ms cubic-bezier(.2,.7,.3,1) both; }
@keyframes pd-period-fade { from { opacity:.35; transform:translateY(3px); } to { opacity:1; transform:translateY(0); } }
@keyframes pd-period-bar { from { opacity:.6; transform:scaleY(.9); } to { opacity:1; transform:scaleY(1); } }
@media(prefers-reduced-motion:reduce) {
  #view-paradialer .pd-start:hover { transform:none; }
  #view-paradialer .pd-period-switch button,#view-paradialer .pd-start { transition:none; }
  .pd-period-changing :is(.pd-metric > strong,.pd-metric > small,.pd-comparison,.pd-date-range,.pd-performance-foot,.pd-hours-bar,.pd-appointments-bar) { animation:none; }
}

.pd-toolbar { display:flex; justify-content:space-between; align-items:center; gap:24px; margin:4px 0 28px; }
.pd-eyebrow { color:var(--muted); font-size:10px; font-weight:650; letter-spacing:.12em; }
.pd-toolbar h2 { margin:9px 0 7px; font-size:28px; font-weight:650; letter-spacing:-.045em; }
.pd-toolbar p,.pd-panel-head p { margin:0; color:var(--muted); font-size:12px; }
html[data-theme] .pd-start { min-height:48px; border-radius:12px; padding:0 20px; gap:11px; box-shadow:0 5px 18px color-mix(in srgb,var(--accent) 18%,transparent); white-space:nowrap; }
.pd-start svg { width:17px; height:17px; }
.pd-start > span { margin-left:16px; }
.pd-controls { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:15px; font-size:12px; }
.pd-period { font-weight:600; }.pd-scope { font-weight:400; color:var(--muted); }.pd-preview { display:flex; align-items:center; gap:7px; color:var(--muted); cursor:pointer; }.pd-preview input { width:14px; height:14px; accent-color:var(--accent); }
.pd-sample { margin-bottom:14px; padding:10px 14px; border-radius:10px; background:var(--accent-soft); color:var(--accent); font-size:12px; }
.pd-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:22px; }
.pd-metric,.pd-panel { background:var(--glass); border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow); }
.pd-metric { padding:19px 20px; }.pd-metric > div { display:flex; align-items:center; justify-content:space-between; gap:5px; }.pd-metric > div > span { font-size:12px; color:var(--muted); }.pd-metric i { font-style:normal; color:var(--muted); font-size:15px; }.pd-metric > strong { display:block; margin:16px 0 9px; font-size:30px; font-weight:600; letter-spacing:-.05em; font-variant-numeric:tabular-nums; }.pd-metric small { display:block; font-size:10px; line-height:1.5; color:var(--muted); }
.pd-middle { display:grid; grid-template-columns:1.35fr 1fr; gap:22px; margin-bottom:22px; }.pd-panel { overflow:hidden; }.pd-panel-head { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:21px 24px; }.pd-panel-head h3 { margin:0; font-size:14px; font-weight:650; }.pd-panel-head p { margin-top:5px; font-size:11px; }.pd-panel-head > span { color:var(--muted); font-size:11px; }
.pd-chart { display:flex; gap:24px; padding:14px 30px 19px; height:180px; background:repeating-linear-gradient(to top,transparent 0,transparent 37px,var(--line) 38px,transparent 39px); background-clip:content-box; }.pd-chart-day { display:flex; flex:1; align-items:center; flex-direction:column; min-width:0; }.pd-bar-track { display:flex; align-items:flex-end; height:100%; width:100%; justify-content:center; }.pd-bar { width:70%; max-width:55px; min-height:3px; position:relative; border-radius:5px 5px 0 0; background:var(--accent-soft); border:1px solid color-mix(in srgb,var(--accent) 15%,transparent); }.pd-bar.current { background:var(--accent); }.pd-bar span { position:absolute; top:-19px; left:0; right:0; text-align:center; font-size:10px; color:var(--muted); }.pd-chart-day > small { padding-top:10px; color:var(--muted); font-size:10px; }
.pd-performance-foot { display:grid; grid-template-columns:repeat(3,1fr); margin:0 24px; padding:18px 0 21px; border-top:1px solid var(--line); }.pd-performance-foot div { display:flex; flex-direction:column; gap:6px; }.pd-performance-foot div + div { padding-left:22px; border-left:1px solid var(--line); }.pd-performance-foot strong { font-size:19px; font-weight:600; }.pd-performance-foot span { color:var(--muted); font-size:10px; }
.pd-live-dot::before { content:''; display:inline-block; width:6px; height:6px; background:var(--positive); border-radius:50%; margin-right:6px; }.pd-feed { padding:0 24px; }.pd-feed-item { display:flex; gap:12px; padding:13px 0; border-top:1px solid var(--line); }.pd-feed-icon { width:33px; height:33px; border-radius:10px; display:grid; place-items:center; flex-shrink:0; }.pd-feed-icon svg { width:14px; height:14px; }.pd-feed-item strong { font-size:12px; font-weight:600; }.pd-feed-item p { margin:5px 0; font-size:11px; color:var(--muted); }.pd-feed-item small { color:var(--muted); font-size:10px; }.pd-panel-link { display:flex; justify-content:space-between; width:100%; padding:14px 24px; border:0; border-top:1px solid var(--line); color:var(--muted); background:transparent; font-size:11px; cursor:pointer; }.pd-panel-link:hover { color:var(--accent); background:var(--surface-soft); }
.pd-empty-feed { min-height:228px; display:flex; align-items:center; justify-content:center; flex-direction:column; padding:25px; text-align:center; }.pd-empty-feed > span { font-size:27px; color:var(--muted); margin-bottom:13px; }.pd-empty-feed strong,.pd-empty-calls strong { font-size:13px; font-weight:550; }.pd-empty-feed p { max-width:260px; font-size:12px; line-height:1.65; color:var(--muted); }
.pd-table-wrap { overflow:auto; }.pd-calls table { width:100%; border-collapse:collapse; text-align:left; }.pd-calls th { padding:12px 20px; font-size:10px; font-weight:500; color:var(--muted); white-space:nowrap; }.pd-calls td { padding:17px 20px; border-top:1px solid var(--line); font-size:11px; vertical-align:middle; }.pd-calls td > small { display:block; color:var(--muted); margin-top:5px; font-size:10px; }.pd-lead { display:flex; align-items:center; gap:10px; min-width:170px; }.pd-lead strong { display:block; font-size:12px; font-weight:550; }.pd-lead small { display:block; font-size:10px; margin-top:5px; color:var(--muted); }.pd-avatar { display:grid; place-items:center; width:32px; height:32px; flex-shrink:0; border-radius:50%; background:var(--surface-raised); color:var(--muted); font-size:10px; font-weight:600; }.pd-status { display:inline-block; padding:5px 8px; border-radius:6px; font-size:10px; white-space:nowrap; }.pd-status.positive,.pd-feed-icon.positive { color:var(--positive); background:var(--positive-soft); }.pd-status.accent,.pd-feed-icon.accent { color:var(--accent); background:var(--accent-soft); }.pd-status.warning,.pd-feed-icon.warning { color:var(--warning); background:var(--warning-soft); }.pd-status.neutral { color:var(--muted); background:var(--surface-raised); }.pd-note { min-width:150px; max-width:260px; color:var(--muted); line-height:1.65; }.pd-dash { opacity:.5; }.pd-empty-calls { display:flex; align-items:center; flex-direction:column; padding:33px 20px 40px; text-align:center; }.pd-empty-calls svg { width:23px; height:23px; color:var(--muted); margin-bottom:16px; }.pd-empty-calls p { color:var(--muted); font-size:12px; line-height:1.6; max-width:440px; margin-bottom:0; }
.pd-dialog { width:min(510px,calc(100% - 32px)); padding:0; }.pd-dialog-content { padding:26px; }.pd-dialog-content h2 { font-size:23px; margin:12px 0 7px; }.pd-dialog-content > p { color:var(--muted); font-size:12px; line-height:1.6; }.pd-dialog-content .dialog-head { margin-bottom:20px; }.pd-readiness { margin:22px 0; }.pd-readiness > div { padding:16px 0; border-top:1px solid var(--line); }.pd-readiness strong { display:block; font-size:12px; margin-bottom:7px; }.pd-readiness span { color:var(--muted); font-size:12px; line-height:1.6; }.pd-dialog-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:24px; }.pd-review-detail { margin-top:24px; }.pd-review-detail h4 { font-size:12px; margin:20px 0 7px; }.pd-review-detail p { font-size:12px; color:var(--muted); line-height:1.7; }.pd-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
@media(max-width:1100px) { .pd-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.pd-middle { gap:14px; }.pd-chart { gap:15px; } }
@media(max-width:750px) { .pd-toolbar { align-items:flex-start; flex-direction:column; gap:18px; }.pd-toolbar h2 { font-size:25px; }.pd-start { width:100%; justify-content:center; }.pd-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.pd-middle { grid-template-columns:1fr; }.pd-controls { flex-wrap:wrap; }.pd-metric { padding:16px; }.pd-panel-head { padding:18px; }.pd-calls td,.pd-calls th { padding-inline:15px; } }
/* Compact calendar controls and restrained primary action. */
.pd-toolbar { margin:0 0 22px; gap:16px; }
.pd-date-controls { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.pd-period-switch { display:flex; align-items:center; padding:3px; border-radius:9px; background:var(--surface-raised); }
.pd-period-switch button { min-height:29px; padding:5px 12px; border:0; border-radius:6px; background:transparent; color:var(--muted); font:inherit; font-size:11px; font-weight:500; white-space:nowrap; cursor:pointer; }
.pd-period-switch button[aria-pressed="true"] { background:var(--white); color:var(--ink); box-shadow:0 1px 3px rgba(0,0,0,.09); }
.pd-period-switch button:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.pd-date-range { color:var(--muted); font-size:11px; font-variant-numeric:tabular-nums; }
html[data-theme] .pd-start { min-height:36px; width:auto; padding:8px 14px; gap:8px; border-radius:9px; box-shadow:none; font-size:12px; font-weight:500; }
.pd-start svg { width:14px; height:14px; }
#view-paradialer .pd-rep-actions {gap:8px;}
.pd-metric .pd-comparison { justify-content:flex-start; gap:5px; margin-top:13px; font-size:10px; }
.pd-comparison b { font-weight:500; }
.pd-metric .pd-metric-foot { justify-content:flex-start; flex-wrap:wrap; gap:8px 12px; min-height:22px; }
.pd-metric .pd-payout-badge { display:inline-block; padding:3px 7px; border-radius:5px; background:rgba(139,92,246,.09); color:#7952be; font-size:10px; font-weight:500; line-height:1.5; white-space:nowrap; }
html[data-theme="dark"] .pd-payout-badge { background:rgba(167,139,250,.12); color:#c4a8f5; }
.pd-comparison.up { color:var(--positive); }.pd-comparison.down { color:var(--danger); }.pd-comparison.flat,.pd-comparison.unavailable { color:var(--muted); }
.pd-metric .pd-comparison .pd-comparison-period { color:var(--muted); font-size:10px; margin-left:2px; }
.pd-chart-empty { height:180px; display:grid; place-items:center; color:var(--muted); font-size:12px; margin:0 24px; background:repeating-linear-gradient(to top,transparent 0,transparent 37px,var(--line) 38px,transparent 39px); }
@media(max-width:750px) { .pd-toolbar { flex-direction:row; flex-wrap:wrap; align-items:center; }.pd-date-controls { flex:1 1 260px; gap:9px; } }
.pd-sample-label { color:var(--muted); font-size:10px; padding:4px 7px; border:1px solid var(--line); border-radius:6px; white-space:nowrap; }

/* Period comparisons sit in the metric card's upper-right corner. */
.pd-metric { position:relative; }
.pd-metric > div:first-child { padding-right:64px; }
.pd-metric .pd-comparison { position:absolute; top:19px; right:20px; margin:0; gap:3px; }
.pd-metric .pd-comparison .pd-comparison-period { display:none; }
@media(max-width:750px) { .pd-metric .pd-comparison { top:16px; right:16px; } }
.pd-chart.pd-chart-weekdays { gap:12px; padding-inline:24px; }
.pd-chart-weekdays .pd-bar { width:85%; }
.pd-chart-weekdays .pd-bar.future { background:var(--surface-raised); border-color:var(--line); opacity:.45; }
@media(max-width:750px) { .pd-chart.pd-chart-weekdays { gap:8px; padding-inline:18px; } }
.pd-chart-overlay .pd-pillar { position:relative; isolation:isolate; width:85%; max-width:55px; height:100%; }
.pd-hours-bar,.pd-appointments-bar { position:absolute; bottom:0; width:100%; border-radius:5px 5px 0 0; }
.pd-hours-bar { background:var(--accent-soft); border:1px solid color-mix(in srgb,var(--accent) 25%,transparent); }
.pd-hours-bar.current { background:var(--accent); }
.pd-appointments-bar { background:rgba(167,110,235,.55); border:1px solid rgba(185,140,246,.65); }
.pd-chart-legend { display:flex; justify-content:center; gap:16px; margin:0 20px 15px; color:var(--muted); font-size:10px; }
.pd-chart-legend span { display:flex; align-items:center; gap:5px; }.pd-chart-legend i { width:8px; height:8px; border-radius:2px; }.pd-hours-key { background:var(--accent); }.pd-appointments-key { background:rgba(167,110,235,.65); }
.pd-performance-foot span { line-height:1.5; }
.pd-hours-bar[style="height:0%"],.pd-appointments-bar[style="height:0%"] { border:0; }
/* Hours are opaque; only the appointment overlay is translucent. */
.pd-hours-bar { background:var(--accent); border-color:var(--accent); }
/* Both series use translucent fills. */
.pd-hours-bar,.pd-hours-bar.current { background:color-mix(in srgb,var(--accent) 55%,transparent); border-color:color-mix(in srgb,var(--accent) 55%,transparent); }
.pd-hours-bar { z-index:2; }
.pd-appointments-bar { z-index:1; }
.pd-pillar { outline:none; }
.pd-pillar-tip { position:absolute; z-index:5; top:0; left:50%; transform:translateX(-50%); display:none; width:max-content; max-width:170px; padding:9px 11px; border:1px solid var(--line); border-radius:9px; background:var(--white); color:var(--ink); box-shadow:0 4px 16px rgba(0,0,0,.16); pointer-events:none; font-size:10px; }
.pd-pillar:hover .pd-pillar-tip,.pd-pillar:focus-visible .pd-pillar-tip { display:grid; gap:6px; }
.pd-pillar-tip strong { font-size:10px; font-weight:600; }.pd-pillar-tip span { display:flex; gap:6px; align-items:center; color:var(--muted); }.pd-pillar-tip i { width:7px; height:7px; border-radius:2px; flex-shrink:0; }
.pd-pillar:focus-visible { outline:2px solid var(--focus); outline-offset:3px; border-radius:5px; }
.pd-account-timezone { color:var(--muted); font-size:10px; white-space:nowrap; }

html.pd-session-active,html.pd-session-active body { overflow:hidden; }
html[data-theme] dialog.pd-session-screen {
  position:fixed; inset:0; margin:0; width:100vw; max-width:none; height:100dvh; max-height:none;
  padding:0; border:0; border-radius:0; overflow:clip; color:#fff; background:#09091e;
  box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; isolation:isolate;
}
.pd-session-screen::backdrop { background:#09091e; }
.pd-session-screen[open] { animation:pdSessionReveal .45s ease-out; }
.pd-session-atmosphere { position:absolute; inset:-25%; z-index:-1; overflow:hidden; background:radial-gradient(ellipse at 60% 35%,#292078 0%,#10112e 50%,#09091e 80%); }
/* Preblurred textures retain the fluid glow without live full-screen filters. */
.pd-session-atmosphere span { position:absolute; width:70%; height:70%; mix-blend-mode:screen; }
.pd-session-atmosphere span::before { content:''; position:absolute; inset:-25%; background-image:var(--pd-glow); background-size:100% 100%; background-repeat:no-repeat; }
.pd-session-screen[open] .pd-session-atmosphere span { will-change:transform; }
.pd-session-atmosphere span:nth-child(1) { top:-12%; right:-5%; --pd-glow:url('./assets/pd-session-purple.svg'); opacity:.75; animation:pdFluidPurple 17s ease-in-out infinite alternate; }
.pd-session-atmosphere span:nth-child(2) { bottom:-10%; left:-8%; --pd-glow:url('./assets/pd-session-blue.svg'); opacity:.8; animation:pdFluidBlue 21s ease-in-out infinite alternate; }
.pd-session-atmosphere span:nth-child(3) { top:28%; left:35%; width:50%; height:50%; --pd-glow:url('./assets/pd-session-glow.svg'); opacity:.45; animation:pdFluidGlow 13s ease-in-out infinite alternate; }
.pd-session-screen.pd-session-paused .pd-session-atmosphere span,.pd-session-screen.pd-session-paused .pd-session-dots i { animation-play-state:paused; }
.pd-session-top { position:absolute; top:32px; left:36px; right:36px; display:flex; align-items:center; justify-content:space-between; }
.pd-session-top > span { font-size:14px; font-weight:600; letter-spacing:.03em; color:rgba(255,255,255,.8); }
.pd-session-close { display:grid; place-items:center; width:38px; height:38px; padding:9px; color:rgba(255,255,255,.65); background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:50%; cursor:pointer; transition:background .2s,color .2s; }
.pd-session-close:hover { color:#fff; background:rgba(255,255,255,.12); }
.pd-session-close:focus-visible { outline:2px solid #fff; outline-offset:4px; }
.pd-session-close svg { width:20px; height:20px; }
.pd-session-center { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:24px; pointer-events:none; }
.pd-session-dots { display:flex; gap:20px; align-items:center; height:66px; margin-bottom:24px; }
.pd-session-dots i { display:block; width:26px; height:26px; border-radius:50%; background:#fff; box-shadow:0 0 28px rgba(199,191,255,.2); animation:pdDotWave 1.65s ease-in-out infinite; }
.pd-session-dots i:nth-child(2) { animation-delay:.18s; }
.pd-session-dots i:nth-child(3) { animation-delay:.36s; }
.pd-session-center h2 { margin:0; color:rgba(255,255,255,.92); font:500 clamp(22px,3vw,30px)/1.35 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; letter-spacing:-.035em; text-align:center; }
.pd-practice-screen .pd-session-center p {margin:12px 0 0;color:rgba(255,255,255,.55);font-size:13px;line-height:1.5;text-align:center;}
.pd-session-preview { position:absolute; bottom:28px; left:0; right:0; text-align:center; color:rgba(255,255,255,.35); font-size:11px; letter-spacing:.03em; }
.pd-session-clock { display:flex; align-items:center; gap:10px; height:38px; box-sizing:border-box; padding:8px 13px; border:1px solid rgba(255,255,255,.12); border-radius:999px; background:rgba(10,10,30,.12); }
.pd-session-clock span { font-size:11px; color:rgba(255,255,255,.55); }
.pd-session-clock time { color:rgba(255,255,255,.9); font-size:12px; font-weight:500; font-variant-numeric:tabular-nums; letter-spacing:.04em; }
@keyframes pdSessionReveal { from { opacity:0; } to { opacity:1; } }
@keyframes pdDotWave { 0%,60%,100% { transform:translateY(0) scale(.9); opacity:.45; } 30% { transform:translateY(-18px) scale(1); opacity:1; } }
@keyframes pdFluidPurple { from { transform:translate(-4%,3%) scale(1) rotate(-12deg); } to { transform:translate(-35%,28%) scale(1.25) rotate(20deg); } }
@keyframes pdFluidBlue { from { transform:translate(0,0) scale(1.15) rotate(8deg); } to { transform:translate(35%,-25%) scale(.95) rotate(-20deg); } }
@keyframes pdFluidGlow { from { transform:translate(5%,-15%) scale(.9); } to { transform:translate(-35%,20%) scale(1.3); } }
@media(max-width:540px) { .pd-session-top { top:22px; left:22px; right:22px; } }
@media(prefers-reduced-motion:reduce) { .pd-session-screen[open],.pd-session-atmosphere span,.pd-session-dots i { animation:none; } .pd-session-dots i { opacity:.85; } }

/* Keep the waiting animation light; the transcript and controls use plain glass fills. */
.pd-session-center {inset:auto 0;top:calc(50% - 70px);transform:translateY(-50%);}
.pd-transcript {position:absolute;left:50%;top:calc(50% + 32px);transform:translateX(-50%);display:flex;flex-direction:column;box-sizing:border-box;width:min(560px,calc(100% - 44px));height:170px;padding:15px 18px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(10,10,30,.18);}
.pd-transcript-head {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:rgba(255,255,255,.7);font-size:11px;font-weight:500;}
.pd-transcript-head > div {display:flex;align-items:center;gap:14px;}
.pd-transcript-state {display:flex;align-items:center;gap:5px;font-size:10px;font-weight:400;color:rgba(255,255,255,.5);}
.pd-transcript-state::before {content:'';width:5px;height:5px;border-radius:50%;background:currentColor;}
.pd-transcript-state[data-state="live"] {color:#b7e9cf;}
.pd-transcript-state[data-state="error"] {color:#eeb8c7;}
.pd-transcript-body {flex:1;min-height:0;overflow-y:auto;overflow-wrap:anywhere;color:rgba(255,255,255,.92);font-size:13px;line-height:1.8;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent;}
[data-transcript-partial] {color:rgba(255,255,255,.55);}
.pd-transcript-placeholder {color:rgba(255,255,255,.32);font-size:12px;}
.pd-transcript-error {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;color:#eeb8c7;font-size:11px;line-height:1.5;}
.pd-transcript-error button {flex-shrink:0;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:rgba(255,255,255,.06);color:#fff;padding:5px 9px;font-size:10px;cursor:pointer;}
.pd-audio-dock {position:absolute;right:36px;bottom:32px;z-index:3;}
.pd-audio-pill {display:flex;align-items:center;gap:5px;padding:5px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(10,10,30,.2);}
.pd-audio-pill > span {height:18px;width:1px;background:rgba(255,255,255,.12);}
.pd-audio-pill button {display:flex;align-items:center;gap:7px;padding:9px 11px;border:0;border-radius:999px;background:transparent;color:rgba(255,255,255,.8);cursor:pointer;}
.pd-audio-pill button:hover,.pd-audio-pill button[aria-expanded="true"] {background:rgba(255,255,255,.08);color:#fff;}
.pd-audio-pill button.is-muted {color:#eeb8c7;}
.pd-audio-pill svg {width:17px;height:17px;}
.pd-audio-pill svg.pd-audio-chevron {width:10px;height:10px;opacity:.55;}
.pd-audio-popover {position:absolute;bottom:calc(100% + 12px);right:0;width:260px;box-sizing:border-box;padding:16px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:#211e3c;box-shadow:0 8px 25px rgba(0,0,0,.18);}
.pd-audio-popover label {display:grid;gap:10px;font-size:12px;color:rgba(255,255,255,.85);}
.pd-audio-popover > button {width:100%;text-align:left;margin-top:10px;padding:9px 10px;border:0;border-radius:8px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.85);font-size:11px;cursor:pointer;}
.pd-audio-popover p {margin:12px 0 0;color:rgba(255,255,255,.45);font-size:10px;line-height:1.6;}
html[data-theme] .pd-transcript-head select {min-height:24px;padding:0 18px 0 0;background:transparent;color:rgba(255,255,255,.55);border:0;box-shadow:none;font-size:10px;}
html[data-theme] .pd-audio-popover select {width:100%;min-height:34px;padding:7px 26px 7px 9px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(255,255,255,.06);color:#fff;box-shadow:none;font-size:11px;}
html[data-theme] .pd-audio-popover select:focus,html[data-theme] .pd-transcript-head select:focus {background:#302b50;color:#fff;border-color:rgba(206,194,245,.5);box-shadow:0 0 0 2px rgba(206,194,245,.18);}
.pd-audio-popover select option,.pd-transcript-head select option {background:#211e3c;color:#fff;}
.pd-audio-dock button:focus-visible,.pd-transcript button:focus-visible {outline:2px solid #cec2f5;outline-offset:3px;}
.pd-audio-popover[hidden],.pd-audio-popover > button[hidden],.pd-transcript-error[hidden],.pd-transcript-placeholder[hidden] {display:none;}
@media(max-width:800px) {.pd-session-music:not(.is-minimized) {bottom:96px;}}
@media(max-width:540px) {.pd-audio-dock {right:22px;bottom:22px;}.pd-transcript {height:145px;top:calc(45% + 32px);}.pd-session-center {top:calc(45% - 70px);}.pd-session-preview {bottom:8px;font-size:10px;}}
@media(max-height:650px) {.pd-session-center {top:28%;}.pd-session-dots {height:40px;margin-bottom:12px;}.pd-session-dots i {width:20px;height:20px;}.pd-session-center h2 {font-size:22px;}.pd-transcript {top:43%;height:110px;padding:12px 16px;}.pd-transcript-head {margin-bottom:6px;}.pd-session-preview {bottom:8px;}}
.pd-browser-screen .pd-session-center {top:100px;transform:none;justify-content:flex-start;}
.pd-browser-screen .pd-transcript {top:365px;height:min(170px,calc(100dvh - 490px));min-height:100px;}
.pd-live-call { width:min(600px,calc(100vw - 64px));margin:24px auto 0;text-align:left;pointer-events:auto; }
.pd-live-call-fields { display:grid;grid-template-columns:1fr 2fr;gap:14px; }
.pd-live-call label { display:grid;gap:7px;font-size:12px;color:rgba(255,255,255,.6); }
html[data-theme] .pd-live-call select { width:100%;min-width:0;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.06);color:#fff;padding:12px 32px 12px 12px;font-size:13px; }
.pd-live-call select option {background:#211e3c;color:#fff;}
.pd-live-call p { min-height:20px;font-size:13px;text-align:center;color:rgba(255,255,255,.6);margin:18px 0; }
.pd-live-call-actions { display:flex;justify-content:center;gap:10px; }
.pd-live-call-actions .button { min-width:104px; }
.pd-live-call [hidden] {display:none;}
@media(max-width:600px) { .pd-live-call-fields {grid-template-columns:1fr;} .pd-browser-screen .pd-transcript {top:425px;} }
@media(max-height:600px) {html[data-theme] dialog.pd-browser-screen {overflow-y:auto;} .pd-browser-screen .pd-session-center {top:85px;} .pd-browser-screen .pd-transcript {top:350px;} }