:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--surface:color-mix(in srgb, Canvas 92%, CanvasText 8%);--ok:#1f9d55;--down:#d64545;--muted:#8a8f98;font-family:system-ui,Segoe UI,Arial,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}.page{max-width:720px;margin:0 auto;padding:32px 20px}.header h1{margin:0}.meta{color:var(--muted);margin:4px 0 0}.card{background:var(--surface);border-radius:12px;margin-top:24px;padding:20px}.card h2{margin-top:0;font-size:1.1rem}.components{margin:0;padding:0;list-style:none}.component{border-bottom:1px solid color-mix(in srgb, CanvasText 12%, transparent);justify-content:space-between;padding:10px 0;display:flex}.component:last-child{border-bottom:none}.badge{color:#fff;background:var(--muted);border-radius:999px;padding:2px 10px;font-size:.85rem}.badge-ok{background:var(--ok)}.badge-down{background:var(--down)}.error{color:var(--down)}.badge-pending{background:#b7791f}.badge-active{background:#2b6cb0}.badge-training{background:#6b46c1;margin-inline-start:4px}.success{color:var(--ok)}.required{color:var(--down)}input,select,textarea,button{font:inherit}input,select,textarea{box-sizing:border-box;border:1px solid color-mix(in srgb, CanvasText 25%, transparent);color:canvastext;background:canvas;border-radius:8px;width:100%;padding:6px 10px}button{color:#fff;cursor:pointer;background:#2b6cb0;border:none;border-radius:8px;padding:6px 16px}button:disabled{opacity:.5;cursor:default}button.secondary{background:var(--muted)}.row-form{align-items:center;gap:8px;display:flex}.call-form{gap:12px;display:grid}.field{gap:4px;display:grid}.table-wrap{overflow-x:auto}.calls{border-collapse:collapse;width:100%;font-size:.9rem}.calls th,.calls td{text-align:start;border-bottom:1px solid color-mix(in srgb, CanvasText 12%, transparent);white-space:nowrap;padding:8px 6px}.call-row{cursor:pointer}.call-row:hover,.call-row[aria-expanded=true]{background:color-mix(in srgb, CanvasText 5%, transparent)}.calls .call-detail-row td{white-space:normal}.phone{text-align:end}.call-detail h3{margin:12px 0 6px;font-size:1rem}.details{grid-template-columns:max-content 1fr;gap:2px 12px;margin:0;display:grid}.details dd{margin:0}.transcript{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.turn{flex-direction:column;max-width:80%;display:flex}.turn-agent{align-self:flex-start}.turn-user{align-self:flex-end;align-items:flex-end}.turn-tool{max-width:100%;color:var(--muted);align-self:center;font-family:ui-monospace,monospace;font-size:.8rem}.bubble{white-space:pre-wrap;border-radius:14px;padding:8px 12px}.turn-agent .bubble{background:color-mix(in srgb, #2b6cb0 18%, Canvas)}.turn-user .bubble{background:color-mix(in srgb, CanvasText 10%, Canvas)}.turn-meta{color:var(--muted);margin-top:2px;font-size:.75rem}.checkbox{align-items:center;gap:8px;display:flex}.checkbox input{width:auto}.lessons{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.lesson{background:canvas;border-radius:8px;gap:6px;padding:10px 12px;display:grid}.lesson-inactive{opacity:.6}.lesson-text{white-space:pre-wrap}.lesson-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.8rem;display:flex}.badge-scope{background:#2c7a7b}.lesson-actions{flex-wrap:wrap;gap:6px;display:flex}.lesson-actions button{padding:2px 12px;font-size:.85rem}button.danger{background:var(--down)}.lesson-form{gap:8px;margin-top:16px;display:grid}.tabs{gap:8px;margin-top:12px;display:flex}.tabs button{background:var(--muted)}.tabs button[aria-current=page]{background:#2b6cb0}.chat-title{margin:0 0 12px;font-size:1rem}.chat-log{background:canvas;border-radius:8px;max-height:60vh;padding:12px;overflow-y:auto}.chat-input{grid-template-columns:1fr auto;align-items:end;gap:8px;margin-top:12px;display:grid}.chat-input textarea{resize:vertical}.chat-actions{margin-top:12px}.lesson-chip{background:color-mix(in srgb, #6b46c1 15%, Canvas);border-radius:999px;align-self:center;max-width:90%;padding:4px 12px;font-size:.85rem}.banner{background:color-mix(in srgb, #b7791f 12%, Canvas);border-inline-start:4px solid #b7791f;border-radius:8px;margin:12px 0 0;padding:8px 12px}.lesson-form h3{margin:8px 0 0;font-size:1rem}.lesson-form .meta{margin:0}input[type=range]{accent-color:#2b6cb0;cursor:pointer;background:0 0;border:none;width:100%;min-height:28px;margin:0;padding:0}input[type=range]:disabled{opacity:.5;cursor:default}.pacing-field{background:canvas;border-radius:8px;gap:2px;padding:10px 12px;display:grid}.pacing-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.pacing-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.pacing-field .meta{margin:0}.pacing-status{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pacing-status .meta{margin:0}.pacing-total{margin:0;font-weight:600}.pacing-actions{flex-wrap:wrap}.pacing-toggle{margin-top:8px}.bubble-thinking{color:var(--muted);font-style:italic}.reveal-caret{vertical-align:text-bottom;background:currentColor;width:2px;height:1em;margin-inline-start:2px;animation:1s step-end infinite reveal-blink;display:inline-block}@keyframes reveal-blink{50%{opacity:0}}button.link-button{color:#2b6cb0;background:0 0;padding:0;text-decoration:underline}