@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=JetBrains+Mono:wght@400;600&family=Rajdhani:wght@400;500;600;700&display=swap";:root{color-scheme:dark;font-family:Rajdhani,Segoe UI,sans-serif;color:#faf6ee;background:#0b0b0b;--ink: #0B0B0B;--panel: #121212;--panel-raised: #1A1A1A;--line: rgba(255,255,255,.08);--line-strong: #3f3f46;--muted: #a1a1aa;--ruby: #B01030;--ruby-deep: #8B0A28;--ivory: #FAF6EE;--gold: #FCD34D;--green: #10b981;--red: #dc2626}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--ink);background-image:linear-gradient(rgba(176,16,48,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(176,16,48,.035) 1px,transparent 1px),radial-gradient(circle at 78% -10%,rgba(176,16,48,.18),transparent 38%);background-size:56px 56px,56px 56px,auto}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}audio{position:fixed;width:1px;height:1px;opacity:.001;pointer-events:none}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(2rem,4vw,3.5rem)/1.05 Cinzel,serif;letter-spacing:-.03em;margin-bottom:.7rem}h2{font-size:1rem;letter-spacing:.05em;text-transform:uppercase}.eyebrow{color:var(--gold);opacity:.68;text-transform:uppercase;letter-spacing:.18em;font:600 .67rem/1.4 JetBrains Mono,monospace}.brand-lockup{display:flex;align-items:center;gap:.9rem}.brand-lockup strong{display:block;font:600 1.08rem/1 Cinzel,serif;letter-spacing:.22em}.brand-lockup small{color:var(--muted);font-size:.56rem;letter-spacing:.18em}.brand-gem{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--ruby);color:var(--ivory);transform:rotate(45deg);font:600 .8rem Cinzel;box-shadow:0 0 22px #b010302e}.brand-gem:first-letter{transform:rotate(-45deg)}.compact .brand-gem{width:31px;height:31px}.auth-screen,.setup-screen{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(1.5rem,4vw,4rem)}.auth-card,.setup-card{align-self:center;width:min(660px,100%);min-width:0;border-left:1px solid var(--ruby);padding:clamp(2rem,5vw,4rem);margin-left:clamp(0rem,8vw,9rem)}.auth-card>p:not(.eyebrow),.setup-card>p:not(.eyebrow){color:var(--muted);max-width:520px;line-height:1.7}.auth-screen footer{color:#70756f;font-size:.75rem}.primary,.secondary,.danger,.call-actions button,.media-actions button{border:1px solid transparent;border-radius:4px;padding:.78rem 1rem;font-weight:650}.primary{color:var(--ivory);background:var(--ruby)}.primary:hover{background:var(--ruby-deep)}.secondary{color:#ddd8ce;background:#1b1e1c;border-color:#3a3e39}.danger{color:#fff;background:#8d3835}.wide{margin-top:1.5rem;min-width:220px}.app-shell{min-height:100vh;display:grid;grid-template:72px 1fr 34px / 230px 1fr}.topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 1.4rem;border-bottom:1px solid var(--line);background:#080909e0;backdrop-filter:blur(15px);position:sticky;top:0;z-index:10}.top-status{display:flex;align-items:center;gap:1rem}.environment{text-transform:uppercase;color:var(--muted);font-size:.65rem;letter-spacing:.15em}.sidebar{border-right:1px solid var(--line);padding:1.2rem .85rem;display:flex;flex-direction:column;justify-content:space-between;background:#0a0b0bbf}.sidebar nav{display:grid;gap:.35rem}.sidebar nav button{color:#9ca19b;background:transparent;border:0;border-radius:4px;padding:.85rem .9rem;display:flex;gap:.8rem;text-align:left}.sidebar nav button.active{color:var(--ivory);background:#b010301f;box-shadow:inset 2px 0 var(--ruby)}.sidebar-foot{border-top:1px solid var(--line);padding:1rem .6rem 0}.sidebar-foot p{color:var(--muted);font-size:.72rem}.sidebar-foot button,.text-button{background:transparent;border:0;color:var(--ruby);padding:0;font-size:.74rem}.workspace{padding:clamp(1.2rem,3vw,3rem);min-width:0}.legal{grid-column:1 / -1;color:#626761;font-size:.65rem;display:grid;place-items:center;border-top:1px solid #1c1e1c}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.8rem}.page-heading p:last-child{color:var(--muted)}.status-pill{display:inline-flex;align-items:center;gap:.45rem;color:#aeb3ad;border:1px solid #30332f;border-radius:999px;padding:.38rem .65rem;font-size:.68rem;white-space:nowrap}.status-pill i{width:6px;height:6px;border-radius:50%;background:#666c66}.status-pill.good i{background:#72ac80;box-shadow:0 0 8px #72ac80}.readiness-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));border:1px solid var(--line);background:#0d0f0e;margin-bottom:1.2rem}.readiness-grid div{padding:.9rem 1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.readiness-grid span{display:block;color:#767c76;font-size:.61rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.3rem}.readiness-grid strong{font-size:.78rem;font-weight:550;text-transform:capitalize}.dialer-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.7fr);gap:1.2rem}.call-console,.control-panel,.panel{border:1px solid var(--line);background:linear-gradient(145deg,#1a1a1af5,#0b0b0bfc);border-radius:6px}.call-console{min-height:590px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.call-console:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(176,16,48,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(176,16,48,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle,black,transparent 70%)}.call-orbit{width:min(310px,70vw);aspect-ratio:1;border:1px solid #2d312d;border-radius:50%;display:grid;place-items:center;position:relative;z-index:1;box-shadow:0 0 0 28px #ffffff02,0 0 0 29px #ffffff08}.state-active .call-orbit{border-color:#56755e;box-shadow:0 0 55px #41694c25,0 0 0 28px #ffffff02,0 0 0 29px #ffffff08}.state-ringing .call-orbit{border-color:var(--ruby);box-shadow:0 0 44px #b010303d,0 0 0 28px #ffffff02,0 0 0 29px #ffffff08}.call-core{text-align:center}.call-core span{color:var(--ruby);letter-spacing:.2em;font:600 .63rem JetBrains Mono,monospace}.call-core strong{display:block;font:500 3.2rem/1.4 Cinzel;font-variant-numeric:tabular-nums}.call-core small{color:var(--muted)}.call-actions{position:relative;z-index:2;margin-top:3rem}.call-button{min-width:230px;padding:1rem 1.4rem!important}.control-row{position:relative;z-index:2;display:flex;gap:.6rem;margin-top:1.2rem}.control-row button,.keypad button,.row-actions button,.processing button,.section-title button{color:#d7d3ca;background:#1b1e1c;border:1px solid #353934;border-radius:4px;padding:.65rem .9rem}.control-row button.selected{color:var(--ivory);background:var(--ruby)}.keypad{z-index:2;display:grid;grid-template-columns:repeat(3,52px);gap:.45rem;margin-top:1rem}.keypad button{aspect-ratio:1}.audio-recovery{z-index:2;margin-top:1rem;border:1px solid var(--ruby);background:#b010301f;color:var(--ivory);padding:.7rem 1rem}.disposition-panel{z-index:2;display:grid;gap:.7rem;width:min(420px,100%);margin-top:1.5rem}.control-panel{padding:1.3rem}.control-panel>p{color:var(--muted);line-height:1.5;font-size:.8rem}.control-panel label,.form-panel label{display:grid;gap:.4rem;color:#9ca19b;font-size:.7rem;margin-top:1rem}input,select,textarea{width:100%;color:#ebe7de;background:#0b0c0c;border:1px solid #343834;border-radius:3px;padding:.72rem .75rem;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--ruby);box-shadow:0 0 0 2px #b010302e}textarea{min-height:86px;resize:vertical}.notice{margin:1.2rem 0;padding:1rem;border-left:2px solid var(--ruby);background:#b0103014}.notice strong{color:var(--ivory);font-size:.76rem}.notice p{color:#aaa49a;font-size:.7rem;line-height:1.5;margin:.45rem 0 0}.debug-list{max-height:160px;overflow:auto;margin:1rem 0;border-top:1px solid var(--line);padding-top:.7rem}.debug-list small{color:#6f746e}.debug-list p{display:flex;gap:.7rem;margin:.45rem 0;font:.66rem ui-monospace,monospace;color:#a9aea8}.debug-list time{color:#6d726c}.error-banner{display:flex;justify-content:space-between;gap:1rem;background:#321b1a;border:1px solid #673330;color:#edc2bd;padding:.8rem 1rem;margin-bottom:1rem}.error-banner button{background:transparent;border:0;color:inherit}.split-view{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.3fr);gap:1.2rem}.panel{padding:1.3rem;min-height:320px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.form-panel .primary{margin-top:1rem}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.search{max-width:260px}.record-list{display:grid}.record-list article{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding:1rem .2rem}.record-list article>div:first-child{display:grid;gap:.25rem}.record-list article span,.record-list article small{color:var(--muted);font-size:.72rem}.row-actions{display:flex;gap:.4rem}.row-actions button{padding:.45rem .65rem;font-size:.68rem}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem;margin-bottom:1rem}.inline-filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.filter-banner{align-items:center;background:#b0103014;border:1px solid rgba(176,16,48,.25);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.65rem .8rem}.date-filter{align-items:center;display:flex;gap:.5rem}.date-filter input{flex:1}.detail-editor{border-top:1px solid var(--line);display:grid;gap:.7rem;margin-top:1rem;padding-top:1rem}.calls-view{grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr)}.record-list.calls article{cursor:pointer}.record-list.calls article:hover,.selected-record{background:#171a18}.detail-head,.section-title{display:flex;justify-content:space-between;align-items:flex-start}.detail-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.detail-panel dl div{border:1px solid var(--line);padding:.75rem}dt{color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}dd{margin:.3rem 0 0;font-size:.82rem;text-transform:capitalize}.media-actions{display:flex;gap:.5rem;margin:1rem 0}.processing,.transcript,.summary{background:#0c0e0d;border:1px solid var(--line);padding:1rem;margin-top:1rem}.processing p,.summary p{color:var(--muted);font-size:.78rem;line-height:1.55}.transcript>p{white-space:pre-wrap;line-height:1.7;color:#d3d0c8}.empty{min-height:250px;display:grid;place-content:center;text-align:center;color:var(--muted)}.empty-mark{color:var(--ruby);font-size:2rem}.empty h3{color:#dedad1;margin:.7rem 0 .3rem}.empty p{max-width:320px;font-size:.78rem}.dial-inputs{width:min(520px,100%);display:grid;grid-template-columns:1fr 1.4fr;gap:.75rem}.dial-inputs label{display:grid;gap:.35rem;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.dial-inputs input,.dial-inputs select{width:100%}.compliance-check{display:flex;align-items:center;gap:.55rem;max-width:520px;color:var(--muted);font-size:.72rem;text-transform:none}.compliance-check input{width:auto}.file-button{display:inline-flex;align-items:center;padding:.75rem 1rem;border:1px solid var(--ruby);color:#fff;cursor:pointer}.file-button input{display:none}.filter-banner small{display:block;margin-top:.35rem;color:var(--muted)}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.integration-grid h2{margin-top:1rem}@media(max-width:900px){.app-shell{grid-template:64px auto 1fr 30px / 1fr}.topbar{grid-row:1}.sidebar{grid-row:2;border-right:0;border-bottom:1px solid var(--line);padding:.5rem}.sidebar nav{grid-template-columns:repeat(4,1fr)}.sidebar nav button{justify-content:center;padding:.7rem .25rem;font-size:.72rem}.sidebar-foot{display:none}.workspace{grid-row:3}.legal{grid-row:4}.dialer-layout,.split-view,.calls-view,.integration-grid{grid-template-columns:1fr}.readiness-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.auth-screen,.setup-screen{padding:1.25rem}.auth-card,.setup-card{margin-left:0;width:350px;max-width:calc(100vw - 2.5rem);padding:1.5rem 1rem 1.5rem 2rem;overflow:hidden}.auth-card p,.setup-card p{overflow-wrap:anywhere}.brand-lockup.compact small,.environment{display:none}.status-pill{font-size:.58rem}.workspace{padding:1rem}.page-heading{display:block}.page-heading>.status-pill{margin-top:.5rem}.readiness-grid{grid-template-columns:1fr 1fr}.call-console{min-height:520px;padding:1rem}.form-grid,.filters,.dial-inputs{grid-template-columns:1fr}.sidebar nav button{display:grid;gap:.2rem}.top-status>.status-pill{display:none}}