:root{--color-bg:#0f1115;--color-surface:#171a21;--color-border:#2a2f3a;--color-text:#e6e8ec;--color-text-secondary:#9aa3b2;--color-accent:#6ea8fe;--color-danger:#e57373;--color-success:#7bc47f;--color-streak:#f5b301;--color-streak-orange:#ed7d1a;--color-rating:#f5b301;--radius:8px}html{scrollbar-gutter:stable}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.layout{flex-direction:column;min-height:100vh;display:flex}.header{border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;padding:.75rem .5rem .75rem 1.5rem;display:flex}.brand{color:var(--color-text);font-size:1.1rem;font-weight:600;text-decoration:none}.header-right{align-items:center;gap:.75rem;display:flex}.header-user{color:var(--color-text-secondary);font-size:.9rem}.dot{background:var(--color-text-secondary);border-radius:50%;width:10px;height:10px}.dot-green{background:var(--color-success)}.dot-red{background:var(--color-danger)}.main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:2rem 1.5rem 5rem}@media (width>=1100px){.main{max-width:1080px}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:1.25rem;padding:1.5rem}.auth-card{max-width:380px;margin:3rem auto}h1{margin:0 0 1.25rem;font-size:1.4rem}h2{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:1rem}label{color:var(--color-text-secondary);margin-bottom:.9rem;font-size:.85rem;display:block}.hint{opacity:.7}input{width:100%;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);margin-top:.3rem;padding:.5rem .65rem;font-size:.9rem;display:block}input:focus{border-color:var(--color-accent);outline:none}.password-field{margin-top:.3rem;position:relative}.password-field input{margin-top:0;padding-right:2.4rem}.password-toggle{width:2.4rem;color:var(--color-text-secondary);border-radius:0 var(--radius) var(--radius) 0;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:0;bottom:0;right:0}.password-toggle:hover,.password-toggle:focus-visible{color:var(--color-accent);outline:none}.fields{grid-template-columns:1fr 1fr;gap:0 1rem;display:grid}.field-wide{grid-column:1/-1}.fields input.input-ignored,.fields input.input-ignored:disabled{cursor:help;opacity:.55;text-decoration:line-through}textarea{width:100%;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);resize:vertical;margin-top:.3rem;padding:.5rem .65rem;font-family:inherit;font-size:.9rem;display:block}textarea:focus{border-color:var(--color-accent);outline:none}.recompute-row{align-items:center;gap:1rem;margin-top:.75rem;display:flex}.recompute-row p{margin:0}.twilio-setup{border-top:1px solid var(--color-border);margin-top:.5rem;padding-top:.9rem}.twilio-setup h3{letter-spacing:.05em;color:var(--color-text-secondary);margin:0 0 .75rem;font-size:.75rem}.twilio-setup-btn,.recompute-btn{border-color:var(--color-accent);color:var(--color-accent);align-items:center;gap:.5rem;padding:.6rem 1.3rem;font-weight:600;display:inline-flex}.twilio-setup-btn:hover:not(:disabled),.recompute-btn:hover:not(:disabled){background:var(--color-accent);color:#0b1526}.settings-section-head .twilio-setup-btn{padding:.4rem .9rem}.settings-twilio-msg{margin:0 0 .75rem;font-size:.85rem}.twilio-manual-toggle{cursor:pointer;align-items:center;gap:.4rem;display:flex}.twilio-manual-toggle .chevron{margin-top:0}.twilio-manual-toggle h3{margin:0}.twilio-manual-toggle:hover h3,.twilio-manual-toggle:hover .chevron{color:var(--color-text)}.twilio-manual-collapse{grid-template-rows:0fr;transition:grid-template-rows .2s ease-in-out;display:grid}.twilio-manual-collapse.open{grid-template-rows:1fr;margin-top:.75rem}.twilio-manual-collapse>div{min-height:0;overflow:hidden}.webhook-validation-head{cursor:pointer;justify-content:space-between}.webhook-validation-head h3{margin:0}.setup-row-label{color:var(--color-text-secondary);margin:0 0 .3rem;font-size:.8rem}.setup-row{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.setup-row code{color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);overflow-wrap:anywhere;flex:1;padding:.45rem .65rem;font-size:.8rem}.setup-copy{flex-shrink:0;padding:.4rem .7rem;font-size:.8rem}.btn{border-radius:var(--radius);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:0 0;padding:.55rem 1rem;font-size:.9rem;font-weight:500}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:#0b1526;width:100%}.btn-ghost{color:var(--color-text-secondary);border:none}.btn-ghost:hover{color:var(--color-text)}.form-error{color:var(--color-danger);margin:.25rem 0 .75rem;font-size:.85rem}.form-success{color:var(--color-success);margin:.25rem 0 .75rem;font-size:.85rem}.auth-alt{color:var(--color-text-secondary);text-align:center;margin-top:1rem;font-size:.85rem}.auth-alt a{color:var(--color-accent)}.settings h1{margin-bottom:1.5rem}.settings-actions{align-items:center;gap:1rem;display:flex}.settings-actions .btn-primary{width:auto;margin-left:auto}.settings-actions p{margin:0}.settings-save-float{z-index:10;position:fixed;bottom:1rem;right:1rem}.settings-save-float .btn-primary{width:auto}@keyframes save-shake{0%,to{transform:translate(0)}15%,45%,75%{transform:translate(-6px)}30%,60%,90%{transform:translate(6px)}}.btn-primary.save-failed,.btn-primary.save-failed:hover:not(:disabled){background:var(--color-danger);border-color:var(--color-danger);animation:1s save-shake}.loading{text-align:center;color:var(--color-text-secondary);margin-top:3rem}.nav{gap:.25rem;display:flex}.nav-link{border-radius:var(--radius);color:var(--color-text-secondary);padding:.35rem .75rem;font-size:.9rem;text-decoration:none}.nav-link:hover{color:var(--color-text)}.nav-link.active{color:var(--color-text);background:var(--color-bg)}.calls-title-row{align-items:center;gap:.6rem;display:flex}.calls-title-row h1,.calls-title-row .dot{margin-bottom:1.25rem}.settings select{width:100%;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);margin-top:.3rem;padding:.5rem 1.5rem .5rem .65rem;font-size:.9rem;display:block}.settings select:focus{border-color:var(--color-accent);outline:none}.calls-controls select{color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);margin-top:.3rem;padding:.5rem 1.5rem .5rem .65rem;font-family:inherit;font-size:.9rem;line-height:1.2}.calls-controls select:disabled{opacity:.45;cursor:default}.settings select,.calls-controls select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa3b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .65rem center;background-repeat:no-repeat;background-size:.7rem}.calls-search-row{gap:.75rem;margin-bottom:.9rem;display:flex}.calls-search-row input{flex:1;min-width:0;margin-top:0}.semantic-field{flex:1;min-width:0;display:flex;position:relative}.semantic-field input{width:100%;padding-right:2.2rem}.semantic-field.search-active input::-webkit-search-cancel-button{appearance:none}.semantic-btn{border-radius:var(--radius);width:1.7rem;height:1.7rem;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:.3rem;transform:translateY(-50%)}.semantic-btn:hover:not(:disabled){color:var(--color-text)}.semantic-btn:disabled{cursor:default;opacity:.5}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.calls-filter-row{grid-template-columns:2fr 1fr 1fr;gap:0 1rem;display:grid}.calls-filter-row label{min-width:0;margin-bottom:0}.calls-filter-row select,.calls-filter-row input{width:100%;min-width:0}.calls-view-toggle{color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;width:fit-content;margin-top:1rem;font-size:.85rem;display:flex}.calls-view-toggle:hover{color:var(--color-accent)}.calls-view-toggle .chevron{margin-top:0}.calls-view-hitbox{cursor:pointer}.calls-view-collapse{grid-template-rows:0fr;margin-top:.75rem;transition:grid-template-rows .2s ease-in-out;display:grid}.calls-view-collapse.open{grid-template-rows:1fr}.calls-view-row{flex-direction:column;align-items:flex-start;gap:.75rem;min-height:0;display:flex;overflow:hidden}.calls-view-row label{margin-bottom:0}.filter-disabled{opacity:.45}.kind-filter{border:1px solid var(--color-border);border-radius:var(--radius);margin-top:.3rem;display:flex;overflow:hidden}.kind-filter-btn{color:var(--color-text-secondary);background:var(--color-bg);cursor:pointer;border:none;flex:1;padding:.5rem 0;font-family:inherit;font-size:.9rem;line-height:1.2}.kind-filter-btn+.kind-filter-btn{border-left:1px solid var(--color-border)}.kind-filter-btn:hover{color:var(--color-text)}.kind-filter-btn.active{color:var(--color-text);background:var(--color-surface);font-weight:600}.caller-chip{margin-top:.75rem}.switch-label{align-items:center;gap:.5rem;display:flex}.switch{flex-shrink:0;width:2.2rem;height:1.25rem;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0;margin:0}.switch-slider{background:var(--color-border);cursor:pointer;border-radius:999px;transition:background .15s ease-in-out;position:absolute;inset:0}.switch input:disabled+.switch-slider{cursor:default}.switch-slider:before{content:"";background:var(--color-text);border-radius:50%;width:calc(1.25rem - 6px);height:calc(1.25rem - 6px);transition:transform .15s ease-in-out;position:absolute;top:3px;left:3px}.switch input:checked+.switch-slider{background:var(--color-accent)}.switch input:checked+.switch-slider:before{transform:translate(.95rem)}.input-with-reset{align-items:center;gap:.3rem;margin-top:.3rem;display:flex}.input-with-reset input{width:5.5rem;margin-top:0}.reset-btn{color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:.35rem;display:flex}.reset-btn:hover:not(:disabled){color:var(--color-accent);border-color:var(--color-accent)}.reset-btn:disabled{opacity:.35;cursor:default}.caller-chip{color:var(--color-accent);background:var(--color-bg);border:1px solid var(--color-accent);border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .4rem .3rem .75rem;font-size:.85rem;font-weight:600;display:inline-flex}.caller-chip-x{width:1.6rem;height:1.6rem;color:var(--color-accent);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.caller-chip:hover .caller-chip-x{color:var(--color-danger)}.caller-chip:hover{cursor:pointer}.call-item-caller-btn{font:inherit;color:var(--color-text);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.call-item-caller-btn:hover{color:var(--color-accent);text-decoration:underline}.date-range{margin-top:.3rem;position:relative}.date-range-trigger{text-align:left;width:100%;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;padding:.5rem .65rem;font-family:inherit;font-size:.9rem;line-height:1.2;display:block}.date-range-trigger.placeholder{color:var(--color-text-secondary)}.date-range-trigger:focus{border-color:var(--color-accent);outline:none}.date-range-popover{z-index:10;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:280px;padding:.75rem;position:absolute;top:calc(100% + .35rem);left:0;box-shadow:0 8px 24px #00000073}.date-range-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:flex}.date-range-header button{color:var(--color-text-secondary);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.1rem;line-height:1}.date-range-header button:hover{color:var(--color-text);background:var(--color-bg)}.date-range-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.date-range-weekday{text-align:center;color:var(--color-text-secondary);padding:.25rem 0;font-size:.7rem}.date-range-day{color:var(--color-text);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;padding:.35rem 0;font-size:.8rem}.date-range-day:hover{background:var(--color-bg)}.date-range-day.today{outline:1px solid var(--color-border)}.date-range-day.in-range{background:color-mix(in srgb, var(--color-accent) 18%, transparent);border-radius:0}.date-range-day.selected{background:var(--color-accent);color:#0b1526;font-weight:600}.date-range-footer{justify-content:flex-end;margin-top:.5rem;display:flex}.calls-banner{text-align:center;width:100%;color:var(--color-accent);cursor:pointer;font-size:.9rem;display:block}.call-item{overflow-anchor:none}.call-item-top{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.call-item-badge{border:1px solid var(--color-border);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;padding:0;display:flex}.call-item-badge-call{color:var(--color-accent);border-color:var(--color-accent)}.call-item-badge-sms{color:var(--color-success);border-color:var(--color-success)}.call-item-badge-streak{border-color:var(--color-streak);color:var(--color-streak);cursor:pointer;position:relative}.call-item-badge-streak .flame-inner{fill:var(--color-streak-orange)}.call-item-badge-streak svg{transform:translateY(-1px)}.call-item-badge-streak-count{color:#fff;text-shadow:-1px -1px 0 var(--color-surface), 1px -1px 0 var(--color-surface), -1px 1px 0 var(--color-surface), 1px 1px 0 var(--color-surface);pointer-events:none;font-size:.82rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.call-item-top-lines{flex:1;min-width:0}.call-item-line1{color:var(--color-text-secondary);align-items:center;gap:.6rem;font-size:.85rem;display:flex}.call-item-line1-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;margin-left:auto;font-size:.75rem;display:flex}.call-item-actions{opacity:0;align-items:center;gap:.5rem;max-width:0;transition:max-width .25s ease-in-out,opacity .2s ease-in-out,transform .25s ease-in-out;display:flex;overflow:hidden;transform:translate(.75rem)}.call-item-actions:has(.call-item-pinned){opacity:1;max-width:1.3rem;transform:none}.call-item-hover .call-item-actions,.call-item-actions:focus-within{opacity:1;max-width:6.5rem;transform:none}.call-item-line2{color:var(--color-text-secondary);margin-top:.05rem;font-size:.78rem}.call-item-caller{color:var(--color-text);font-size:.78rem;font-weight:600}.call-item-status{border:1px solid var(--color-border);cursor:help;border-radius:999px;padding:.1rem .5rem}.status-pending{color:var(--color-text-secondary)}.status-error{color:var(--color-danger);border-color:var(--color-danger)}.call-item-ghost{cursor:help;border:1px solid var(--color-text-secondary);color:var(--color-text-secondary);border-radius:999px;padding:.1rem .5rem}.call-item-sms{cursor:help;border:1px solid var(--color-success);color:var(--color-success);border-radius:999px;padding:.1rem .5rem}.call-item-ghost-text{color:var(--color-text-secondary)}.call-item-score{cursor:help;border:1px solid var(--color-accent);color:var(--color-accent);border-radius:999px;padding:.1rem .5rem}.call-item-pin{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.15rem;display:flex}.call-item-pin:hover{color:var(--color-accent)}.call-item-pin:disabled{cursor:default}.call-item-pinned,.call-item-pinned:hover{color:var(--color-accent)}.call-item-ban:hover{color:var(--color-danger)}.rating-stars{color:var(--color-text-secondary);align-items:center;gap:1px;display:inline-flex;transform:translateY(-2px)}.rating-stars-display{cursor:help}.rating-stars-edit{cursor:pointer}.rating-star{flex:none;width:14px;height:14px;display:inline-flex;position:relative}.rating-outline{fill:none;stroke:currentColor;stroke-width:1.8px;opacity:.6}.rating-clip{height:100%;position:absolute;top:0;left:0;overflow:hidden}.rating-clip svg{display:block}.rating-fill{fill:currentColor;stroke:currentColor;stroke-width:1.8px}.rating-stars-edit .rating-fill{fill:var(--color-rating);stroke:var(--color-rating)}.rating-stars-edit .rating-outline{stroke:var(--color-rating)}.rating-clip-prev{opacity:.35}.rating-save{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:.3rem;padding:.1rem;display:inline-flex}.rating-save:hover:not(:disabled){color:var(--color-accent)}.rating-save:disabled{opacity:.5;cursor:default}.rating-stars-block{flex-direction:column;align-items:stretch;gap:.9rem;transform:none}.rating-stars-row{justify-content:center;align-items:center;gap:1px;display:inline-flex}.call-item-text{white-space:pre-wrap;margin:0}.audio-player{align-items:center;gap:.6rem;margin:.75rem 0;padding:0 .5rem;display:flex}.audio-play-btn{width:1.75rem;height:1.75rem;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.audio-play-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.audio-play-btn:disabled{opacity:.6;cursor:default}.audio-play-btn-error,.audio-play-btn-error:hover:not(:disabled){border-color:var(--color-danger);color:var(--color-danger)}.audio-error{color:var(--color-danger);overflow-wrap:anywhere;flex:1;font-size:.8rem}.audio-bar{background:var(--color-border);cursor:pointer;border-radius:999px;flex:1;height:6px;position:relative}.audio-bar-fill{background:var(--color-accent);pointer-events:none;border-radius:999px;height:100%}.audio-tooltip{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);pointer-events:none;white-space:nowrap;padding:.1rem .4rem;font-size:.75rem;position:absolute;bottom:12px;transform:translate(-50%)}.audio-duration{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.8rem}.volume-control{z-index:10;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex;position:fixed;bottom:1rem;right:1rem}.volume-control input[type=range]{width:7rem;accent-color:var(--color-accent);margin-top:0;padding:0}.new-item-toast{z-index:10;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;width:340px;max-width:calc(100vw - 2rem);padding:.85rem 2.25rem .85rem 1rem;position:fixed;bottom:1rem;left:1rem;overflow:hidden}.new-item-toast:hover{border-color:var(--color-accent)}.new-item-toast .call-item-top{margin-bottom:0}.new-item-toast .call-item-top-lines{flex-direction:column;justify-content:center;min-height:2.2rem;display:flex}@keyframes toast-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.new-item-toast-countdown{background:var(--color-accent);transform-origin:0;height:2px;animation:8s linear forwards toast-countdown;position:absolute;top:0;left:0;right:0}.error-toast{z-index:12}.error-toast .new-item-toast-countdown{background:var(--color-danger)}.error-toast-message{color:var(--color-text);word-break:break-word;font-size:.9rem;line-height:1.4}@keyframes call-item-flash{0%{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 35%, transparent)}to{border-color:var(--color-border);box-shadow:none}}.call-item-flash{animation:1.8s ease-out call-item-flash}.call-item-live-actions{align-items:center;gap:.6rem;display:flex}.call-item-ringing{color:var(--color-success);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.call-item-answer,.ringing-answer,.live-enable-btn{width:auto}.call-item-answer{padding:.35rem .9rem;font-size:.85rem}.call-item-live-badge{color:var(--color-success);border-color:var(--color-success)}.transcript-turn{margin-bottom:.6rem}.transcript-turn:last-child{margin-bottom:0}.transcript-turn-alt{border-left:2px solid var(--color-text-secondary);padding-left:1rem}.ringing-toasts{z-index:11;flex-direction:column-reverse;gap:.5rem;max-width:calc(100vw - 2rem);display:flex;position:fixed;bottom:1rem;left:1rem}.ringing-toasts .ringing-toast{cursor:default;width:340px;max-width:100%;padding:.85rem 1rem;position:static;bottom:auto;left:auto}.ringing-answer{margin-top:.6rem}.call-overlay,.call-overlay *,.ringing-toast,.ringing-toast *{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.call-overlay::-webkit-scrollbar{width:8px;height:8px}.call-overlay ::-webkit-scrollbar{width:8px;height:8px}.ringing-toast::-webkit-scrollbar{width:8px;height:8px}.ringing-toast ::-webkit-scrollbar{width:8px;height:8px}.call-overlay::-webkit-scrollbar-track{background:0 0}.call-overlay ::-webkit-scrollbar-track{background:0 0}.ringing-toast::-webkit-scrollbar-track{background:0 0}.ringing-toast ::-webkit-scrollbar-track{background:0 0}.call-overlay::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.call-overlay ::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.ringing-toast::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.ringing-toast ::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.call-overlay::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.call-overlay ::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.ringing-toast::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.ringing-toast ::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.live-disabled p{margin:0 0 .5rem}.live-disabled-actions{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.live-minimal-card .call-item-line2{color:var(--color-text-secondary)}.volume-slider{align-items:center;display:flex;position:relative}.volume-mute-btn{color:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.volume-mute-btn:hover{color:var(--color-accent)}.volume-tooltip{bottom:16px}.volume-value{text-align:right;min-width:2.4rem;color:var(--color-text-secondary);font-variant-numeric:tabular-nums;font-size:.8rem}.transcript-block{margin-top:.25rem}.transcript-block-clickable{cursor:pointer}.transcript-label-row{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.3rem;display:flex}.transcript-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);font-size:.72rem;font-weight:600}.transcript-label-badges{gap:.5rem;font-size:.75rem;display:flex}.transcript-label-badges .call-item-missing-transcription,.transcript-label-badges .call-item-missing-embeddings,.transcript-label-badges .call-item-status{text-transform:capitalize;padding:0 .4rem;font-size:.62rem}.transcript-label-badges .call-item-status{text-overflow:ellipsis;white-space:nowrap;max-width:22rem;overflow:hidden}.transcript-body{border-left:2px solid var(--color-accent);padding-left:1rem;position:relative}.transcript-body-sms{border-color:var(--color-success)}.transcript-measure{visibility:hidden;pointer-events:none;position:absolute;top:0;left:0;right:0}.transcript-grow{transition:max-height .25s ease-in-out;overflow:hidden}.transcript-ellipsis{background:var(--color-surface);color:var(--color-text);opacity:0;padding-left:.2rem;animation:10ms .25s forwards transcript-ellipsis-in;position:absolute;bottom:0;right:0}@keyframes transcript-ellipsis-in{to{opacity:1}}.transcript-toggle{color:var(--color-accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;margin-top:.5rem;padding:0;font-size:.8rem;display:flex}.transcript-toggle .chevron{margin-top:0}.transcript-collapse{grid-template-rows:0fr;transition:grid-template-rows .25s ease-in-out;display:grid}.transcript-collapse.open{grid-template-rows:1fr}.transcript-collapse>div{overflow:hidden}.chevron{color:var(--color-text-secondary);flex-shrink:0;margin-top:.25rem;transition:transform .2s ease-in-out}.chevron-expanded{transform:rotate(90deg)}@media (width<=560px){.fields{grid-template-columns:1fr}.calls-search-row{flex-direction:column}.calls-filter-row{grid-template-columns:1fr 1fr;gap:.75rem 1rem}}.btn-danger{background:var(--color-danger);color:#fff;border:1px solid var(--color-danger)}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.call-overlay-backdrop{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c108c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.call-overlay{width:100%;max-width:480px;max-height:90vh;margin-bottom:0;position:relative;overflow-y:auto}.call-overlay-close{color:var(--color-text-secondary);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.35rem;display:flex;position:absolute;top:.75rem;right:.75rem}.call-overlay-close:hover{color:var(--color-text)}.call-overlay-number{text-transform:none;letter-spacing:normal;color:var(--color-text);margin:0 0 .5rem;font-size:1.15rem}.call-overlay-status{color:var(--color-text-secondary);align-items:center;gap:.5rem;margin-bottom:.9rem;font-size:.85rem;display:flex}.call-overlay-digits{letter-spacing:.2rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);min-height:2.2rem;margin-bottom:.6rem;padding:.4rem .65rem;font-size:1.1rem}.call-overlay-keypad{grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:.9rem;display:grid}.call-key{color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:.55rem 0;font-size:1.05rem;font-weight:600;line-height:1.1;display:flex}.call-key:hover:not(:disabled){border-color:var(--color-accent)}.call-key:active:not(:disabled){transform:scale(.97)}.call-key:disabled{opacity:.45;cursor:default}.call-key-sub{letter-spacing:.08rem;color:var(--color-text-secondary);min-height:.7rem;font-size:.55rem;font-weight:400}.call-overlay-volume{align-items:center;gap:.5rem;margin-bottom:.9rem;display:flex}.call-overlay-volume input[type=range]{accent-color:var(--color-accent);flex:1;margin-top:0;padding:0}.call-overlay-action{width:100%}.call-rating-dialog-stars{margin-bottom:.5rem}.call-rating-dialog-stars .rating-stars-row{gap:6px}.call-rating-dialog-stars .rating-star,.call-rating-dialog-stars .rating-star svg{width:2.25rem;height:2.25rem}.call-overlay-history{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:.75rem}.call-overlay-history h3{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:0 0 .5rem;font-size:.75rem}.call-overlay-history-item{margin-bottom:.6rem;font-size:.8rem}.call-overlay-history-date{color:var(--color-text-secondary);margin-bottom:.1rem;display:block}.active-call-mask{align-items:center;display:flex;overflow:hidden}.active-call-pill{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;align-items:center;gap:.4rem;margin-left:1rem;padding:.25rem .4rem .25rem .7rem;font-size:.8rem;transition:transform .2s ease-in-out;display:flex;transform:translate(-110%)}.active-call-pill.shown{transform:translate(0)}.active-call-pill:hover{border-color:var(--color-accent)}.active-call-reopen{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;padding:0;display:flex}.active-call-hangup{width:1.3rem;height:1.3rem;color:var(--color-danger);border:1px solid var(--color-danger);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:flex}.active-call-hangup:hover{background:var(--color-danger);color:var(--color-surface)}.confirm-dialog{text-align:center;width:100%;max-width:320px;margin-bottom:0;position:relative}.confirm-dialog-text{color:var(--color-text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 1rem;font-size:.95rem}.confirm-dialog-accept{width:100%}.twilio-setup-dialog{text-align:left;max-width:380px}.twilio-setup-dialog-title{text-align:center;margin:0 0 .75rem;font-size:1.05rem}.twilio-setup-dialog form label{margin-bottom:.75rem;display:block}.twilio-setup-numbers-label{margin-bottom:.4rem;font-size:.85rem}.twilio-setup-numbers{flex-direction:column;gap:.3rem;max-height:9rem;margin-bottom:.75rem;display:flex;overflow-y:auto}.twilio-setup-dialog .twilio-setup-number{cursor:pointer;align-items:center;gap:.5rem;margin-bottom:0;font-weight:400;display:flex}.twilio-setup-number input[type=checkbox]{width:auto;accent-color:var(--color-accent);margin:0}.twilio-setup-numbers-hint{color:var(--color-text-secondary);margin:0 0 .75rem;font-size:.85rem}.record-dialog{text-align:left;max-width:380px}.record-stage{justify-content:center;align-items:center;min-height:3.5rem;margin-bottom:1rem;display:flex}.record-stage .audio-player{flex:1;margin:0;padding:0}.record-status{font-variant-numeric:tabular-nums;align-items:center;gap:.5rem;font-size:1.05rem;display:flex}.record-dot{background:var(--color-danger,#e5484d);border-radius:50%;width:.7rem;height:.7rem;animation:1.2s ease-in-out infinite record-pulse}@keyframes record-pulse{0%,to{opacity:1}50%{opacity:.25}}.record-hint{color:var(--color-text-secondary);margin:0;font-size:.85rem}.record-actions{gap:.5rem;display:flex}.record-actions .btn{flex:1}.record-field{align-items:center;gap:.4rem;display:flex}.record-field input{flex:1;min-width:0}.record-icon-btn{flex-shrink:0;padding:.45rem .55rem;line-height:0}.blocked-item-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;font-size:.85rem;display:flex}.blocked-item-number{color:var(--color-text);font-weight:600}.blocked-item-meta{min-width:0;color:var(--color-text-secondary);flex:1;font-size:.8rem}.blocked-item-unblock{flex-shrink:0}.blocked-item-messages{border-top:1px solid var(--color-border);margin-top:.75rem;padding-top:.75rem}.blocked-item-empty{color:var(--color-text-secondary);margin:0;font-size:.85rem}.blocked-item-message{margin-bottom:.6rem;font-size:.8rem}.blocked-item-message-date{color:var(--color-text-secondary);align-items:center;gap:.5rem;margin-bottom:.1rem;display:flex}.settings-section-head{justify-content:space-between;align-items:baseline;display:flex}.settings-section-head .switch-label{margin-bottom:0}.call-item-missing-embeddings,.call-item-missing-transcription{border:1px dashed var(--color-text-secondary);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:.1rem .5rem;font-family:inherit;transition:color .15s,border-color .15s,opacity .15s}.call-item-missing-embeddings:hover:not(:disabled),.call-item-missing-transcription:hover:not(:disabled){color:var(--color-text);border-color:var(--color-text)}.call-item-missing-embeddings:disabled,.call-item-missing-transcription:disabled{cursor:default;opacity:.65}.header-left{align-items:center;min-width:0;display:flex}.ping-pill{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;margin-left:.5rem;padding:.25rem .7rem;font-size:.85rem;display:flex}.ping-pill .spinner{width:10px;height:10px}.ping-pill-success{font:inherit;border-color:var(--color-success);color:var(--color-success);cursor:pointer;font-size:.85rem}.ping-pill-success:hover:not(:disabled){background:var(--color-success);color:var(--color-surface)}.ping-pill-success:disabled{opacity:.5;cursor:default}.ping-pill-declined{border-color:var(--color-danger);color:var(--color-danger)}.ping-pill-busy{border-color:var(--color-accent);color:var(--color-accent)}.ping-pill-failed{border-color:var(--color-text-secondary);color:var(--color-text-secondary)}.ping-pill-x{width:1.1rem;height:1.1rem;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;display:flex}.ping-pill-x:hover{background:var(--color-danger);color:var(--color-surface)}.call-item-ping-status{cursor:help;border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:999px;padding:.1rem .5rem}.ping-status-pinging{border-color:var(--color-accent);color:var(--color-accent)}.ping-status-success{border-color:var(--color-success);color:var(--color-success)}.ping-status-declined{border-color:var(--color-danger);color:var(--color-danger)}.ping-status-busy{border-color:var(--color-accent);color:var(--color-accent)}.call-item-ping-time{opacity:.65;margin-left:.4rem;font-size:.75rem}.ping-status-btn{font:inherit;font-size:inherit;cursor:pointer;background:0 0}.ping-status-btn:hover:not(:disabled){background:var(--color-success);color:var(--color-surface)}.ping-status-btn:disabled{opacity:.5;cursor:default}