:root{--ink-950:#16221c;--ink-800:#26382f;--ink-600:#53655c;--ink-500:#74837b;--paper:#f4f6f1;--surface:#fff;--line:#e2e7df;--line-strong:#d3dbd0;--green-700:#176b4d;--green-600:#1c7d59;--green-500:#24946a;--green-100:#dff4e9;--lime-300:#b8df72;--amber-600:#9d6715;--amber-100:#fff1d2;--red-600:#ad3e3e;--red-100:#fde8e5;--blue-600:#376ea9;--blue-100:#e5eef9;--shadow-sm:0 1px 2px #132a1e0d;--shadow-md:0 14px 36px #1f362914}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{color:var(--ink-950);background:radial-gradient(circle at 82% -12%, #bee0ad3d, transparent 30rem), var(--paper);text-rendering:optimizelegibility;margin:0;font-family:Segoe UI Variable,Segoe UI,system-ui,sans-serif;font-size:15px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #24946a40}.appShell{min-height:100vh}.sidebar{z-index:10;color:#edf6f0;background:linear-gradient(155deg,#264a3759,#0000 42%),#15281e;flex-direction:column;width:228px;padding:27px 18px 22px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:8px 0 30px #0b22151a}.brand{align-items:center;gap:11px;padding:0 9px 28px;display:flex}.brandMark{color:#143121;background:linear-gradient(145deg,#d2f0a0,#8fd38c);border-radius:11px 11px 11px 4px;place-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:grid;box-shadow:0 8px 20px #86d7932e}.brandName{letter-spacing:-.025em;font-size:18px;font-weight:760}.navList{gap:7px;display:grid}.navItem{color:#aebdb3;border:1px solid #0000;border-radius:11px;align-items:center;gap:11px;min-height:44px;padding:0 12px;text-decoration:none;transition:color .15s,background .15s,transform .15s;display:flex}.navItem:hover{color:#f7fbf8;background:#ffffff0f;transform:translate(2px)}.navItemActive{color:#f5fbf7;background:linear-gradient(90deg,#66a67133,#ffffff0d);border-color:#bee7a71f}.navIcon{color:#9fd19f;text-align:center;width:18px;font-size:17px}.externalMark{color:#799185;margin-left:auto}.sidebarFooter{color:#809288;margin-top:auto;padding:0 9px;font-size:11px;line-height:1.55}.environmentPill{color:#b9d9bc;letter-spacing:.11em;background:#a6d39c14;border:1px solid #b5dca72e;border-radius:6px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.mainPanel{min-height:100vh;margin-left:228px}.topbar{z-index:8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f9faf7d1;border-bottom:1px solid #dae2d8e6;justify-content:space-between;align-items:center;min-height:82px;padding:0 38px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.025em;margin:3px 0 0;font-size:19px;font-weight:730}.eyebrow,.cardKicker{color:var(--ink-500);letter-spacing:.15em;margin:0;font-size:9px;font-weight:800}.topbarRight{align-items:center;gap:13px;display:flex}.authStatus{color:var(--ink-500);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800}.authStatus-authenticated{color:var(--green-700)}.authStatus-development{color:var(--amber-600)}.authStatus-login_required,.authStatus-unavailable{color:var(--red-600)}.authAction{white-space:nowrap;min-height:36px;padding-inline:12px;text-decoration:none}.connectionBadge,.statePill,.sipPill,.callStatePill,.roadmapTag,.liveIndicator{border-radius:999px;align-items:center;gap:7px;font-size:11px;font-weight:730;display:inline-flex}.connectionBadge{border:1px solid var(--line);color:var(--ink-600);background:var(--surface);box-shadow:var(--shadow-sm);padding:8px 12px}.statusPulse{background:#99a59f;border-radius:50%;width:7px;height:7px}.connection-online{color:var(--green-700);background:#f4fbf7;border-color:#c9e6d6}.connection-online .statusPulse{background:var(--green-500);animation:2.4s ease-out infinite pulse;box-shadow:0 0 0 4px #24946a1f}.connection-reconnecting,.connection-connecting,.connection-obtaining_ticket{color:var(--amber-600);background:#fffaf0;border-color:#eadcb9}.connection-reconnecting .statusPulse,.connection-connecting .statusPulse,.connection-obtaining_ticket .statusPulse{background:#c1872c}.connection-auth_required,.connection-protocol_error{color:var(--red-600);background:#fff7f6;border-color:#efceca}.avatar{width:38px;height:38px;color:var(--green-700);background:linear-gradient(145deg,#eff9ec,#dcefd9);border:1px solid #cfe0cf;border-radius:12px;place-items:center;font-size:12px;font-weight:800;display:grid}.workspace{width:min(1220px,100%);margin:0 auto;padding:34px 38px 24px}.welcome{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.welcome h2{letter-spacing:-.045em;margin:6px 0 5px;font-size:clamp(24px,2.4vw,32px);font-weight:730}.welcome p:last-child{color:var(--ink-600);margin:0}.iconButton{border:1px solid var(--line);width:42px;height:42px;color:var(--ink-600);background:var(--surface);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:12px;place-items:center;font-size:20px;transition:border-color .15s,transform .15s;display:grid}.iconButton:hover:not(:disabled){border-color:#b9cbbd;transform:rotate(12deg)}.iconButton:disabled{cursor:wait;opacity:.55}.notice{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:11px;align-items:center;gap:9px;margin-bottom:18px;padding:11px 14px;font-size:13px;display:flex}.notice>span{border-radius:50%;place-items:center;width:18px;height:18px;font-weight:800;display:grid}.notice-success{color:var(--green-700);background:#f4fbf7;border-color:#c9e6d6}.notice-success>span{background:var(--green-100)}.notice-warning{color:var(--amber-600);background:#fffaf0;border-color:#eadcb9}.notice-warning>span{background:var(--amber-100)}.notice-danger{color:var(--red-600);background:#fff7f6;border-color:#efceca}.notice-danger>span{background:var(--red-100)}.notice-info{color:var(--blue-600);background:#f5f9fd;border-color:#cedcea}.summaryGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:18px;display:grid}.summaryCard{border:1px solid var(--line);min-height:112px;box-shadow:var(--shadow-sm);background:#ffffffe0;border-radius:15px;align-content:center;padding:18px 20px;display:grid}.summaryLabel{color:var(--ink-500);font-size:11px;font-weight:660}.summaryValue{letter-spacing:-.035em;margin-top:6px;font-size:22px;font-weight:760}.summaryMeta{color:var(--ink-500);margin-top:3px;font-size:11px}.stateText-AVAILABLE{color:var(--green-600)}.stateText-PAUSED,.stateText-WRAP_UP,.stateText-RINGING{color:var(--amber-600)}.stateText-IN_CALL{color:var(--blue-600)}.contentGrid{grid-template-columns:minmax(310px,.85fr) minmax(390px,1.15fr);gap:18px;display:grid}.card{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow-sm);background:#fffffff0;border-radius:17px;padding:22px;transition:border-color .18s,box-shadow .18s,transform .18s}.card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.cardHeader{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.cardHeader h3{letter-spacing:-.025em;margin:5px 0 0;font-size:17px;font-weight:730}.statePill,.sipPill,.callStatePill,.roadmapTag{border:1px solid var(--line);color:var(--ink-600);background:#f7f8f5;padding:6px 9px}.statePill-AVAILABLE,.sipPill-registered{color:var(--green-700);background:#f0faf4;border-color:#c7e5d3}.statePill-PAUSED,.statePill-WRAP_UP,.statePill-RINGING,.sipPill-ringing,.sipPill-connecting{color:var(--amber-600);background:#fff8ea;border-color:#ecdcb5}.statePill-IN_CALL,.sipPill-in_call{color:var(--blue-600);background:#f2f7fc;border-color:#ccdaea}.sipPill-error{color:var(--red-600);background:#fff5f4;border-color:#edcfca}.callStatePill-created,.callStatePill-ringing{color:var(--amber-600);background:#fff8ea;border-color:#ecdcb5}.callStatePill-answered{color:var(--blue-600);background:#f2f7fc;border-color:#ccdaea}.callStatePill-ended{color:var(--ink-600);background:#f4f6f2;border-color:#d8dfd6}.stateOrb{background:#eef1ec;border-radius:50%;place-items:center;width:84px;height:84px;margin:28px auto 17px;display:grid;position:relative}.stateOrb:before,.stateOrb:after{border-radius:inherit;content:"";position:absolute}.stateOrb:before{border:1px solid #fffc;inset:8px}.stateOrb:after{border:1px dashed #d8dfd6;inset:-8px}.stateOrb span{background:#8d9a92;border:6px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 5px 13px #2f46392e}.stateOrb-AVAILABLE{background:radial-gradient(circle,#b4e5c9,#e5f6ec)}.stateOrb-AVAILABLE span{background:var(--green-500)}.stateOrb-AVAILABLE:after{border-color:#bcdcc8;animation:9s linear infinite orbit}.stateOrb-PAUSED,.stateOrb-WRAP_UP,.stateOrb-RINGING{background:radial-gradient(circle,#f5d99f,#fff4d9)}.stateOrb-PAUSED span,.stateOrb-WRAP_UP span,.stateOrb-RINGING span{background:#c1872c}.stateOrb-IN_CALL{background:radial-gradient(circle,#bfd6ee,#e9f2fa)}.stateOrb-IN_CALL span{background:var(--blue-600)}.stateExplanation{min-height:42px;color:var(--ink-600);text-align:center;margin:0 auto 20px;font-size:13px;line-height:1.55}.stateActions{gap:10px;display:grid}.stateActionsInline{grid-template-columns:1fr auto}.pauseControl{grid-template-columns:1fr auto;gap:8px;display:grid}.pauseControl label{color:var(--ink-500);grid-column:1/-1;font-size:10px;font-weight:700}.pauseControl select,.stackForm input,.callForm input{border:1px solid var(--line-strong);width:100%;min-width:0;color:var(--ink-950);background:#fbfcfa;border-radius:10px}.pauseControl select{padding:0 11px}.controlHint{color:var(--ink-600);text-align:center;background:#f4f6f2;border-radius:10px;margin:0;padding:12px;font-size:12px;line-height:1.5}.button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:12px;font-weight:750;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.48}.buttonPrimary{color:#fff;background:linear-gradient(145deg, var(--green-500), var(--green-700));box-shadow:0 8px 17px #1c7d5926}.buttonSecondary{color:var(--green-700);background:#eef7f0;border-color:#d8e2d5}.buttonGhost{border-color:var(--line);color:var(--ink-600);background:#fff}.buttonDark{color:#eff7f2;background:var(--ink-950)}.buttonDanger{color:#fff;background:var(--red-600)}.buttonFull{width:100%}.buttonDot{background:var(--lime-300);border-radius:50%;width:7px;height:7px}.leaseLine{color:var(--ink-500);border-top:1px solid #eef1ec;justify-content:center;align-items:center;gap:6px;margin-top:17px;padding-top:14px;font-size:10px;display:flex}.tinyDot{background:#a4aea8;border-radius:50%;width:6px;height:6px}.tinyDotOk{background:var(--green-500)}.cardDescription{min-height:21px;color:var(--ink-600);margin:17px 0 15px;font-size:12px}.stackForm{gap:10px;display:grid}.stackForm label,.callForm label{color:var(--ink-800);gap:3px;font-size:11px;font-weight:730;display:grid}.stackForm label span{color:var(--ink-500);font-size:9px;font-weight:520}.stackForm input,.callForm input{height:43px;padding:0 12px}.microphoneCheck{border:1px solid var(--line);background:#f7f9f6;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:15px;padding:12px;display:grid}.microphoneCheck strong{color:var(--ink-800);font-size:11px}.microphoneCheck p{color:var(--ink-600);margin:3px 0 0;font-size:10px;line-height:1.45}@media (max-width:560px){.microphoneCheck{grid-template-columns:1fr}.microphoneCheck .button{width:100%}}.stackForm input::placeholder{color:#a3ada7}.sipControls{grid-template-columns:1fr auto;align-items:center;gap:9px;display:grid}.sipIdentity{align-items:center;gap:10px;min-width:0;display:flex}.sipIdentity div{display:grid}.sipIdentity span{color:var(--ink-500);font-size:10px}.sipIdentity strong{font-size:17px}.phoneGlyph{background:var(--green-100);border-radius:11px;place-items:center;width:39px;height:39px;display:grid;color:var(--green-700)!important;font-size:17px!important}.cardDivider{background:#edf0eb;height:1px;margin:19px 0}.callForm{gap:8px;display:grid}.inputAction{grid-template-columns:minmax(120px,1fr) auto;gap:8px;display:grid}.callForm p{color:var(--ink-500);margin:0;font-size:9px}.liveIndicator{color:var(--green-700);background:var(--green-100);letter-spacing:.08em;padding:5px 8px;font-size:8px}.liveIndicator>span{background:var(--green-500);border-radius:50%;width:6px;height:6px;animation:2.4s ease-out infinite pulse}.activityList{gap:0;max-height:282px;margin-top:17px;display:grid;overflow:auto}.activityItem{border-bottom:1px solid #eef1ec;grid-template-columns:12px 1fr;gap:10px;padding:10px 0;display:grid}.activityItem:last-child{border-bottom:0}.activityItem p{color:var(--ink-800);margin:0;font-size:11px;line-height:1.45}.activityItem time{color:var(--ink-500);font-size:9px}.activityMarker{background:#9aa69f;border:2px solid #fff;border-radius:50%;width:7px;height:7px;margin-top:4px;box-shadow:0 0 0 1px #cfd7d1}.activityMarker-connected,.activityMarker-presence{background:var(--green-500)}.activityMarker-state{background:var(--blue-600)}.activityMarker-call{background:#7657a8}.activityMarker-warning{background:#c1872c}.emptyState{min-height:190px;color:var(--ink-500);text-align:center;place-content:center;display:grid}.emptyState span{font-size:27px}.emptyState p{margin:8px 0 0;font-size:11px}.roadmapTag{color:var(--green-700);letter-spacing:.06em;background:#f3f8f1;border-color:#d5dfd1}.contextPlaceholder{text-align:center;place-content:center;min-height:205px;padding:25px;display:grid}.contextIcon{width:48px;height:48px;color:var(--green-700);background:#f2f7f0;border:1px solid #dce4d9;border-radius:14px;place-items:center;margin:0 auto 13px;font-size:21px;display:grid}.contextPlaceholder h4{margin:0;font-size:14px}.contextPlaceholder p{max-width:370px;color:var(--ink-500);margin:8px auto 0;font-size:11px;line-height:1.55}.callContext{gap:17px;padding:22px 0 18px;display:grid}.callHero{background:linear-gradient(110deg,#dff4e980,#0000 68%),#f9fbf8;border:1px solid #e0e7de;border-radius:13px;align-items:center;gap:13px;min-width:0;padding:15px;display:flex}.callDirectionIcon{width:46px;height:46px;color:var(--green-700);background:var(--green-100);border-radius:13px;flex:none;place-items:center;font-size:22px;font-weight:750;display:grid}.callDirectionIcon-inbound{color:var(--blue-600);background:var(--blue-100)}.callDirectionIcon-unknown{color:var(--ink-600);background:#e9ede8}.callHero>div{min-width:0;display:grid}.callHero span,.callHero small{color:var(--ink-500);letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:670}.callHero strong{letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;margin:2px 0;font-size:21px;font-weight:760;overflow:hidden}.callDetails{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;display:grid}.callDetails>div{background:#fbfcfa;border:1px solid #e8ece6;border-radius:10px;min-width:0;padding:11px 12px}.callDetails dt{color:var(--ink-500);font-size:9px;font-weight:700}.callDetails dd{overflow-wrap:anywhere;margin:4px 0 0;font-size:11px;font-weight:690}.hangupCause{border-left:3px solid var(--amber-600);color:var(--ink-600);background:#fffaf0;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:10px;display:flex}.hangupCause strong{color:var(--ink-800);overflow-wrap:anywhere;text-align:right;font-size:11px}.callSessionId{overflow-wrap:anywhere;color:var(--ink-500);margin:0;font-size:9px}.callSessionId code{color:var(--ink-600);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.contextFooter{border-top:1px solid #eef1ec;flex-wrap:wrap;gap:6px;padding-top:14px;display:flex}.contextFooter span{color:var(--ink-500);background:#f4f6f2;border-radius:6px;padding:5px 8px;font-size:9px;font-weight:640}.workspaceFooter{color:var(--ink-500);justify-content:space-between;gap:20px;padding:20px 2px 0;font-size:9px;display:flex}.workspaceFooter code{color:var(--green-700);background:var(--green-100);border-radius:4px;padding:2px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@keyframes pulse{0%{box-shadow:0 0 #24946a47}70%{box-shadow:0 0 0 7px #24946a00}to{box-shadow:0 0 #24946a00}}@keyframes orbit{to{transform:rotate(360deg)}}@media (max-width:960px){.sidebar{flex-direction:row;align-items:center;width:100%;min-height:auto;padding:12px 18px;position:static}.brand{padding:0}.navList{margin-left:auto;display:flex}.navItem{min-height:40px}.navIcon,.externalMark,.sidebarFooter{display:none}.mainPanel{margin-left:0}.topbar{top:64px}}@media (max-width:760px){.topbar{padding:0 20px}.topbarRight .connectionBadge{max-width:145px}.authStatus{display:none}.workspace{padding:26px 20px 20px}.summaryGrid,.contentGrid{grid-template-columns:1fr}.summaryGrid{gap:9px}.summaryCard{min-height:92px}}@media (max-width:560px){.sidebar{overflow-x:auto}.brandName{display:none}.navItem{white-space:nowrap;padding:0 9px;font-size:11px}.topbar{min-height:70px;top:61px}.topbar h1{font-size:16px}.connectionBadge{padding:7px 9px;font-size:9px}.authAction{min-height:34px;padding-inline:9px;font-size:10px}.avatar{display:none}.welcome h2{font-size:24px}.card{padding:18px}.pauseControl,.inputAction,.stateActionsInline,.sipControls,.callDetails{grid-template-columns:1fr}.workspaceFooter{flex-direction:column;gap:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.historyCard{margin-top:24px;padding:24px}.historyFilters{flex-wrap:wrap;align-items:end;gap:12px;margin:18px 0;display:flex}.historyFilters label{gap:6px;font-size:.85rem;display:grid}.historyFilters select,.historyFilters input{border:1px solid var(--line-strong);background:var(--surface);min-height:42px;color:var(--ink-950);border-radius:8px;padding:8px}.historyList{padding:0;list-style:none}.historyList li{border-bottom:1px solid var(--line);padding:12px 0}.historyList summary{cursor:pointer;padding:8px}.historyIdentifier{overflow-wrap:anywhere}.historyPagination{gap:12px;margin-top:16px;display:flex}.historyCard :focus-visible{outline:3px solid var(--green-700);outline-offset:3px}