.solilogo{--logo-orange: #f57c00;--logo-mark: #323232;--t0: 0s;display:inline-flex;flex-direction:column;align-items:center;gap:.45em;color:var(--logo-mark)}:root[data-theme=dark] .solilogo{--logo-mark: #ffffff}.solilogo.powered{--t0: .25s}.solilogo-powered{font-size:.5em;letter-spacing:.2em;text-transform:uppercase;color:var(--muted, #6d6d6d);opacity:0;transform:translateY(.4em);animation:solilogo-powered .35s cubic-bezier(.2,.7,.2,1) forwards}.solilogo-row{display:flex;align-items:center;gap:.5em}.solilogo-mark{height:2.5em;width:auto;flex:0 0 auto;display:block;overflow:visible}.solilogo-word{font-family:Montserrat,Segoe UI,system-ui,sans-serif;font-weight:300;letter-spacing:.1em;line-height:1;display:flex;align-items:flex-end;white-space:nowrap}.solilogo-s{display:block;flex:0 0 auto;width:auto;height:.72em;margin:0 .1em .14em 0;overflow:visible}.solilogo-l{display:inline-block;position:relative}.solilogo-l .g{display:inline-block}.solilogo-l .bl{display:inline-block;width:0;height:0}.solilogo-l .dot{position:absolute;left:.3em;top:.2em;width:.085em;height:.085em;background:var(--logo-orange);transform:translate(-50%)}.solilogo-half.top{fill:var(--logo-orange)}.solilogo-half.bottom{fill:var(--logo-mark)}.solilogo-draw{fill:none;stroke:#fff;stroke-width:170;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:solilogo-draw .75s cubic-bezier(.55,0,.25,1) forwards;animation-delay:var(--t0)}.solilogo-draw.bottom{animation-delay:calc(var(--t0) + .05s)}.solilogo-stroke{fill:none;stroke-width:14;stroke-linecap:butt;stroke-dasharray:1;stroke-dashoffset:1;animation:solilogo-draw .65s cubic-bezier(.55,0,.25,1) forwards;animation-delay:calc(var(--t0) + .5s)}.solilogo-stroke.top{stroke:var(--logo-orange)}.solilogo-stroke.bottom{stroke:var(--logo-mark);animation-delay:calc(var(--t0) + .55s)}.solilogo-l{animation-duration:.35s;animation-fill-mode:forwards;animation-delay:calc(var(--t0) + .9s + var(--i) * 75ms)}.solilogo-l.o1{clip-path:circle(0% at 50% 62%);animation-name:solilogo-iris;animation-timing-function:cubic-bezier(.2,.7,.3,1)}.solilogo-l.el{opacity:0;transform:translateY(-.8em);animation-name:solilogo-drop;animation-timing-function:cubic-bezier(.3,0,.2,1)}.solilogo-l.i .g{clip-path:inset(100% 0 0 0);animation:solilogo-rise-clip .25s cubic-bezier(.2,.8,.3,1) forwards;animation-delay:inherit}.solilogo-l.i .dot{opacity:0;transform:translate(-50%,-1em);animation:solilogo-dot-fall .3s cubic-bezier(.4,0,.6,1) forwards;animation-delay:calc(var(--t0) + .9s + var(--i) * 75ms + .18s)}.solilogo-l.c{opacity:0;transform:rotate(-150deg) scale(.5);transform-origin:50% 60%;animation-name:solilogo-fade-settle;animation-timing-function:cubic-bezier(.2,.9,.3,1.15)}.solilogo-l.o2{opacity:0;transform:translateY(.5em) scale(.6,1.3);transform-origin:50% 100%;animation-name:solilogo-squash;animation-timing-function:cubic-bezier(.3,0,.2,1)}.solilogo-l.r{opacity:0;transform:translate(.6em);animation-name:solilogo-fade-settle;animation-timing-function:cubic-bezier(.2,.9,.25,1.2)}.solilogo-l.p{opacity:0;transform:translateY(.7em);animation-name:solilogo-fade-settle;animation-timing-function:cubic-bezier(.2,.9,.3,1.1)}@keyframes solilogo-powered{to{opacity:1;transform:none;letter-spacing:.2em}}@keyframes solilogo-draw{to{stroke-dashoffset:0}}@keyframes solilogo-iris{to{clip-path:circle(75% at 50% 62%)}}@keyframes solilogo-drop{0%{opacity:0;transform:translateY(-.8em)}55%{opacity:1;transform:translateY(.07em)}78%{transform:translateY(-.03em)}to{opacity:1;transform:none}}@keyframes solilogo-rise-clip{to{clip-path:inset(0 0 0 0)}}@keyframes solilogo-dot-fall{0%{opacity:0;transform:translate(-50%,-1em)}20%{opacity:1}65%{transform:translate(-50%,.08em)}82%{transform:translate(-50%,-.04em)}to{opacity:1;transform:translate(-50%)}}@keyframes solilogo-fade-settle{to{opacity:1;transform:none}}@keyframes solilogo-squash{0%{opacity:0;transform:translateY(.5em) scale(.6,1.3)}60%{opacity:1;transform:translateY(0) scale(1.15,.85)}80%{transform:scale(.96,1.04)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.solilogo-powered,.solilogo-draw,.solilogo-stroke,.solilogo-l,.solilogo-l .g,.solilogo-l .dot{animation-duration:.01s;animation-delay:0s}}.solilogo.static .solilogo-draw,.solilogo.static .solilogo-stroke{animation:none;stroke-dashoffset:0}.solilogo.static .solilogo-l,.solilogo.static .solilogo-l .g{animation:none;opacity:1;transform:none;clip-path:none}.solilogo.static .solilogo-l .dot{animation:none;opacity:1;transform:translate(-50%)}.topbar .solilogo{--logo-mark: #ffffff}:root{--ink: #323232;--ink-soft: #4a4a4a;--orange: #f57c00;--orange-dark: #d96e00;--orange-tint: rgba(245, 124, 0, .14);--border: #e2e2e2;--muted: #6d6d6d;--bg: #f5f5f4;--surface: #ffffff;--surface-2: #f0f0ef;--bar: #323232;--ok: #2e7d32;--warn: #a8630b;--bad: #c62828;--ok-tint: #e5f2e6;--bad-tint: #f2e5e5}:root[data-theme=dark]{--ink: #e8e8e8;--ink-soft: #c6c6c6;--orange-tint: rgba(245, 124, 0, .22);--border: #3d3d3d;--muted: #9c9c9c;--bg: #1b1b1a;--surface: #262625;--surface-2: #30302f;--bar: #232322;--ok: #66bb6a;--warn: #e0a04a;--bad: #ef5350;--ok-tint: rgba(102, 187, 106, .18);--bad-tint: rgba(239, 83, 80, .18)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink)}#root{min-height:100vh;display:flex;flex-direction:column}html.app,html.app body{height:100%;overflow:hidden}html.app #root{height:100%;min-height:0}.topbar{background:var(--bar);border-bottom:3px solid var(--orange);color:#fff;display:flex;align-items:center;gap:16px;padding:10px 16px;flex-shrink:0}.topbar img{height:28px}.topbar .spacer{flex:1}.topbar.compact{padding:6px 10px;gap:8px}.topbar.compact img{height:22px}.topbar.compact strong{font-size:14px;white-space:nowrap}.topbar.compact .lang,.topbar.compact .logout{white-space:nowrap;flex-shrink:0;padding:4px 8px}@media(max-width:440px){.topbar.compact strong{display:none}}.topbar button.tab{background:none;border:none;color:#ddd;font-size:14px;padding:6px 10px;cursor:pointer;border-bottom:2px solid transparent}.topbar button.tab.active{color:#fff;border-bottom-color:var(--orange)}.topbar button.tab:hover{color:#fff}.topbar .lang,.topbar .logout{background:none;border:1px solid #555;color:#ddd;border-radius:4px;padding:4px 10px;cursor:pointer;font-size:12px}.topbar .lang:hover,.topbar .logout:hover{border-color:var(--orange);color:#fff}.page{max-width:960px;margin:24px auto;padding:0 16px;width:100%}.page.app{max-width:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;min-height:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:16px}.card-tabs{display:flex;gap:4px;padding:0 14px}.card-tabs button{background:var(--surface-2);border:1px solid var(--border);border-bottom:none;border-radius:10px 10px 0 0;padding:8px 18px 9px;font-size:13px;color:var(--muted);cursor:pointer;position:relative;top:1px}.card-tabs button:hover{color:var(--ink)}.card-tabs button.active{background:var(--surface);color:var(--orange);font-weight:600;z-index:1}h1,h2,h3{color:var(--ink)}button.primary,a.button.primary{background:var(--orange);border:none;color:#fff;font-weight:600;padding:10px 18px;border-radius:6px;cursor:pointer}button.primary:hover,a.button.primary:hover{background:var(--orange-dark)}button.primary:disabled{background:#ccc;cursor:default}button.secondary{background:var(--surface);border:1px solid var(--border);color:var(--ink);padding:9px 16px;border-radius:6px;cursor:pointer}button.secondary:hover{border-color:var(--orange)}button.secondary:disabled{opacity:.5;cursor:default}button.success{background:var(--ok);border:none;color:#fff;font-weight:600;padding:9px 16px;border-radius:6px;cursor:pointer}button.success:hover{filter:brightness(1.1)}button.danger{background:var(--bad);border:none;color:#fff;padding:9px 16px;border-radius:6px;cursor:pointer}input[type=text],input[type=password],input[type=tel],select,textarea{padding:9px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;width:100%;background:var(--surface);color:var(--ink)}input:focus,select:focus{outline:2px solid var(--orange-tint);border-color:var(--orange)}.login-powered{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);display:flex;justify-content:center}label.field{display:block;margin-bottom:12px;font-size:13px;color:var(--ink-soft)}label.field>span{display:block;margin-bottom:4px;font-weight:600}label.check{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px}.error{color:var(--bad);font-size:13px;margin:8px 0}.muted{color:var(--muted);font-size:13px}button.mini{background:none;border:1px solid var(--border);color:var(--muted);border-radius:4px;padding:4px 10px;cursor:pointer;font-size:12px}button.mini:hover{border-color:var(--orange);color:var(--ink)}button.mini.accept{background:var(--orange);border-color:var(--orange-dark);color:#fff}button.mini.accept:hover{background:var(--orange-dark);color:#fff}button.mini.deny{background:var(--bad);border-color:var(--bad);color:#fff}button.mini.deny:hover{filter:brightness(.9);color:#fff}.subtabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:14px}.subtab{background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;padding:10px 16px;color:var(--muted);font-size:14px;font-weight:600;cursor:pointer}.subtab:hover{color:var(--ink)}.subtab.active{color:var(--orange);border-bottom-color:var(--orange)}table.grid tr.group-row td{background:var(--surface-2);border-top:2px solid var(--border);cursor:pointer}.table-scroll{width:100%;overflow-x:auto}table.grid.sms-diag{table-layout:fixed;min-width:900px}table.grid.sms-diag td{vertical-align:top;overflow:hidden}table.grid.sms-diag .cut{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table.grid.sms-diag td.sid{font-family:ui-monospace,Consolas,monospace;font-size:11px;word-break:break-all;cursor:copy}table.grid.sms-diag a.err-code{margin-left:6px;color:var(--orange);font-weight:600}table.grid.sms-diag tr.detail-row td{white-space:normal;overflow-wrap:anywhere;background:var(--surface)}table.grid.sms-diag tr.detail-row:hover td{background:var(--surface)}.sms-body{white-space:pre-wrap;overflow-wrap:anywhere;padding:8px 10px;background:var(--surface-2);border-radius:8px}.tab-badge{display:inline-block;background:var(--bad);color:#fff;border-radius:10px;padding:0 6px;font-size:11px;font-weight:700;line-height:17px;min-width:18px;text-align:center;vertical-align:middle}table.grid{width:100%;border-collapse:collapse;font-size:14px}table.grid th{text-align:left;background:var(--bar);color:#fff;padding:8px 10px}table.grid td{padding:8px 10px;border-bottom:1px solid var(--border)}table.grid tr:hover td{background:var(--orange-tint)}.badge{display:inline-block;border-radius:10px;padding:2px 8px;font-size:12px;background:var(--orange-tint);color:var(--warn)}.badge.on{background:var(--ok-tint);color:var(--ok)}.badge.off{background:var(--bad-tint);color:var(--bad)}.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pill{border-radius:999px;padding:7px 14px;font-size:13px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);cursor:pointer}.pill:hover{border-color:var(--orange)}.pill.on{background:var(--orange);border-color:var(--orange-dark);color:#fff;font-weight:600}.pill.sm{padding:4px 10px;font-size:12px}.pill.off{cursor:not-allowed;opacity:.55;text-decoration:line-through}.pill.off:hover{border-color:var(--border)}.pill .pill-note{font-weight:400;opacity:.8;margin-left:4px}.mship{border:1px solid var(--border);border-radius:8px;background:var(--surface-2);margin-bottom:12px;overflow:hidden}.mship-head{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bar);color:#fff;font-weight:600;font-size:14px}.mship-head{cursor:pointer;-webkit-user-select:none;user-select:none}.mship-head .spacer{flex:1}.mship-head .chev{width:7px;height:7px;border-right:2px solid #ddd;border-bottom:2px solid #ddd;transform:rotate(-45deg);margin:0 4px 0 2px;flex-shrink:0;transition:transform .15s}.mship.open .mship-head .chev{transform:rotate(45deg);margin-top:-3px}.mship-summary{font-weight:400;font-size:12px;color:#c8c8c8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.mship-head button.mini{color:#ddd;border-color:#666}.mship-head button.mini:hover{color:#fff;border-color:var(--orange)}.mship-body{padding:6px 12px 10px}.mship-row{display:grid;grid-template-columns:150px 1fr;gap:4px 12px;padding:8px 0;border-bottom:1px solid var(--border);align-items:start}.mship-row:last-child{border-bottom:none}.mship-label{font-size:13px;font-weight:600;color:var(--ink-soft);padding-top:6px;line-height:1.3}.mship-field input,.mship-field select{background:var(--surface)}.mship-field .pills{margin-top:0;gap:6px}.mship-hint{font-size:12px;color:var(--muted);margin-top:4px}.mship-field input.short{width:120px}.mship-field input.tel{width:200px}@media(max-width:700px){.mship-row{grid-template-columns:1fr}.mship-label{padding-top:0}}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:var(--bad);flex-shrink:0}.dot.ready{background:var(--ok)}.sp{width:100%;max-width:420px;margin:0 auto;min-height:640px;background:var(--surface);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.page.app .sp{max-width:none;min-height:0;flex:1;border:none;border-radius:0}.sp-head{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:13px}.sp-head .pill{padding:4px 10px;font-size:12px}.sp-head .accounts{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);text-align:right}.sp-dialer{padding:10px 12px;border-bottom:1px solid var(--border)}.sp-dialer .ss-toggle{padding:6px 10px;font-size:13px}.sp-entry{display:flex;gap:6px;align-items:stretch;margin-top:6px}.sp-entry input{font-size:18px;padding:7px 10px;letter-spacing:.5px}.sp-back{width:40px;border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:6px;cursor:pointer;font-size:16px;flex-shrink:0}.sp-back:hover{border-color:var(--orange);color:var(--ink)}.sp-back:disabled{opacity:.4;cursor:default}.sp-call{width:52px;border:none;border-radius:6px;background:var(--ok);color:#fff;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sp-call svg{width:20px;height:20px}.sp-call:hover{filter:brightness(1.1)}.sp-call:disabled{background:#bbb;cursor:default;filter:none}.sp-call.hang{background:var(--bad)}.sp-alerts{padding:8px 12px 2px;border-bottom:1px solid var(--border)}.sp-tabs{display:flex;background:var(--surface-2);border-bottom:1px solid var(--border)}.sp-tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;padding:8px 2px;color:var(--muted);font-size:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}.sp-tab .ico{font-size:16px;line-height:1}.sp-tab:hover{color:var(--ink)}.sp-tab.active{color:var(--orange);border-bottom-color:var(--orange);font-weight:600}.sp-body{flex:1;min-height:0;overflow-y:auto;padding:12px}.page.app .sp-body.fit{display:flex;flex-direction:column}.page.app .sp-body.fit .keypad{flex:1;min-height:0;max-height:340px;grid-auto-rows:minmax(34px,1fr)}.page.app .sp-body.fit .keypad button{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:34px;padding:0}.page.app .sp-body.fit .keypad button small{margin-top:2px}@media(max-height:700px){.page.app .sp-body.fit{padding:8px 12px}.page.app .sp-body.fit .keypad{gap:6px}.page.app .sp-body.fit .keypad button{font-size:18px}.page.app .sp-body.fit .keypad button small{display:none}.page.app .sp-body.fit .sp-callcard{padding:2px 0 8px;margin-bottom:8px}.page.app .sp-body.fit .sp-callcard .who{font-size:18px}.page.app .sp-body.fit .levels{margin-top:6px}.page.app .sp-body.fit .sp-actions{margin-top:8px}}.sp-foot{display:flex;justify-content:space-between;gap:8px;padding:5px 12px;background:var(--bar);color:#bbb;font-size:12px;border-top:2px solid var(--orange);font-variant-numeric:tabular-nums}.sp-foot span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-callcard{text-align:center;padding:6px 0 12px;border-bottom:1px solid var(--border);margin-bottom:12px}.sp-callcard .who{font-size:22px;font-weight:600;word-break:break-all}.sp-callcard .timer{color:var(--muted);font-size:14px;margin-top:2px;font-variant-numeric:tabular-nums}.levels{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;font-size:11px;color:var(--muted)}.level{width:70px;height:7px;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;overflow:hidden}.level>div{height:100%;width:0;background:var(--ok);transition:width 80ms linear}.sp .keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sp .keypad button{font-size:22px;line-height:1;padding:10px 0 6px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer}.sp .keypad button small{display:block;height:12px;margin-top:3px;font-size:10px;letter-spacing:2px;color:var(--muted)}.sp .keypad button:hover{border-color:var(--orange);background:var(--orange-tint)}.sp .keypad button:active{background:var(--orange);color:#fff}.sp .keypad button:active small{color:#fff}.sp-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.sp-action{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:8px;padding:8px 2px 6px;cursor:pointer;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:4px}.sp-action svg{width:20px;height:20px}.sp-action:hover{border-color:var(--orange)}.sp-action.on{background:var(--orange);border-color:var(--orange-dark);color:#fff}.sp-action.rec.on{background:var(--bad);border-color:var(--bad)}.sp-action:disabled{opacity:.5;cursor:default}.sp-transfer{margin-top:10px;border-top:1px solid var(--border);padding-top:10px}.sp-transfer .row{display:flex;gap:6px;margin-top:8px}.sp-transfer .row button{flex:1;padding:8px 6px;font-size:13px}.ss-toggle{width:100%;text-align:left;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:9px 12px;font-size:14px;cursor:pointer}.ss-toggle:hover{border-color:var(--orange)}.ss-panel{position:absolute;z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:6px;width:100%;padding:6px;box-shadow:0 4px 12px #0000001f}.ss-options{max-height:200px;overflow-y:auto;margin-top:4px}.ss-option{padding:7px 9px;border-radius:4px;cursor:pointer;font-size:14px}.ss-option:hover{background:var(--orange-tint)}.ss-option.selected{font-weight:600}.incoming-row{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;background:var(--orange-tint);border-radius:6px;padding:8px 10px;margin-bottom:6px;font-size:13px}.incoming-row .from{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incoming-row .badge{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.incoming-row .actions{display:flex;gap:6px;margin-left:auto;flex-shrink:0}.incoming-row .actions button{padding:6px 10px;font-size:13px;line-height:1}.incoming-row .dir.in{color:var(--ok);font-weight:700}.incoming-row.held{background:var(--surface);border:1px dashed var(--border)}.incoming-row.held .dir.hold{color:var(--warn);font-size:14px}.sp .calllog-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--border);cursor:pointer}.sp .calllog-row:last-child{border-bottom:none}.sp .calllog-row:hover{background:var(--orange-tint)}.sp .calllog-row .dir{font-size:18px;width:22px;text-align:center;flex-shrink:0}.sp .calllog-row .dir.in{color:var(--ok)}.sp .calllog-row .dir.out{color:var(--ink-soft)}.sp .calllog-row .dir.missed{color:var(--bad)}.sp .calllog-row .main{flex:1;min-width:0}.sp .calllog-row .main .num{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp .calllog-row .main .sub{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp .calllog-row .right{text-align:right;font-size:12px;color:var(--muted);flex-shrink:0;font-variant-numeric:tabular-nums}.sp .calllog-row button.mini{padding:5px 8px;line-height:1;flex-shrink:0}.phone-layout{display:grid;grid-template-columns:250px minmax(320px,400px) minmax(280px,1fr);gap:20px;align-items:start;margin-top:8px}@media(max-width:980px){.phone-layout{grid-template-columns:1fr}}.phone{max-width:400px;margin:0 auto;width:100%}.phone-layout .phone.wide{max-width:none;grid-column:2 / 4}@media(max-width:980px){.phone-layout .phone.wide{grid-column:auto}}.status{text-align:center;font-size:13px;color:var(--muted);margin:4px 0 14px}.phone .callstate{text-align:center;font-size:18px;font-weight:600;margin:10px 0;min-height:26px}.phone-layout .keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.phone-layout .keypad button{font-size:20px;padding:14px 0;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer}.phone-layout .keypad button:hover{border-color:var(--orange);background:var(--orange-tint)}.callbtns{display:flex;gap:10px;justify-content:center;margin-top:10px}.callbtns button{flex:1}.incall-actions{margin-top:16px;border-top:1px solid var(--border);padding-top:14px}.incall-actions .row{display:flex;gap:8px;margin-bottom:8px}.phone-layout .calllog-row{display:flex;align-items:center;gap:10px;padding:9px 6px;border-bottom:1px solid var(--border);font-size:13px}.phone-layout .calllog-row:last-child{border-bottom:none}.phone-layout .calllog-row .dir{font-size:15px}.phone-layout .calllog-row .dir.in{color:var(--ok)}.phone-layout .calllog-row .dir.out{color:var(--ink-soft)}.phone-layout .calllog-row .dir.missed{color:var(--bad)}.phone-layout .calllog-row .spacer{flex:1}.phone-layout .calllog-row.clickable{cursor:pointer}.phone-layout .calllog-row.clickable:hover{background:var(--orange-tint)}.phone-layout .calllog-row button.mini{padding:4px 8px;font-size:12px;line-height:1}.acct-row{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid var(--border)}.acct-row:last-of-type{border-bottom:none}.acct-row .name{flex:1;min-width:0;font-size:14px}.acct-row .name small{display:block;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-row .acct-out{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);cursor:pointer;flex-shrink:0}.acct-row .acct-out input{accent-color:var(--orange);margin:0}.switch{position:relative;width:38px;height:22px;border-radius:11px;background:#bbb;border:none;cursor:pointer;flex-shrink:0;padding:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s}.switch.on{background:var(--ok)}.switch.on:after{left:19px}.settings h4{margin:14px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.settings h4:first-child{margin-top:0}.settings select{font-size:13px;padding:7px 10px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:flex-start;gap:10px;max-width:min(560px,calc(100vw - 32px));padding:12px 16px;border-radius:8px;box-shadow:0 6px 24px #00000040;font-size:14px;color:#fff;animation:toast-in .18s ease-out}.toast.success{background:var(--ok)}.toast.error{background:var(--bad)}.toast button{background:transparent;border:none;color:inherit;font-size:18px;line-height:1;cursor:pointer;padding:0}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.sp-ivr{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sp-ivr>span{flex:0 0 auto}.sp-ivr input[type=text]{width:52px;flex:0 0 auto;text-align:center;padding:8px 6px}.sp-transfer .sp-ivr button{flex:0 1 auto}input.calllog-search{margin-bottom:8px}.sp input.calllog-search{margin:8px 0;padding:8px 10px;font-size:13px}.ss-group{padding:6px 9px 2px;font-size:11px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.ss-option.ss-contact{display:flex;align-items:center;gap:8px}.ss-option.ss-contact .ss-main{flex:1;min-width:0}.ss-option.ss-contact .ss-main>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-option.ss-contact .ss-sub{color:var(--muted);font-size:12px}.ss-call{flex-shrink:0;width:30px;height:30px;padding:0;border:none;border-radius:50%;background:var(--ok);color:#fff;font-size:15px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.ss-call:hover{filter:brightness(1.1)}