.settings-backdrop{z-index:1000;-webkit-backdrop-filter:blur(7px);background:#101e2659;justify-content:center;align-items:center;padding:24px;animation:.15s settings-backdrop-in;display:flex;position:fixed;inset:0;overflow:auto}.settings-dialog{--settings-text:var(--text,#192d37);--settings-muted:var(--muted,#7b898e);--settings-border:var(--border,#e6e9e5);--settings-accent:var(--accent,#137b72);border:1px solid var(--settings-border);width:100%;max-width:468px;max-height:calc(100dvh - 48px);color:var(--settings-text);background:var(--surface,#fffefa);border-radius:23px;padding:34px;animation:.18s settings-dialog-in;position:relative;overflow:auto;box-shadow:0 32px 100px #12222c36,0 5px 16px #12222c14}.settings-dialog button,.settings-dialog input,.settings-dialog select{font:inherit}.settings-dialog button{cursor:pointer}.settings-dialog button:disabled{cursor:wait;opacity:.6}.settings-dialog button:focus-visible,.settings-dialog input:focus-visible,.settings-dialog select:focus-visible{outline:3px solid color-mix(in srgb, var(--settings-accent) 30%, transparent);outline-offset:3px}.settings-close{width:30px;height:30px;color:var(--settings-muted);background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:19px;right:19px}.settings-close:hover{background:var(--surface-alt,#f1f3ee);color:var(--settings-text)}.login-symbol,.settings-dialog-icon{border:1px solid color-mix(in srgb, var(--settings-accent) 16%, transparent);background:color-mix(in srgb, var(--settings-accent) 7%, transparent);width:49px;height:49px;color:var(--settings-accent);border-radius:15px;place-items:center;margin:1px 0 24px;display:grid}.settings-eyebrow{letter-spacing:1.7px;color:var(--settings-muted);font-size:9px;font-weight:650}.settings-dialog h2{letter-spacing:-1px;margin:9px 0 12px;font-size:27px;font-weight:550;line-height:1.2}.settings-intro{color:var(--settings-muted);margin:0 0 27px;font-size:12px;line-height:1.8}.settings-form{flex-direction:column;gap:9px;display:flex}.settings-form label{margin-top:8px;font-size:11px;font-weight:600}.settings-form label:first-child{margin-top:0}.settings-form input,.audio-section select{box-sizing:border-box;border:1px solid var(--settings-border);background:var(--surface-alt,#f8f9f5);width:100%;height:43px;color:var(--settings-text);border-radius:9px;padding:0 13px;font-size:12px;transition:border-color .15s}.settings-form input::placeholder{color:var(--settings-muted);opacity:.85}.settings-form input:focus,.audio-section select:focus{border-color:var(--settings-accent)}.settings-field-hint{color:var(--settings-muted);margin:0;font-size:10px;line-height:1.65}.settings-password{position:relative}.settings-password input{padding-right:44px}.settings-password button{width:33px;height:33px;color:var(--settings-muted);background:0 0;border:0;border-radius:7px;place-items:center;display:grid;position:absolute;top:5px;right:5px}.settings-password button:hover{color:var(--settings-text)}.settings-primary,.settings-secondary{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:44px;display:flex;font-size:12px!important;font-weight:600!important}.settings-primary{background:var(--settings-accent);color:#fff;box-shadow:0 4px 10px color-mix(in srgb, var(--settings-accent) 13%, transparent);margin-top:17px}.settings-primary:hover:not(:disabled){filter:brightness(1.08)}.settings-secondary{border-color:var(--settings-border);color:var(--settings-text);background:0 0}.settings-secondary:hover:not(:disabled){background:var(--surface-alt,#f5f7f2)}.settings-error{border:1px solid color-mix(in srgb, var(--danger,#cf514f) 20%, transparent);background:color-mix(in srgb, var(--danger,#cf514f) 5%, transparent);color:var(--danger,#b5413f);border-radius:8px;padding:11px 13px;font-size:11px;line-height:1.65}.login-divider{align-items:center;gap:13px;margin:22px 0 17px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--settings-border);flex:1;height:1px}.login-divider span{letter-spacing:1.15px;color:var(--settings-muted);font-size:8px;font-weight:600}.login-demo-note{text-align:center;margin-top:8px}.login-microsoft{margin-top:6px}.login-microsoft-mark{flex:0 0 16px;width:16px;height:16px}.login-microsoft-cancel{min-height:36px;margin-top:8px}.login-auth-divider{margin:20px 0 16px}.login-trust{color:var(--settings-muted);justify-content:center;align-items:center;gap:7px;margin-top:26px;font-size:9px;display:flex}.audio-dialog{max-width:478px}.audio-section{margin:22px 0}.audio-section-heading{color:var(--settings-text);align-items:center;gap:9px;margin-bottom:13px;display:flex}.audio-section-heading h3{margin:0;font-size:12px;font-weight:600}.audio-section-heading>span{letter-spacing:1.2px;color:var(--settings-muted);margin-left:auto;font-size:8px}.audio-section select{appearance:auto;padding-right:9px}.audio-section select:disabled{opacity:.6}.audio-meter{align-items:center;gap:4px;height:29px;margin:15px 0 6px;display:flex}.audio-meter span{background:var(--settings-border);border-radius:3px;flex:1;height:13px;transition:background .1s}.audio-meter span.is-active{background:var(--settings-accent)}.audio-test-row{justify-content:space-between;align-items:center;gap:9px;margin:12px 0 8px;display:flex}.audio-test-row>span{max-width:195px;color:var(--settings-muted);font-size:10px;line-height:1.6}.settings-small-button{border:1px solid var(--settings-border);background:var(--surface,#fffefa);min-width:101px;min-height:33px;color:var(--settings-text);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:7px 11px;display:flex;font-size:10px!important;font-weight:550!important}.settings-small-button:hover:not(:disabled){border-color:var(--settings-accent);color:var(--settings-accent)}.audio-permission{border-top:1px solid var(--settings-border);color:var(--settings-muted);align-items:flex-start;gap:10px;margin-top:26px;padding-top:19px;display:flex}.audio-permission svg{flex-shrink:0;margin-top:1px}.audio-permission p{margin:0;font-size:10px;line-height:1.75}.settings-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes settings-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes settings-dialog-in{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=540px){.settings-backdrop{padding:14px}.settings-dialog{border-radius:18px;max-height:calc(100dvh - 28px);padding:28px 23px}.settings-dialog h2{font-size:25px}.audio-test-row>span{max-width:160px}}@media (prefers-reduced-motion:reduce){.settings-backdrop,.settings-dialog{animation:none}.audio-meter span{transition:none}}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f7f8f5;--surface:#fff;--surface-alt:#f6f8f5;--text:#223936;--muted:#5f716b;--border:#e8ece7;--accent:#167c6b;--accent-soft:#eaf4ef;--danger:#e75758;--shadow:0 4px 18px #203a2c06;--sidebar:#f0f3ee;--hero:#eff5f0;--input:#f7f9f6;background:#f7f8f5;font-family:Manrope Variable,Manrope,Arial,sans-serif}:root[data-theme=graphite]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141b20;--surface:#1c252c;--surface-alt:#222d35;--text:#e1e8ed;--muted:#98a6b2;--border:#303b43;--accent:#a796f4;--accent-soft:#302b45;--danger:#fa6b76;--shadow:0 4px 18px #00000012;--sidebar:#172027;--hero:#252638;--input:#242e36}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}input,textarea{outline:none}button,input,textarea,select,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:3px}input:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent);border-color:var(--accent)!important}button{transition:background .16s,color .16s,transform .16s,border-color .16s}svg{stroke-width:1.7px;flex-shrink:0}h1,h2,h3,p{margin:0}button{color:var(--text)}.app-shell{background:var(--bg);min-height:100dvh;display:flex}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);z-index:20;flex-direction:column;flex-shrink:0;align-items:center;width:90px;padding:29px 12px 21px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1.5px;color:var(--text);align-items:center;gap:9px;font-size:27px;font-weight:800;line-height:1;display:flex}.brand-symbol{width:31px;height:34px;color:var(--accent);align-items:center;display:flex}.brand-symbol svg{width:30px}.brand-period{color:var(--accent)}.brand.compact .brand-symbol{background:var(--accent);color:#fff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.brand.compact .brand-symbol svg{width:28px}.sidebar-navigation{flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:37px;display:flex}.nav-section-dot{background:var(--border);border-radius:8px;width:16px;height:3px;margin:0 0 14px}.nav-item{width:62px;height:59px;color:var(--muted);background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.nav-item span{font-size:9px;font-weight:600}.nav-item:hover{background:var(--border);color:var(--text)}.nav-item.active{color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--sidebar))}.nav-item.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:20px;left:-13px}.nav-divider{background:var(--border);width:27px;height:1px;margin:13px 0}.sidebar-bottom{flex-direction:column;align-items:center;gap:20px;margin-top:auto;display:flex}.sidebar-online{background:#43a581;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #43a5810e}.main-shell{width:calc(100% - 90px);min-width:0;margin-left:90px}.topbar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 45%, var(--bg));justify-content:space-between;align-items:center;gap:20px;height:86px;padding:0 39px;display:flex}.topbar-left,.topbar-actions{align-items:center;gap:20px;display:flex}.topbar-divider{background:var(--border);width:1px;height:23px}.workspace-name{color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.topbar-actions{gap:15px}.icon-button{width:31px;height:31px;color:var(--muted);background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.layout-switch{background:var(--surface-alt);border:1px solid var(--border);border-radius:8px;gap:3px;padding:3px;display:flex}.layout-switch button{width:30px;height:25px;color:var(--muted);background:0 0;border-radius:5px;place-items:center;display:grid}.layout-switch button.active{color:var(--accent);background:var(--surface);box-shadow:0 1px 5px #253e3220}.user-button{text-align:left;background:0 0;align-items:center;gap:11px;display:flex}.user-button>span:nth-child(2){flex-direction:column;gap:4px;display:flex}.user-button strong{font-size:11px;font-weight:700}.user-button small{color:var(--muted);font-size:9px}.user-avatar{color:#605943;border:3px solid var(--surface);background:#e7dfc9;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}.user-button>svg{color:var(--muted);margin-left:5px}.workspace{max-width:1620px;margin:auto;padding:34px 38px 0}.workspace-intro{justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px;display:flex}.eyebrow{letter-spacing:1.75px;color:var(--muted);align-items:center;gap:7px;margin-bottom:9px;font-size:9px;font-weight:700;display:flex}.eyebrow span{background:var(--accent);border-radius:50%;width:5px;height:5px}h1{letter-spacing:-1.15px;font-size:29px;font-weight:650;line-height:1.4}.workspace-intro p{color:var(--muted);margin-top:7px;font-size:11px;line-height:1.7}.intro-actions{align-items:center;gap:13px;display:flex}.demo-badge{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.button{letter-spacing:-.1px;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:38px;padding:10px 15px;font-size:11px;font-weight:650;display:inline-flex}.button-outline{background:var(--surface);border:1px solid var(--border);color:var(--text);box-shadow:0 2px 3px #17352303}.button-outline:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.button-primary{color:#fff;background:var(--accent);border:1px solid #0000}.button-primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 5px 15px color-mix(in srgb, var(--accent) 15%, transparent)}[data-theme=graphite] .button-primary{color:#191623}.overview-row{grid-template-columns:1fr 1fr 1fr;gap:17px;margin-bottom:24px;display:grid}.overview-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:13px;min-height:87px;padding:17px 19px;display:flex}.overview-icon{border-radius:11px;flex-shrink:0;place-items:center;width:41px;height:41px;display:grid}.mint{color:#6d9a7b;background:#eef6ef}.lavender{color:#9986ba;background:#f3f0fa}.peach{color:#c3a18b;background:#fbf3ec}[data-theme=graphite] .mint{color:#93b39a;background:#293b32}[data-theme=graphite] .lavender{color:#b09ccd;background:#352f45}[data-theme=graphite] .peach{color:#c9af98;background:#3c3530}.overview-card>div>span{color:var(--muted);font-size:10px}.overview-card strong{letter-spacing:-.8px;align-items:baseline;gap:8px;margin-top:5px;font-size:21px;font-weight:650;line-height:1.2;display:flex}.overview-card strong small{letter-spacing:0;color:var(--muted);font-size:9px;font-weight:500}.overview-sparkline{color:#9ab7a1;width:57px;margin-top:10px;margin-left:auto}.overview-sparkline svg{width:100%}.overview-muted{color:var(--muted);margin-left:auto;font-size:9px}.connection-overview strong{letter-spacing:-.3px;gap:10px;font-size:15px}.status-pill{color:#699875;background:#edf7ef;border-radius:5px;align-items:center;gap:5px;margin-left:auto;padding:4px 7px;font-size:8px;font-weight:600;display:inline-flex}.status-pill.offline{color:var(--muted);background:var(--surface-alt)}[data-theme=graphite] .status-pill{color:#8cb998;background:#233a2d}.status-dot{background:#5aaf80;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.status-dot.offline{background:var(--muted)}.workspace-grid{grid-template-columns:minmax(245px,1fr) minmax(315px,1.25fr) minmax(270px,1.03fr);align-items:start;gap:22px;display:grid}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;min-width:0}.section-heading{justify-content:space-between;align-items:center;gap:10px;padding:19px 21px;display:flex}.section-heading h2{letter-spacing:-.2px;align-items:center;gap:9px;font-size:13px;font-weight:750;display:flex}.section-heading h2>span{color:var(--muted);background:var(--surface-alt);border-radius:5px;padding:3px 6px;font-size:9px;font-weight:600}.search-field{border:1px solid var(--border);background:var(--input);height:37px;color:var(--muted);border-radius:7px;align-items:center;gap:8px;min-width:0;padding:0 11px;display:flex}.contacts-card .search-field{margin:0 20px}.search-field input{min-width:0;color:var(--text);background:0 0;border:0;flex:1;width:100%;height:100%;font-size:10px}.search-field input::placeholder{color:var(--muted)}.search-field kbd{border:1px solid var(--border);white-space:nowrap;border-radius:3px;padding:1px 3px;font-family:inherit;font-size:8px}.filter-tabs{gap:18px;padding:14px 20px 11px;display:flex}.filter-tabs button{color:var(--muted);background:0 0;border-bottom:2px solid #0000;align-items:center;gap:5px;padding:6px 1px;font-size:10px;display:flex}.filter-tabs button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.contact-list{scrollbar-width:thin;scrollbar-color:var(--border) transparent;max-height:407px;padding:0 10px 6px;overflow-y:auto}.contact-row{text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:11px;width:100%;min-height:60px;padding:9px 10px;display:flex}.contact-row:hover{background:var(--surface-alt)}.contact-row.selected{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 9%, transparent)}.avatar{letter-spacing:-.4px;border-radius:50%;flex-shrink:0;place-items:center;width:35px;height:35px;font-size:12px;font-weight:650;line-height:1;display:inline-grid;position:relative}.avatar-small{width:25px;height:25px;font-size:9px}.avatar-large{width:56px;height:56px;font-size:20px;font-weight:550}.avatar-hero{border:6px solid color-mix(in srgb, var(--surface) 60%, transparent);width:92px;height:92px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 11%, transparent), 0 5px 18px color-mix(in srgb, var(--accent) 8%, transparent);font-size:32px;font-weight:500}.avatar-teal{color:#366f69;background:linear-gradient(135deg,#d7eae0,#b8d7cf)}.avatar-sage{color:#66776b;background:#e4e9e1}.avatar-rose{color:#ae6574;background:#f1dfe1}.avatar-mint{color:#669684;background:#e0f0e7}.avatar-sand{color:#9c8b71;background:#ede9dc}.avatar-blue{color:#618aa9;background:#e0edf3}.avatar-lilac{color:#877399;background:#ede5f6}.avatar-peach{color:#b58870;background:#f2e2d3}[data-theme=graphite] .avatar{filter:saturate(.8)brightness(.85)}.presence-dot{border:2px solid var(--surface);background:#6bb28b;border-radius:50%;width:8px;height:8px;position:absolute;bottom:0;right:-1px}.presence-dot.busy{background:#e38d91}.presence-dot.away{background:#d5b16b}.presence-dot.offline{background:#b7c0b9}.contact-row-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.contact-row-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;overflow:hidden}.contact-row-text>span{color:var(--muted);font-size:9px}.contact-favorite{color:#b0beb0;flex-shrink:0}.contact-row-call{opacity:0;width:24px;height:25px;color:var(--accent);background:var(--surface);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.contact-row:hover .contact-row-call,.contact-row:focus-within .contact-row-call{opacity:1}.contacts-bottom{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;padding:17px 20px;font-size:9px;display:flex}.contacts-bottom>span{align-items:center;gap:6px;display:flex}.text-button{color:var(--accent);background:0 0;align-items:center;gap:5px;padding:0;font-size:10px;font-weight:600;display:inline-flex}.text-button:hover{text-decoration:underline}.phone-card{min-height:592px;position:relative;overflow:hidden}.phone-card-heading{border-bottom:1px solid var(--border);align-items:center;gap:9px;padding:17px 20px;display:flex}.heading-icon{color:var(--accent);display:flex}.phone-card-heading h2{font-size:12px;font-weight:700}.extension-chip{letter-spacing:.7px;color:var(--muted);border:1px solid var(--border);border-radius:5px;margin-left:auto;padding:4px 7px;font-size:8px;font-weight:700}.phone-card-heading>.icon-button{width:26px;height:25px;margin-right:-5px}.phone-status{justify-content:space-between;align-items:center;gap:10px;padding:15px 21px 6px;display:flex}.availability{color:var(--accent);background:0 0;align-items:center;gap:6px;padding:0;font-size:9px;font-weight:600;display:flex}.availability.dnd .status-dot{background:#d5aa63}.simulation-tag{letter-spacing:.2px;color:var(--muted);font-size:8px}.idle-phone{text-align:center;padding:9px 28px 20px}.idle-phone-icon{background:var(--accent-soft);width:53px;height:53px;color:var(--accent);border-radius:17px;place-items:center;margin:9px auto 12px;display:grid;position:relative}.idle-phone-icon>span{border:3px solid var(--surface);background:#62ac84;border-radius:50%;width:11px;height:11px;position:absolute;bottom:4px;right:-2px}.idle-phone h3{letter-spacing:-.55px;font-size:18px;font-weight:650}.idle-phone p{color:var(--muted);margin:7px 0 18px;font-size:10px}.number-input{border-bottom:1px solid var(--border);align-items:center;height:43px;margin-bottom:14px;padding-bottom:7px;display:flex}.number-input input{color:var(--text);letter-spacing:.4px;text-align:center;background:0 0;border:0;width:100%;min-width:0;padding-left:25px;font-size:19px}.number-input input::placeholder{letter-spacing:-.4px;color:#a3ada7;font-size:15px}.number-input>.icon-button{width:25px;height:29px}.dial-pad{grid-template-columns:1fr 1fr 1fr;gap:6px 16px;max-width:265px;margin:0 auto 17px;display:grid}.dial-pad button{background:0 0;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:53px;display:flex}.dial-pad button:hover{background:var(--accent-soft);color:var(--accent)}.dial-pad button strong{font-size:23px;font-weight:500;line-height:1}.dial-pad button small{letter-spacing:1.4px;color:var(--muted);font-size:7px}.dial-button{width:100%;height:44px;box-shadow:0 5px 10px color-mix(in srgb, var(--accent) 10%, transparent);gap:11px;font-size:12px}.suggested-call{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--muted);border-radius:8px;align-items:center;gap:9px;margin-top:12px;padding:9px 10px;font-size:9px;display:flex}.suggested-call:hover{border-color:var(--accent)}.suggested-call strong{color:var(--text);font-weight:650}.suggested-call>svg{color:var(--accent);margin-left:auto}.phone-card-footer{border-top:1px solid var(--border);color:var(--muted);background:color-mix(in srgb, var(--surface-alt) 45%, var(--surface));justify-content:space-between;align-items:center;padding:14px 20px;font-size:8px;display:flex}.phone-card-footer>span{align-items:center;gap:6px;display:flex}.phone-card-footer button{color:var(--accent);background:0 0;align-items:center;gap:7px;padding:0;display:flex}.phone-card-footer button>span{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:3px 4px;font-size:7px;font-weight:600}.line-tabs{gap:6px;margin:10px 20px 0;display:flex}.line-tabs button{border:1px solid var(--border);height:31px;color:var(--muted);background:var(--surface-alt);border-radius:6px;flex:1;justify-content:center;align-items:center;gap:7px;font-size:9px;display:flex}.line-tabs button.active{border-color:color-mix(in srgb, var(--accent) 25%, transparent);background:var(--accent-soft);color:var(--accent)}.line-dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.line-dot.held{background:#ceaa6c}.call-person{text-align:center;padding:27px 20px 8px}.call-person>.avatar{margin-bottom:20px}.call-direction{letter-spacing:1.3px;color:var(--muted);margin-bottom:8px;font-size:7px;font-weight:600;display:block}.call-person h2{letter-spacing:-.9px;font-size:25px;font-weight:650;line-height:1.2}.call-person p{color:var(--muted);margin-top:7px;font-size:11px}.call-time{letter-spacing:-1px;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;min-height:45px;margin-top:15px;font-size:29px;font-weight:550;display:flex}.call-time .incoming-copy{letter-spacing:0;color:var(--muted);font-size:12px;font-weight:500}.waveform{justify-content:center;align-items:center;gap:3px;height:37px;margin:4px 0 12px;display:flex}.waveform span{background:var(--accent);opacity:.5;border-radius:3px;width:3px}.waveform.playing span{opacity:.7;animation:1.25s ease-in-out infinite alternate wave}.on-hold .waveform span{background:#c9af76;animation:none}.on-hold .call-direction{color:#b2955e}.call-controls{grid-template-columns:1fr 1fr 1fr;gap:16px 13px;max-width:285px;margin:0 auto 25px;display:grid}.call-control{color:var(--text);background:0 0;flex-direction:column;align-items:center;gap:9px;padding:0;display:flex}.call-control>span{border:1px solid var(--border);background:var(--surface-alt);border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.call-control small{white-space:nowrap;color:var(--muted);font-size:9px}.call-control:hover:not(:disabled)>span,.call-control.is-on>span{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 16%, transparent)}.call-control.is-on small{color:var(--accent)}.hangup-button{background:var(--danger);color:#fff;width:54px;height:54px;box-shadow:0 6px 16px color-mix(in srgb, var(--danger) 18%, transparent);border-radius:50%;place-items:center;margin:0 auto;display:grid}.hangup-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.hangup-label{text-align:center;color:var(--muted);margin:10px 0 27px;font-size:9px;display:block}.incoming-actions{justify-content:center;align-items:center;gap:18px;margin:30px 0 81px;display:flex}.incoming-actions .hangup-button{width:48px;height:48px;margin:0}.answer-button{background:var(--accent);color:#fff;gap:12px;height:48px;padding:0 23px;font-size:12px}.dtmf-value{letter-spacing:2px;color:var(--muted);margin-bottom:4px;padding:10px;font-size:17px}.call-person .dial-pad{margin-bottom:14px}.call-person .dial-pad button{height:40px}.call-person .dial-pad button strong{font-size:20px}.back-inline{color:var(--muted);background:0 0;align-items:center;gap:7px;margin:7px 0 15px;font-size:9px;display:flex}.quality-panel{border-top:1px solid var(--border);padding:16px 20px}.quality-panel strong{font-size:10px}.quality-panel p{color:var(--muted);margin:7px 0 11px;font-size:9px;line-height:1.9}.context-tabs{border-bottom:1px solid var(--border);align-items:center;gap:26px;height:58px;padding:0 20px;display:flex}.context-tabs>button:not(.icon-button){height:100%;color:var(--muted);background:0 0;border-bottom:2px solid #0000;align-items:center;gap:5px;padding:0 1px;font-size:11px;display:flex}.context-tabs>button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.context-tabs>button>span{background:var(--muted);border-radius:50%;width:4px;height:4px}.context-tabs>.icon-button{width:23px;margin-left:auto}.context-profile{padding:25px 23px 19px;position:relative}.context-profile>.icon-button{position:absolute;top:25px;right:19px}.starred{color:#d8b575!important}.context-profile h2{letter-spacing:-.55px;margin-top:15px;font-size:18px;font-weight:650}.context-profile>p{color:var(--muted);margin-top:5px;font-size:10px}.contact-presence{color:#70a88a;white-space:nowrap;background:#f0f7f2;border-radius:5px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;display:inline-flex}.context-profile .contact-presence{margin-top:11px}.contact-presence.busy{color:#c58187;background:#fcf0f1}.contact-presence.busy .status-dot{background:#c58187}.contact-presence.away{color:#bc9d65;background:#faf6eb}.contact-presence.away .status-dot{background:#bc9d65}.contact-presence.offline{color:var(--muted);background:var(--surface-alt)}.contact-presence.offline .status-dot{background:var(--muted)}[data-theme=graphite] .contact-presence{color:#94b7a3;background:#263b30}[data-theme=graphite] .contact-presence.busy{color:#ca949e;background:#3d2d36}[data-theme=graphite] .contact-presence.away{color:#cbb78b;background:#3b372b}[data-theme=graphite] .contact-presence.offline{background:var(--surface-alt);color:var(--muted)}.contact-details{flex-direction:column;gap:15px;margin-bottom:0;padding:4px 23px 24px;display:flex}.contact-details>div{color:var(--muted);align-items:center;gap:11px;min-width:0;min-height:18px;font-size:10px;display:flex}.contact-details>div>span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contact-details .icon-button{width:19px;height:19px;margin-left:auto}.context-notes{border-top:1px solid var(--border);margin:0 23px;padding-top:21px}.mini-heading{justify-content:space-between;align-items:center;gap:5px;margin-bottom:13px;display:flex}.mini-heading h3{font-size:10px;font-weight:700}.mini-heading>span{color:var(--muted);letter-spacing:.8px;font-size:6px;font-weight:600}.context-notes textarea{resize:vertical;background:var(--input);border:1px solid var(--border);width:100%;height:117px;color:var(--text);border-radius:8px;padding:12px;font-size:10px;line-height:1.8}.context-notes textarea::placeholder{color:var(--muted)}.notes-bottom{color:#9da79e;justify-content:space-between;align-items:center;margin-top:8px;font-size:8px;display:flex}.context-call-button{border:1px solid var(--border);background:var(--surface);width:calc(100% - 46px);color:var(--accent);border-radius:8px;justify-content:center;align-items:center;gap:8px;margin:23px;padding:11px 10px;font-size:10px;font-weight:600;display:flex}.context-call-button svg:last-child{width:12px;margin-left:auto}.context-call-button:hover{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 15%, transparent)}.recent-card{margin-top:24px}.recent-card .section-heading{padding:18px 21px 13px}.section-subtitle{color:var(--muted);margin-top:5px;font-size:9px;display:block}.recent-items{grid-template-columns:repeat(3,1fr);gap:26px;padding:0 20px 18px;display:grid}.recent-item{align-items:center;gap:10px;min-width:0;display:flex}.history-direction{color:#6c9d7b;background:#f0f6f0;border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.history-direction.incoming{color:#879dbe;background:#eff3fb}.history-direction.missed{color:#cf8588;background:#faf0f0}[data-theme=graphite] .history-direction{background:#2b3e32}[data-theme=graphite] .history-direction.incoming{background:#293645}[data-theme=graphite] .history-direction.missed{background:#3d2e34}.recent-item>div{flex-direction:column;gap:4px;min-width:0;display:flex}.recent-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:650;overflow:hidden}.recent-item>div>span{color:var(--muted);font-size:8px}.recent-time{color:var(--muted);margin-left:auto;font-size:9px}.recent-item .icon-button{border:1px solid var(--border);width:27px;height:27px;color:var(--muted);border-radius:7px}.workspace-footer{color:var(--muted);justify-content:space-between;align-items:center;padding:24px 0 23px;font-size:8px;display:flex}.workspace-footer>span{align-items:center;gap:6px;display:flex}.workspace-footer button{color:var(--muted);background:0 0;align-items:center;gap:10px;font-size:9px;display:flex}.workspace-footer button span{color:var(--text);letter-spacing:-.3px;font-weight:750}.error-banner{background:color-mix(in srgb, var(--danger) 8%, var(--surface));border:1px solid color-mix(in srgb, var(--danger) 20%, transparent);color:var(--danger);border-radius:9px;justify-content:space-between;align-items:center;margin:0 0 20px;padding:12px 15px;font-size:11px;line-height:1.7;display:flex}.error-banner button{color:var(--danger);background:0 0;justify-content:center;align-items:center;display:flex}.popover-parent{position:relative}.popover{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:13px;width:250px;padding:21px;position:absolute;top:calc(100% + 15px);right:0;box-shadow:0 12px 40px #1f342920}.popover>strong{font-size:12px;display:block}.popover p{color:var(--muted);margin-top:10px;font-size:10px;line-height:1.8}.popover>span{color:var(--muted);margin-top:7px;font-size:9px;line-height:1.8;display:block}.user-menu button{color:var(--text);text-align:left;background:0 0;align-items:center;gap:10px;width:100%;padding:12px 0;font-size:10px;display:flex}.user-menu button:hover{color:var(--accent)}.user-menu button:first-of-type{border-top:1px solid var(--border);margin-top:10px}.notification-button>span{background:var(--danger);border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:7px}.directory-card{padding-bottom:14px}.directory-card>.section-heading{padding:24px 26px}.directory-card>.section-heading h2{font-size:16px}.directory-tools{align-items:center;gap:14px;padding:0 26px 26px;display:flex}.directory-tools .search-field{flex:1;max-width:420px;height:40px}.directory-tools .search-field input{font-size:11px}.selected-filter{color:var(--accent);background:var(--accent-soft)}.directory-table-head,.directory-table-row{grid-template-columns:2fr 1.2fr 1.3fr 1.1fr 1fr;align-items:center;gap:15px;padding:17px 26px;display:grid}.directory-table-head{background:var(--surface-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--muted);letter-spacing:.8px;font-size:8px}.directory-table-row{border-bottom:1px solid var(--border);min-height:83px;font-size:11px}.directory-table-row:last-child{border-bottom:0}.directory-table-row>div{align-items:center;gap:12px;display:flex}.directory-table-row>div>span{flex-direction:column;gap:5px;display:flex}.directory-table-row strong{font-size:11px;font-weight:650}.directory-table-row small{color:var(--muted);font-size:9px}.directory-table-row>span{color:var(--muted);font-size:10px}.directory-table-row .contact-presence{width:max-content;font-size:9px}.small-call{min-height:33px;padding:8px 10px;font-size:10px}.history-filters{align-items:center;gap:9px;padding:0 26px 22px;display:flex}.history-filters button{color:var(--muted);background:0 0;border-radius:7px;padding:8px 12px;font-size:10px}.history-filters button.active{color:var(--accent);background:var(--accent-soft);font-weight:650}.history-filters>span{color:var(--muted);align-items:center;gap:7px;margin-left:auto;font-size:9px;display:flex}.history-table-row{border-top:1px solid var(--border);align-items:center;gap:17px;min-height:81px;padding:16px 26px;display:flex}.history-name{flex-direction:column;flex:1;gap:6px;display:flex}.history-name strong{font-size:11px;font-weight:650}.history-name>span{color:var(--muted);font-size:9px}.history-table-row>span:not(.history-direction){color:var(--muted);width:85px;font-size:10px}.history-outcome{width:130px!important}.history-table-row>.icon-button{color:var(--accent)}.empty-small{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:35px 15px;display:flex}.empty-small p{color:var(--text);font-size:12px}.empty-small>span{max-width:220px;font-size:10px;line-height:1.8}.history-empty{color:var(--muted);padding:18px 0;font-size:11px}.analytics-grid{grid-template-columns:1.6fr 1fr;gap:25px;display:grid}.analytics-summary{padding:9px 8px 25px}.analytics-big-number{letter-spacing:-4px;padding:15px 25px 27px;font-size:68px;font-weight:550;line-height:1.3}.analytics-big-number>span{color:var(--muted);letter-spacing:0;margin-left:16px;font-size:11px}.analytics-counts{border-top:1px solid var(--border);gap:45px;margin:0 25px;padding:22px 0;display:flex}.analytics-counts>div{flex-direction:column;gap:7px;display:flex}.analytics-counts strong{font-size:20px;font-weight:650}.analytics-counts span{color:var(--muted);font-size:9px}.activity-chart{border-bottom:1px solid var(--border);align-items:end;gap:20px;height:180px;margin:10px 25px 0;padding:20px 35px 0;display:flex}.activity-chart>div{flex-direction:column;flex:1;justify-content:end;height:100%;display:flex;position:relative}.activity-chart>div>span{background:var(--accent-soft);border-top:2px solid var(--accent);border-radius:7px 7px 0 0;min-height:10px;display:block}.activity-chart small{color:var(--muted);text-align:center;width:100%;font-size:8px;position:absolute;bottom:-20px}.analytics-caption{color:var(--muted);margin:40px 25px 0;font-size:9px}.analytics-aside{padding:34px 32px}.analytics-aside h2{letter-spacing:-.8px;margin:21px 0 13px;font-size:25px;font-weight:600;line-height:1.5}.analytics-aside>p{color:var(--muted);margin-bottom:24px;font-size:12px;line-height:1.9}.analytics-info{color:var(--muted);border-top:1px solid var(--border);align-items:start;gap:9px;margin-top:30px;padding-top:22px;display:flex}.analytics-info p{font-size:10px;line-height:1.9}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#122e2633;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.simple-modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:430px;padding:33px;position:relative;box-shadow:0 20px 90px #122c2730}.simple-modal>.icon-button{position:absolute;top:17px;right:17px}.modal-feature-icon{width:48px;height:48px;color:var(--accent);background:var(--accent-soft);border-radius:13px;place-items:center;margin-bottom:23px;display:grid}.simple-modal h2{letter-spacing:-.85px;margin-bottom:12px;font-size:25px;font-weight:600}.simple-modal>p{color:var(--muted);margin-bottom:25px;font-size:11px;line-height:1.9}.simple-modal label{flex-direction:column;gap:9px;margin-bottom:18px;font-size:10px;font-weight:600;display:flex}.simple-modal input{border:1px solid var(--border);background:var(--input);height:42px;color:var(--text);border-radius:8px;padding:0 12px;font-size:12px}.simple-modal>.button{justify-content:space-between;width:100%;height:44px;margin-top:4px}.simple-modal>small{text-align:center;color:var(--muted);margin-top:15px;font-size:9px;display:block}.help-modal{max-width:485px}.help-modal>.brand{margin-bottom:28px}.help-item{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:11px;padding:20px 0;display:flex}.help-item>div{flex-direction:column;flex:1;gap:6px;display:flex}.help-item strong{color:var(--text);font-size:10px}.help-item span{font-size:9px;line-height:1.8}.help-item .button{min-height:30px;padding:8px 12px}.help-shortcut{color:var(--muted);align-items:center;gap:12px;padding:10px 0;font-size:9px;display:flex}.help-shortcut kbd{border:1px solid var(--border);font:inherit;background:var(--surface-alt);border-radius:5px;padding:5px 8px}.toast{z-index:1100;background:var(--text);color:var(--surface);border-radius:10px;align-items:center;gap:10px;max-width:calc(100vw - 30px);padding:15px 21px;font-size:11px;animation:.2s toast-in;display:flex;position:fixed;bottom:27px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #233c2630}.toast svg{color:#92bba1}.spin{animation:1.5s linear infinite spin}.layout-panel .workspace-grid,.layout-widget .workspace-grid{max-width:420px;margin:0 auto;display:block}.layout-panel .workspace-grid>.contacts-card,.layout-panel .workspace-grid>.context-card,.layout-widget .workspace-grid>.contacts-card,.layout-widget .workspace-grid>.context-card,.layout-panel .overview-row,.layout-widget .overview-row,.layout-panel .recent-card,.layout-widget .recent-card{display:none}.layout-widget .workspace-grid{max-width:360px}.layout-widget .workspace-grid>.phone-card{box-shadow:0 18px 60px #223d2814}.layout-panel .workspace-intro,.layout-widget .workspace-intro{margin-bottom:35px}.embedded .sidebar,.embedded .topbar,.embedded .workspace-intro,.embedded .workspace-footer,.embedded .overview-row,.embedded .recent-card{display:none}.embedded .main-shell{width:100%;margin-left:0}.embedded .workspace{padding:0}.embedded .workspace-grid{max-width:100%;margin:0}.embedded .phone-card{min-height:100dvh;box-shadow:none;border:0;border-radius:0}.embedded .error-banner{margin:10px}.embedded .card{width:100%}.embed-hidden{visibility:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}@keyframes wave{0%{transform:scaleY(.6)}to{transform:scaleY(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (width>=1550px){.workspace{padding-top:42px}.workspace-grid{grid-template-columns:1fr 1.22fr 1.02fr;gap:28px}.phone-card{min-height:620px}.idle-phone{padding-left:35px;padding-right:35px}.contact-list{max-height:448px}.contact-row{min-height:65px}.context-notes textarea{height:144px}}@media (width<=1250px){.workspace,.topbar{padding-left:25px;padding-right:25px}.workspace-grid{grid-template-columns:minmax(210px,.92fr) minmax(285px,1.25fr) minmax(220px,.98fr);gap:15px}.contacts-card .search-field{margin-left:14px;margin-right:14px}.section-heading{padding-left:16px;padding-right:16px}.contact-row{gap:9px;padding-left:7px;padding-right:7px}.contact-row-text strong{font-size:10px}.contact-row-call{width:18px}.contact-favorite{display:none}.context-profile,.contact-details{padding-left:18px;padding-right:18px}.context-notes{margin-left:18px;margin-right:18px}.context-call-button{width:calc(100% - 36px);margin-left:18px;margin-right:18px}.overview-card{gap:10px;padding-left:14px;padding-right:14px}.overview-muted,.overview-sparkline,.connection-overview strong small{display:none}.overview-card strong{font-size:18px}.connection-overview strong{font-size:14px}.recent-items{gap:15px}.topbar-actions{gap:11px}.directory-table-head,.directory-table-row{grid-template-columns:1.7fr 1.1fr 1.2fr 1fr 1fr;gap:10px}}@media (width<=1060px){.workspace-grid{grid-template-columns:minmax(235px,1fr) minmax(300px,1.25fr)}.context-card,.topbar-left .topbar-divider,.workspace-name,.user-button>span:nth-child(2){display:none}.workspace-intro h1{font-size:26px}.overview-card strong small,.demo-badge{display:none}.recent-items{grid-template-columns:repeat(2,1fr)}.recent-item:nth-child(3){display:none}.directory-table-head,.directory-table-row{grid-template-columns:1.8fr 1.2fr 1.3fr 1fr}.directory-table-head>span:nth-child(4),.directory-table-row>span:nth-child(4){display:none}.analytics-grid{grid-template-columns:1fr}.analytics-aside{display:none}.overview-card{min-height:80px}.overview-icon{border-radius:9px;width:34px;height:34px}.overview-card>div>span{font-size:8px}.status-pill{padding:4px;font-size:7px}.status-pill .status-dot{display:none}}@media (width<=760px){.sidebar{width:68px;padding:24px 5px}.sidebar .brand-symbol{border-radius:10px;width:34px;height:34px}.sidebar-navigation{margin-top:26px}.nav-item{width:53px;height:54px}.nav-item.active:before{left:-7px}.nav-item span{font-size:8px}.main-shell{width:calc(100% - 68px);margin-left:68px}.topbar{height:71px;padding:0 20px}.brand{font-size:24px}.topbar-actions{gap:7px}.topbar .layout-switch,.topbar-actions .topbar-divider{display:none}.user-button{padding:0}.user-button>svg{display:none}.user-avatar{width:31px;height:31px;font-size:10px}.workspace{padding:25px 20px 0}.workspace-intro{align-items:start;margin-bottom:22px}.workspace-intro h1{max-width:230px;font-size:24px}.workspace-intro p{max-width:260px;font-size:10px}.eyebrow{letter-spacing:1.3px;font-size:7px}.connect-button{gap:0;width:32px;min-height:32px;padding:9px;font-size:0}.connect-button>svg{width:15px;height:15px}.workspace-grid{max-width:420px;margin:auto;display:block}.contacts-card{display:none}.phone-card{min-height:592px}.overview-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.connection-overview{display:none}.overview-card{gap:9px;min-height:74px;padding:12px}.overview-card strong{font-size:19px}.overview-card strong small{display:none}.overview-icon{width:30px;height:32px}.overview-card>div>span{font-size:8px}.recent-card{max-width:420px;margin:20px auto 0}.recent-card .section-heading{padding-left:16px;padding-right:16px}.recent-card h2{font-size:11px}.recent-items{grid-template-columns:1fr;gap:14px;padding-left:16px;padding-right:16px}.recent-item:nth-child(3){display:flex}.recent-item strong{font-size:10px}.section-subtitle{font-size:8px}.workspace-footer{flex-direction:column;align-items:start;gap:15px}.workspace-footer button{font-size:8px}.directory-card .section-heading{flex-wrap:wrap;padding:20px 16px}.directory-tools{gap:8px;padding-left:16px;padding-right:16px}.directory-tools .search-field{min-width:90px}.directory-tools .button{gap:0;padding:10px;font-size:0}.directory-table-head{display:none}.directory-table-row{justify-content:space-between;gap:8px;padding:15px 16px;display:flex}.directory-table-row>span{display:none}.directory-table-row>div:last-child{gap:4px}.directory-table-row>div:first-child{gap:8px}.directory-table-row .avatar{width:30px;height:30px;font-size:10px}.directory-table-row strong{font-size:10px}.directory-table-row small{font-size:8px}.small-call{gap:0;padding:8px;font-size:0}.small-call>svg{width:15px}.directory-card .section-heading>.button{padding:9px;font-size:9px}.history-filters{flex-wrap:wrap;gap:3px;padding:0 13px 17px}.history-filters button{padding:7px 10px;font-size:9px}.history-filters>span{display:none}.history-table-row{gap:10px;padding:15px}.history-table-row>span:not(.history-direction){display:none}.history-name strong{font-size:10px}.history-name>span{font-size:8px}.analytics-big-number{flex-direction:column;gap:5px;padding-left:15px;font-size:50px;display:flex}.analytics-big-number>span{margin-left:0;font-size:10px}.analytics-summary>.section-heading h2{font-size:12px}.analytics-counts{gap:23px;margin-left:15px;margin-right:15px}.analytics-counts strong{font-size:16px}.analytics-counts span{font-size:8px}.activity-chart{gap:12px;margin-left:15px;margin-right:15px;padding-left:10px;padding-right:10px}.analytics-caption{margin-left:15px;font-size:8px}.embedded .main-shell{width:100%;margin:0}.embedded .workspace{padding:0}.embedded .phone-card{min-height:100dvh}}@media (width<=450px){.sidebar{width:54px;padding:21px 2px}.sidebar .brand-symbol{border-radius:9px;width:30px;height:30px}.nav-item{width:44px;height:52px}.nav-item span{font-size:7px}.nav-item svg{width:19px}.nav-item.active:before{width:2px;height:17px;top:17px;left:-3px}.sidebar-bottom{gap:17px}.main-shell{width:calc(100% - 54px);margin-left:54px}.topbar{gap:5px;height:64px;padding:0 13px}.topbar .brand{gap:4px;font-size:23px}.topbar .brand-symbol{width:24px}.topbar-actions{gap:3px}.topbar .notification-button{display:none}.workspace{padding:22px 13px 0}.workspace-intro h1{max-width:225px;font-size:22px}.workspace-intro p{font-size:9px}.eyebrow{font-size:6px}.intro-actions{padding-top:23px}.overview-card{gap:7px;padding:10px 9px}.overview-icon{border-radius:8px;width:27px;height:27px}.overview-icon svg{width:14px}.overview-card>div>span{font-size:6px}.overview-card strong{margin-top:4px;font-size:17px}.overview-card{min-height:64px}.phone-card-heading{padding-left:16px;padding-right:16px}.phone-card-heading h2{font-size:11px}.phone-card{border-radius:12px}.idle-phone{padding-left:21px;padding-right:21px}.dial-pad{gap:5px 12px}.call-person h2{font-size:23px}.call-controls{gap:15px 8px;margin-left:17px;margin-right:17px}.call-control>span{width:44px;height:44px}.call-control small{font-size:8px}.call-person{padding-top:22px}.call-time{font-size:27px}.call-person>.avatar{width:80px;height:80px;font-size:28px}.extension-chip{padding:4px;font-size:7px}.recent-card .text-button{font-size:8px}.recent-card h2{font-size:10px}.recent-card .section-subtitle{display:none}.recent-card .section-heading{padding-top:15px;padding-bottom:15px}.workspace-footer>span{font-size:7px}.simple-modal{padding:28px 23px}.simple-modal h2{font-size:23px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.contact-select{text-align:left;min-width:0;color:var(--text);background:0 0;flex:1;align-items:center;gap:11px;padding:0;display:flex}.error-banner>.text-button{white-space:nowrap;margin-left:auto;margin-right:15px}.transfer-options{border:1px solid var(--border);background:var(--surface-alt);border-radius:9px;gap:7px;margin-bottom:22px;padding:4px;display:flex}.transfer-options button{color:var(--muted);background:0 0;border-radius:6px;flex:1;padding:9px 7px;font-size:11px}.transfer-options button.selected{background:var(--surface);color:var(--accent);font-weight:650;box-shadow:0 1px 4px #203e3012}.consultation-banner{border:1px solid color-mix(in srgb, var(--accent) 15%, var(--border));background:var(--accent-soft);border-radius:8px;margin:13px 20px 0;padding:12px}.consultation-banner>div:first-child{color:var(--accent);align-items:center;gap:7px;font-size:9px;display:flex}.consultation-banner strong{font-weight:650}.consultation-banner>div>span{margin-left:auto;font-size:9px}.consultation-banner p{color:var(--muted);margin:6px 0 10px;font-size:8px;line-height:1.8}.consultation-actions{align-items:center;gap:10px;display:flex}.consultation-actions .button{min-height:30px;padding:7px 9px;font-size:8px}.consultation-actions .text-button{font-size:8px}@media (height<=900px) and (width>=761px){.topbar{height:72px}.workspace{padding-top:25px}.workspace-intro{margin-bottom:22px}.overview-row{margin-bottom:20px}.overview-card{min-height:77px;padding-top:12px;padding-bottom:12px}.idle-phone-icon{width:44px;height:44px;margin-top:6px;margin-bottom:10px}.idle-phone p{margin-bottom:13px}.idle-phone{padding-top:7px}.dial-pad button{height:46px}.dial-pad{gap:3px 14px;margin-bottom:13px}.suggested-call{margin-top:9px;padding:7px 9px}.phone-card{min-height:566px}.recent-card{margin-top:20px}.workspace-footer{padding-top:20px}}button.simulation-tag{background:0 0;align-items:center;gap:3px;padding:0;display:flex}button.simulation-tag:hover{color:var(--accent)}@media (height<=950px){.has-call .call-person{padding:17px 20px 4px}.has-call .call-person>.avatar{border-width:4px;width:64px;height:64px;margin-bottom:10px;font-size:25px}.has-call .call-direction{margin-bottom:6px}.has-call .call-person h2{font-size:23px}.has-call .call-person p{margin-top:5px;font-size:10px}.has-call .call-time{min-height:36px;margin-top:9px;font-size:25px}.has-call .waveform{height:23px;margin:0 0 8px}.has-call .call-controls{gap:12px 13px;margin-bottom:15px}.has-call .call-control{gap:6px}.has-call .call-control>span{width:40px;height:40px}.has-call .call-control small{font-size:8px}.has-call .hangup-button{width:48px;height:48px}.has-call .hangup-label{margin:8px 0 14px}}@media (width<=450px) and (height<=950px){.has-call .phone-status,.has-call .call-person{padding-top:12px}.has-call .call-person>.avatar{width:56px;height:56px;margin-bottom:7px}.has-call .waveform{height:19px;margin-bottom:4px}.has-call .call-controls{gap:9px 13px;margin-bottom:12px}}.sidebar>.brand,.sidebar-bottom{flex-shrink:0}.sidebar-navigation{scrollbar-width:thin;flex:1;gap:4px;min-height:0;margin-top:22px;padding:0 1px 10px;overflow:hidden auto}.sidebar-navigation .nav-item,.nav-section-dot,.nav-divider{flex-shrink:0}.sidebar-bottom{gap:10px;padding-top:8px}.record-toggle{color:var(--muted);background:var(--surface-alt);border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:6px;font-size:8px;display:flex}.record-toggle.is-recording{color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--surface))}.call-dock{z-index:80;border:1px solid var(--border);background:var(--surface);border-radius:14px;align-items:center;gap:9px;max-width:calc(100vw - 130px);padding:12px;display:flex;position:fixed;bottom:22px;right:26px;box-shadow:0 8px 35px #182e2833}.call-dock-info{text-align:left;color:var(--accent);background:0 0;align-items:center;gap:11px;min-width:0;display:flex}.call-dock-info>span{min-width:0}.call-dock-info strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:11px;display:block;overflow:hidden}.call-dock-info small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.call-dock-end,.call-dock-answer{background:var(--danger);color:#fff;border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.call-dock-answer{background:var(--accent)}@media (width<=450px){.sidebar-navigation{gap:2px;margin-top:20px}.record-toggle span{display:none}.call-dock{max-width:calc(100vw - 76px);bottom:12px;right:11px}.call-dock-info small{font-size:8px}.call-dock-info strong{max-width:140px}}.contact-delete-area{border-top:1px solid var(--border);flex-wrap:wrap;gap:13px;margin-top:18px;padding-top:14px;display:flex}.contact-delete-area p{color:var(--muted);flex-basis:100%;font-size:10px}.contact-delete-area .contact-delete{color:var(--danger)}.directory-table-row>div:last-child{flex-shrink:0;gap:7px}@media (width<=760px){.directory-table-row>div:first-child{flex:1;min-width:0}.directory-table-row>div:first-child>span{min-width:0}.directory-table-row strong,.directory-table-row small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.directory-table-row>div:last-child .icon-button{width:26px;height:30px}}.alerts-settings{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:24px;display:flex}.alerts-settings>div{flex:1;min-width:200px}.alerts-settings h2{margin-bottom:8px;font-size:15px;font-weight:650}.alerts-settings p{color:var(--muted);font-size:10px;line-height:1.8}.module-loading{color:var(--muted);justify-content:center;align-items:center;gap:12px;padding:70px 25px;font-size:12px;display:flex}.module-failure{padding:35px}.module-failure h2{margin-bottom:13px;font-size:22px}.module-failure p{color:var(--muted);font-size:12px;line-height:1.8}.module-failure>div{flex-wrap:wrap;gap:14px;margin-top:22px;display:flex}.pbx-status{background:var(--surface-secondary,#f4f6f5);color:var(--muted);border-radius:10px;margin:0 22px 12px;padding:9px 11px;font-size:10px}.pbx-status-heading{align-items:center;gap:6px;display:flex}.pbx-status-heading>span{flex:1}.pbx-status.healthy{color:var(--accent)}.pbx-status.degraded{border:1px solid var(--border)}.pbx-operation-notice p{margin:8px 0 5px;line-height:1.5}.pbx-status .text-button{white-space:normal;font-size:10px}.connection-notice{border:1px solid var(--border);color:var(--text-secondary,#5f716b);border-radius:10px;align-items:flex-start;gap:7px;margin:0 22px 12px;padding:10px;font-size:11px;line-height:1.5;display:flex}.connection-notice svg{flex-shrink:0;margin-top:2px}.presence-dot.unknown,.availability.unknown .status-dot,.contact-presence.unknown .status-dot{background:#8e9699}.contact-presence.unknown{color:var(--muted);background:var(--surface-secondary,#f4f6f5)}[data-theme=graphite] .contact-presence.unknown{color:#b7bec8;background:#30353f}
