:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffeb;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body{-webkit-tap-highlight-color:transparent}body{margin:0;min-width:320px;min-height:100vh;padding:16px;display:flex;justify-content:center;align-items:center}.app-shell{width:240px;max-width:240px}.card,#login,#phone{width:240px;max-width:240px;text-align:center;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 14px 12px;box-shadow:0 10px 30px #00000040;background:#1a1a1acc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.title,#login h2,#phone h2{margin:6px 0 10px;font-size:1.25rem}#phone h2{display:none}.small{font-size:.86rem}.muted{opacity:.85}.hint{font-size:.92rem;opacity:.9;white-space:pre-wrap}.field{text-align:left;margin-bottom:10px}.field label{display:block;font-size:.88rem;opacity:.88;margin-bottom:4px}input{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.12);padding:10px;font-size:.95em;outline:none;background:#00000040;color:inherit}input:focus{border-color:#646cffb3;box-shadow:0 0 0 3px #646cff26}button{border-radius:10px;border:1px solid rgba(255,255,255,.12);padding:.45em .9em;font-size:.95em;font-weight:600;font-family:inherit;background-color:#00000040;color:inherit;cursor:pointer;transition:border-color .25s,background-color .2s,transform .06s,box-shadow .2s}button:hover{border-color:#646cffd9}button:active{transform:translateY(1px)}button:focus-visible{outline:none;box-shadow:0 0 0 3px #646cff59}button.muted{opacity:.72}.primary{width:100%;background:#646cff40;border-color:#646cff73}.primary:hover{background:#646cff59;border-color:#646cffbf}.ghost{padding:.35em .7em;font-size:.9em;background:transparent}#statusRow{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}#statusDot{width:12px;height:12px;border-radius:999px;flex:0 0 12px;background:#555;box-shadow:0 0 0 6px #5555552e;border:0;outline:none;transform:translateZ(0)}#statusDot:focus,#statusDot:focus-visible{outline:none;box-shadow:none}#statusDot.status-registered{background:#2ecc71!important;box-shadow:0 0 0 6px #2ecc7133}#statusDot.status-in-call{background:#e74c3c!important;box-shadow:0 0 0 6px #e74c3c33}#statusDot.status-incoming,#statusDot.status-calling{background:#e67e22!important;box-shadow:0 0 0 6px #e67e2238}#statusDot.status-idle{background:#555!important;box-shadow:0 0 0 6px #5555552e}#statusDot.status-dnd{background:#9b59b6!important;box-shadow:0 0 0 6px #9b59b638}.toggle-btn{padding:.22em .55em;font-size:.85em}#number{width:172px;margin:.15rem auto .25rem;display:block;text-align:center;font-size:1.15em}#callButtonsRow{margin-top:8px;display:flex;gap:12px;justify-content:center;align-items:center}#callButtonsRow #btnCall,#callButtonsRow #btnHangup{width:42px!important;height:42px!important;border-radius:999px!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center;line-height:1;border:1px solid transparent!important;color:#fff!important;box-shadow:0 8px 16px #00000040}#callButtonsRow #btnCall svg,#callButtonsRow #btnHangup svg{width:20px;height:20px;display:block}#callButtonsRow #btnCall{background-color:#2ecc71!important;border-color:#27ae60!important}#callButtonsRow #btnCall:hover{background-color:#27ae60!important}#callButtonsRow #btnHangup{background-color:#e74c3c!important;border-color:#c0392b!important}#callButtonsRow #btnHangup:hover{background-color:#c0392b!important}#statusRow.status-incoming~#callButtonsRow #btnCall,#statusRow.status-incoming~#callButtonsRow #btnHangup{transform:translateY(-1px);box-shadow:0 10px 22px #00000059}#statusRow.status-incoming~#callButtonsRow #btnCall{box-shadow:0 10px 22px #00000059,0 0 0 6px #2ecc7124}#statusRow.status-incoming~#callButtonsRow #btnHangup{box-shadow:0 10px 22px #00000059,0 0 0 6px #e74c3c24}#statusRow.status-incoming~#callButtonsRow #btnCall svg,#statusRow.status-incoming~#callButtonsRow #btnHangup svg{width:22px;height:22px}#dialpad{margin-top:6px}#dialpad button{width:42px;height:42px;margin:2px;font-size:.98em;padding:0}#call_controls_row{display:flex;justify-content:center;gap:10px;margin-top:8px}#call_controls_row #btnHold{width:42px!important;height:42px!important;border-radius:999px!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #0000002e}#call_controls_row #btnHold #holdLabel{display:none!important}#call_controls_row #btnHold #holdIcon{display:block;font-size:18px;line-height:1}#call_controls_row #btnHold.is-inactive{color:#ffffff73!important;border-color:#ffffff1a!important}#call_controls_row #btnHold.is-active{color:#9b59b6f2!important;border-color:#9b59b659!important;box-shadow:0 8px 16px #0003,0 0 0 6px #9b59b624}#btnTransfer{margin-top:6px}.contact-name{font-size:.92em;opacity:.9;margin-top:4px;margin-bottom:2px;display:none}.search-results{margin-top:6px;max-height:130px;overflow-y:auto;text-align:left;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:6px;background:#0000002e;pointer-events:auto}.search-result-item{width:100%;text-align:left;font-size:.92em;padding:.35em .55em;margin-bottom:4px;background:#0000002e}.search-result-item:last-child{margin-bottom:0}#transferSearchContainer{margin-top:6px}#phone.compact #dialpad,#phone.compact #call_controls_row,#phone.compact #btnTransfer,#phone.compact #transferSearchContainer{display:none}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}#call_controls_row #btnMute{width:42px!important;height:42px!important;border-radius:999px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 8px 16px #0000002e}#call_controls_row #btnMute #muteLabel{display:none!important}#call_controls_row #btnMute #muteIcon{display:block;font-size:18px;line-height:1}#call_controls_row #btnMute{color:#ffffffa6!important}#call_controls_row #btnMute.muted{color:#fffffff2!important}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}.card,#login,#phone{background:#ffffffd9;border:1px solid rgba(0,0,0,.1);box-shadow:0 10px 30px #0000001f}input{background:#ffffffe6;border:1px solid rgba(0,0,0,.12);color:#213547}button{background-color:#0000000a;border:1px solid rgba(0,0,0,.12);color:#213547}.primary{background:#646cff1a;border-color:#646cff40}a:hover{color:#747bff}#call_controls_row #btnMute,#call_controls_row #btnHold{box-shadow:0 8px 16px #0000001a}#call_controls_row #btnHold.is-inactive{color:#2135478c!important}#call_controls_row #btnMute{color:#213547b3!important}#call_controls_row #btnMute.muted{color:#213547f2!important}}