:root{--hmi-bg:#c9cdd0;--hmi-bg-dark:#9198a0;--hmi-btn-top:#e6e9eb;--hmi-btn-bottom:#b7bcc0;--hmi-border:#4c5054;--hmi-text:#101214;--hmi-text-muted:#4b5054;--hmi-red:#d32f2f}*{box-sizing:border-box;user-select:none;margin:0;padding:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif}body{color:#e2e8f0;background-color:#0c0e11;background-image:radial-gradient(#1e242b 1px,#0000 1px);background-size:24px 24px;justify-content:center;align-items:center;min-height:100vh;display:flex}.hidden{display:none!important}.green-text{color:#4ade80!important}.red-text{color:#f87171!important}.muted-text{color:#94a3b8!important}.start-menu-overlay{backdrop-filter:blur(8px);z-index:1000;background:#0a0e12f0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.start-menu-card{background:#1e232a;border:2px solid #3b4252;border-radius:8px;width:100%;max-width:680px;animation:.25s ease-out fadeInModal;overflow:hidden;box-shadow:0 25px 60px #000c,0 0 30px #2e7d3226}@keyframes fadeInModal{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.start-menu-header{background:#2a313d;border-bottom:2px solid red;align-items:center;gap:16px;padding:16px 24px;display:flex}.db-logo{color:#fff;letter-spacing:1px;background:red;border-radius:4px;padding:4px 10px;font-size:22px;font-weight:900}.start-menu-title h2{color:#fff;letter-spacing:.5px;font-size:20px;font-weight:700}.start-menu-title span{color:#94a3b8;font-size:12px}.start-menu-body{flex-direction:column;gap:18px;padding:24px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#cbd5e1;font-size:13px}.form-control{color:#f1f5f9;background:#0f1318;border:1px solid #475569;border-radius:4px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .2s}select.form-control optgroup{color:#38bdf8;background:#1e232a;font-weight:700}select.form-control option{color:#f1f5f9;background:#0f1318;padding:6px}.start-menu-details{background:#13171d;border:1px solid #334155;border-radius:6px;padding:14px 16px}.info-card{flex-direction:column;gap:8px;font-size:13px;display:flex}.info-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.info-row code{color:#38bdf8;background:#1e293b;border-radius:3px;padding:2px 6px;font-family:monospace}.info-divider{background:#334155;height:1px;margin:4px 0}.sip-advanced-settings{background:#151a22;border:1px solid #334155;border-radius:6px;padding:10px 14px;font-size:13px}.sip-advanced-settings summary{cursor:pointer;color:#94a3b8;user-select:none;outline:none;font-size:13px}.sip-advanced-settings summary:hover{color:#f1f5f9}.settings-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.settings-grid .form-group:first-child,.settings-grid .form-group:nth-child(2){grid-column:span 2}.btn-start-terminal{color:#fff;cursor:pointer;background:linear-gradient(#2e7d32,#1b5e20);border:1px solid #4caf50;border-radius:6px;padding:14px;font-size:16px;font-weight:700;transition:background .2s,transform .1s;box-shadow:0 4px 12px #2e7d3266}.terminal-housing{background:#1c2025;border:12px solid #2d333b;border-radius:10px;padding:14px;transition:border-color .3s,box-shadow .3s;box-shadow:0 25px 70px #000000f2}.terminal-housing.emergency-border{animation:1.2s infinite alternate pulseEmergencyBorder;border-color:#b58b38!important;box-shadow:0 0 20px #b58b38a6,inset 0 0 10px #b58b3873!important}@keyframes pulseEmergencyBorder{0%{border-color:#8a6a2b}to{border-color:#c6a054}}.screen-frame{background-color:var(--hmi-bg);border:2px solid #222;border-radius:2px;flex-direction:column;width:990px;height:600px;display:flex;position:relative;overflow:hidden}.notruf-overlay{color:#1e1b13;text-align:center;z-index:200;pointer-events:none;background-color:#e3d7b7;border:2px solid #66552e;border-radius:2px;padding:24px 42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 15px 40px #00000080}.notruf-overlay-title{letter-spacing:1px;margin-bottom:8px;font-size:21px;font-weight:900}.notruf-overlay-caller{text-transform:uppercase;background:#f4edda;border:1px solid #66552e;border-radius:1px;margin-bottom:8px;padding:6px 16px;font-size:27px;font-weight:900}.notruf-overlay-hint{opacity:.9;font-size:12px}.character-picker-section{background:#0f1318;border-bottom:2px solid #475569;border-radius:6px;margin-bottom:20px;padding:20px}.character-picker-section h3{color:#cbd5e1;margin-bottom:8px;font-size:16px}.character-picker-intro{color:#94a3b8;margin-bottom:16px;font-size:13px}.character-card{cursor:pointer;text-align:center;background:#1a1f26;border:2px solid #3b4252;border-radius:8px;padding:12px;transition:all .2s}.character-card:hover{background:#202834;border-color:#4d91ff;transform:translateY(-2px)}.character-card-icon{margin-bottom:8px;font-size:28px}.character-card-name{color:#cbd5e1;margin-bottom:4px;font-size:14px;font-weight:600}.character-card-desc{color:#64748b;font-size:11px}.phonebook-box{background:#1e232a;border:2px solid #3b4252;border-radius:8px;flex-direction:column;width:90%;max-width:500px;max-height:70vh;display:flex;box-shadow:0 25px 60px #000c}.phonebook-header{background:#2a313d;border-bottom:2px solid #3b4252;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.phonebook-header h3{color:#cbd5e1;white-space:nowrap;margin:0;font-size:16px}.phonebook-search{color:#cbd5e1;background:#0f1318;border:1px solid #475569;border-radius:4px;outline:none;flex:1;padding:8px 12px;font-size:13px}.phonebook-search:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.phonebook-content{flex:1;padding:12px;overflow-y:auto}.phonebook-empty{text-align:center;color:#64748b;padding:24px;font-size:13px}.phonebook-entry{cursor:pointer;background:#0f1318;border:1px solid #3b4252;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px;transition:all .2s;display:flex}.phonebook-entry:hover{background:#151e29;border-color:#4d91ff}.phonebook-entry-info h4{color:#cbd5e1;margin:0 0 4px;font-size:14px}.phonebook-entry-info p{color:#64748b;margin:0;font-size:12px}.phonebook-entry-action{color:#fff;cursor:pointer;white-space:nowrap;background:#4d91ff;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .2s}.phonebook-entry-action:hover{background:#3a7ad9}.status-header{color:var(--hmi-text);border-bottom:2px solid var(--hmi-border);background:linear-gradient(#eef0f1,#d5d9db);align-items:stretch;height:34px;padding:0;font-size:13px;font-weight:600;display:flex}.status-left,.status-center,.status-right{border-right:1px solid #9aa0a4;align-items:center;gap:8px;padding:0 14px;display:flex}.status-right{border-right:none}.status-left{color:var(--hmi-text);white-space:nowrap;text-overflow:ellipsis;max-width:400px;overflow:hidden}.status-icon-ok{color:#fff;background:#388e3c;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;display:inline-flex}.status-icon-warn{color:#000;background:#f59e0b;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;font-weight:700;display:inline-flex}.status-icon-err{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;display:inline-flex}.status-icon-connecting{font-size:12px}.status-center{flex:1;gap:16px}.emergency-counter{color:#c62828;font-weight:800}.fdl-badge{color:var(--hmi-text);border:1px solid var(--hmi-border);background:#fff;border-radius:2px;padding:2px 8px;font-size:12px}.clock-display{color:var(--hmi-text);font-family:monospace;font-size:14px;font-weight:700}.db-badge{background:var(--hmi-red);color:#fff;letter-spacing:.5px;border-radius:2px;padding:1px 5px;font-size:11px;font-weight:900}.db-serial{color:var(--hmi-text-muted);font-family:monospace;font-size:12px}.version-badge{color:var(--hmi-text-muted);border:1px solid var(--hmi-border);background:#4b55644d;border-radius:3px;padding:2px 6px;font-family:monospace;font-size:11px;transition:background .2s,border-color .2s}.version-badge:hover{background:#4b556480;border-color:#6b7684}.button-grid{background-color:var(--hmi-bg);flex:1;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(9,1fr);gap:5px;padding:8px;display:grid;overflow:hidden}.key-btn{background:linear-gradient(to bottom, var(--hmi-btn-top) 0%, var(--hmi-btn-bottom) 100%);border:1px solid var(--hmi-border);color:var(--hmi-text);cursor:pointer;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;padding:2px;font-size:11px;line-height:1.15;transition:background .1s,transform 50ms;display:flex;position:relative;box-shadow:inset 1px 1px #ffffffb3,inset -1px -1px #0003}.key-btn:active{background:#9aa0a4;transform:translateY(1px);box-shadow:inset 1px 1px 3px #0006}.key-btn .key-header{color:#33383c;text-transform:uppercase;font-size:10px}.key-btn .key-main{color:#000;letter-spacing:.5px;font-size:13px;font-weight:800}.key-btn .key-sub{color:var(--hmi-text-muted);font-size:10px}.key-btn.sibling:after,.key-btn.neighbor:after{content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:3px;right:3px}.key-btn.sibling:after{background:#1e5fa8}.key-btn.call-rejected-flash{animation:.3s 4 flashRejectedKey}@keyframes flashRejectedKey{0%{background:#ff5252;border-color:#b71c1c}to{background:var(--hmi-bg)}}.empty-btn{background:0 0;border-radius:2px}.tab-bar{background:var(--hmi-bg-dark);border-top:1px solid #6b7075;gap:3px;padding:4px 6px 0;display:flex}.tab-btn{border:1px solid var(--hmi-border);color:#24282b;cursor:pointer;background:linear-gradient(#d3d7da,#aeb3b7);border-bottom:none;border-radius:2px 2px 0 0;flex:1;padding:8px 0;font-size:12px;font-weight:700}.tab-btn.active{background:var(--hmi-bg);color:#000;position:relative;top:1px}.function-bar{background:var(--hmi-bg-dark);border-top:2px solid #6b7075;align-items:center;gap:6px;height:68px;padding:6px;display:flex}.btn-notruf{color:#fff;letter-spacing:1px;cursor:pointer;background:linear-gradient(#f0857c,#d9463c);border:2px solid #7f0000;border-radius:2px;width:105px;height:100%;font-size:15px;font-weight:900;box-shadow:inset 1px 1px #ffb3ac,0 2px 4px #0000004d}.btn-notruf:active{background:#b71c1c;transform:translateY(1px)}.btn-func{background:linear-gradient(to bottom, var(--hmi-btn-top) 0%, var(--hmi-btn-bottom) 100%);border:1px solid var(--hmi-border);min-width:58px;height:100%;color:var(--hmi-text);cursor:pointer;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:700;display:flex;box-shadow:inset 1px 1px #ffffffb3}.btn-func small{color:#24282b;font-size:10px}.btn-func-icon{color:#24282b;width:20px;height:20px;display:flex}.btn-func-icon svg{width:100%;height:100%}.btn-func.active-toggled{background:linear-gradient(#f0a8a2,#d9695f);border-color:#7f0000}.btn-func.active-toggled .btn-func-icon,.btn-func.active-toggled small{color:#4a0000}.btn-call-action{background:linear-gradient(to bottom, var(--hmi-btn-top) 0%, var(--hmi-btn-bottom) 100%);border:2px solid var(--hmi-border);width:150px;height:100%;color:var(--hmi-text-muted);cursor:pointer;text-align:center;border-radius:2px;justify-content:center;align-items:center;margin-left:auto;padding:4px;font-size:12px;font-weight:700;line-height:1.25;display:flex;box-shadow:inset 1px 1px #ffffffb3}.btn-call-action.incoming{color:#000;background:#ffa726;border-color:#e65100;animation:.5s infinite alternate pulseIncoming}@keyframes pulseIncoming{0%{background:#ffe0b2}to{background:#ff9800}}.btn-call-action.connected{color:#000;background:#4caf50;border-color:#1b5e20}.btn-call-action.dialing{color:#000;background:#38bdf8;border-color:#0284c7;animation:.8s infinite alternate pulseDialing}@keyframes pulseDialing{0%{background:#bae6fd}to{background:#38bdf8}}.btn-call-action.emergency{color:#fff;background:#f87171;border-color:#b91c1c;animation:.4s infinite alternate pulseEmergencyBtn}@keyframes pulseEmergencyBtn{0%{background:#ef4444}to{background:#7f1d1d}}.call-timer{color:#1b5e20;font-family:monospace;font-size:13px;font-weight:700}.tab-panel-full{background:var(--hmi-bg);color:var(--hmi-text);border-radius:2px;flex-direction:column;grid-area:span 5/span 9;gap:14px;padding:16px;display:flex;overflow:hidden}.tab-panel-full h3{color:var(--hmi-text);border-bottom:1px solid var(--hmi-border);padding-bottom:6px;font-size:15px}.sms-quick-list{flex-direction:column;gap:8px;display:flex}.sms-btn{background:linear-gradient(to bottom, var(--hmi-btn-top), var(--hmi-btn-bottom));border:1px solid var(--hmi-border);color:var(--hmi-text);text-align:left;cursor:pointer;border-radius:2px;padding:10px 14px;font-size:13px;transition:background .15s}.sms-btn:hover{background:#d3d7da}.sms-custom-box{gap:8px;margin-top:auto;display:flex}.sms-custom-box input{border:1px solid var(--hmi-border);color:var(--hmi-text);background:#fff;border-radius:2px;flex:1;padding:8px 12px;font-size:13px}.btn-send-sms{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:2px;padding:0 16px;font-weight:700}.history-panel .panel-header{justify-content:space-between;align-items:center;display:flex}.btn-clear-history{background:var(--hmi-bg-dark);color:#fff;border:1px solid var(--hmi-border);cursor:pointer;border-radius:2px;padding:4px 10px;font-size:11px}.history-scroll-list{flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}.history-row{background:#fff;border:1px solid #9aa0a4;border-radius:2px;align-items:center;gap:12px;padding:8px 12px;font-size:12px;display:flex}.history-row.history-emergency{background:#fde3e1;border:1px solid #d32f2f}.history-time{color:var(--hmi-text-muted);font-family:monospace}.history-dir{color:#0284c7;font-weight:700}.history-target{flex:1}.btn-history-recall{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:2px;padding:4px 10px;font-size:11px}.system-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sys-card{border:1px solid var(--hmi-border);background:#fff;border-radius:2px;padding:12px 16px;font-size:13px}.sys-card h4{color:var(--hmi-text);border-bottom:1px solid #9aa0a4;margin-bottom:8px;padding-bottom:4px;font-size:13px}.sys-card p{margin-bottom:4px}.system-actions{justify-content:flex-end;margin-top:auto;display:flex}.btn-logout{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:4px;padding:10px 18px;font-size:13px;font-weight:700}.modal-overlay{z-index:500;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialpad-box{background:#1e242b;border:2px solid #475569;border-radius:8px;flex-direction:column;gap:12px;width:320px;padding:16px;display:flex;box-shadow:0 20px 40px #000000e6}.dialpad-header{justify-content:space-between;align-items:center;display:flex}.dialpad-header h3{color:#f1f5f9;font-size:13px}.btn-close-modal{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:16px}.dialpad-display input{color:#38bdf8;text-align:center;background:#0f1318;border:1px solid #334155;border-radius:4px;width:100%;padding:10px;font-family:monospace;font-size:20px}.dialpad-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.dialpad-key{color:#fff;cursor:pointer;background:linear-gradient(#334155,#1e293b);border:1px solid #475569;border-radius:4px;height:48px;font-size:20px;font-weight:700}.dialpad-key:active{background:#0f172a}.dialpad-actions{gap:8px;display:flex}.btn-dialpad-clear{color:#fff;cursor:pointer;background:#475569;border:none;border-radius:4px;flex:1;padding:10px;font-weight:700}.btn-dialpad-call{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:4px;flex:2;padding:10px;font-weight:700}.device-label-row{justify-content:space-between;align-items:center;display:flex}.btn-link-action{color:#38bdf8;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;text-decoration:underline}.btn-link-action:hover{color:#7dd3fc}.vu-meter-wrap{align-items:center;gap:8px;margin-top:4px;display:flex}.vu-label{color:#94a3b8;min-width:40px;font-size:11px}.vu-meter-bar-container{background:#0f1318;border:1px solid #334155;border-radius:4px;flex:1;height:8px;position:relative;overflow:hidden}.vu-meter-bar{background:linear-gradient(90deg,#22c55e 0%,#eab308 70%,#ef4444 100%);border-radius:3px;width:0%;height:100%;transition:width 60ms linear}.audio-test-actions{gap:8px;margin-top:6px;display:flex}.btn-test-sound,.btn-test-mic{color:#f1f5f9;cursor:pointer;background:#242c38;border:1px solid #475569;border-radius:4px;flex:1;padding:6px 10px;font-size:11px;font-weight:600;transition:background .15s,border-color .15s}.btn-test-sound:hover,.btn-test-mic:hover{background:#334155;border-color:#38bdf8}.btn-test-mic.active-testing{color:#fff;background:#047857;border-color:#34d399;animation:1s infinite alternate pulseTestingMic}@keyframes pulseTestingMic{0%{box-shadow:0 0 2px #34d399}to{box-shadow:0 0 10px #34d399}}.audio-activity-badge{border:1px solid var(--hmi-border);background:#fff;border-radius:2px;align-items:center;gap:6px;padding:2px 6px;font-family:monospace;font-size:11px;display:flex}.tx-indicator,.rx-indicator{color:#6b7075;align-items:center;gap:4px;font-weight:700;transition:color .1s;display:inline-flex}.indicator-dot{background:#9aa0a4;border-radius:50%;width:6px;height:6px;transition:background .1s,box-shadow .1s;display:inline-block}.tx-indicator.active-tx{color:#4ade80}.tx-indicator.active-tx .indicator-dot{background:#22c55e;box-shadow:0 0 8px #22c55e}.rx-indicator.active-rx{color:#38bdf8}.rx-indicator.active-rx .indicator-dot{background:#0284c7;box-shadow:0 0 8px #38bdf8}.audio-modal-box{background:#1a2027;border:2px solid #38bdf8;border-radius:8px;flex-direction:column;width:100%;max-width:480px;animation:.2s ease-out fadeInModal;display:flex;overflow:hidden;box-shadow:0 25px 60px #000000e6,0 0 20px #38bdf833}.audio-modal-header{background:#242c38;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.audio-modal-title{align-items:center;gap:10px;display:flex}.audio-modal-title h3{color:#f8fafc;font-size:15px;font-weight:700}.audio-modal-icon{font-size:20px}.audio-modal-body{flex-direction:column;gap:16px;max-height:75vh;padding:18px;display:flex;overflow-y:auto}.audio-section{background:#11161d;border:1px solid #2d3748;border-radius:6px;flex-direction:column;gap:8px;padding:12px;display:flex}.audio-section label{color:#cbd5e1;font-size:12px}.audio-section-header{justify-content:space-between;align-items:center;display:flex}.btn-refresh-devices{color:#94a3b8;cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:4px;padding:2px 8px;font-size:11px}.btn-refresh-devices:hover{color:#fff;background:#334155}.audio-btn-row{gap:8px;display:flex}.btn-audio-action{color:#f1f5f9;cursor:pointer;background:#242c38;border:1px solid #475569;border-radius:4px;flex:1;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s}.btn-audio-action:hover{background:#334155;border-color:#38bdf8}.btn-audio-action.active-loopback{color:#fff;background:#065f46;border-color:#10b981;box-shadow:0 0 10px #10b98166}.volume-slider-row{align-items:center;gap:12px;display:flex}.volume-slider{-webkit-appearance:none;appearance:none;background:#334155;border-radius:3px;outline:none;flex:1;height:6px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:#38bdf8;border-radius:50%;width:18px;height:18px;box-shadow:0 0 6px #38bdf899}.volume-slider::-moz-range-thumb{cursor:pointer;background:#38bdf8;border-radius:50%;width:18px;height:18px}.audio-dsp-options{font-size:12px}.checkbox-grid{flex-direction:column;gap:8px;margin-top:4px;display:flex}.checkbox-label{cursor:pointer;color:#e2e8f0;align-items:center;gap:8px;font-size:12px;display:flex}.checkbox-label input[type=checkbox]{accent-color:#0284c7;cursor:pointer;width:16px;height:16px}.audio-modal-footer{background:#242c38;border-top:1px solid #334155;justify-content:flex-end;padding:12px 18px;display:flex}.btn-primary-audio{color:#fff;cursor:pointer;background:linear-gradient(#0284c7,#0369a1);border:1px solid #38bdf8;border-radius:4px;padding:8px 18px;font-size:13px;font-weight:700;transition:background .15s}.btn-primary-audio:hover{background:linear-gradient(#0369a1,#075985)}.login-form{gap:12px;display:grid}.activation-intro{color:#cbd5e1;font-size:13px;line-height:1.4}.login-form h3{margin:0}.login-message{color:#ff9a9a;min-height:1.2rem;margin:0}.session-row{color:#d9e9f5;justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}:root{--ink:#182d31;--muted:#687c7f;--paper:#f3f6f5;--line:#dce5e2;--accent:#087f70;--accent-soft:#e5f3ee}body{color:var(--ink);background:#edf2ef}button,input,select,textarea{font:inherit}input,textarea,p,small,label{user-select:text}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:3px;outline:3px solid #28a995}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:var(--accent)}.start-menu-overlay{background:var(--paper);backdrop-filter:none;padding:36px;overflow:auto}.start-menu-card{border:1px solid var(--line);background:#fff;border-radius:24px;flex-shrink:0;grid-template-columns:1fr 1fr;width:min(1180px,100%);max-width:none;min-height:710px;display:grid;overflow:hidden;box-shadow:0 18px 75px #15372a0b}.welcome-panel{color:#fff;background:#123b38;flex-direction:column;justify-content:space-between;padding:42px;display:flex;position:relative;overflow:hidden}.product-brand{letter-spacing:1.5px;color:inherit;align-items:center;gap:7px;font-size:14px;font-weight:800;text-decoration:none;display:flex}.brand-symbol{color:#123b38;background:#b4e6c5;border-radius:9px;place-items:center;width:33px;height:33px;margin-right:6px;font-size:24px;display:grid}.brand-light{opacity:.65;font-weight:400}.eyebrow{letter-spacing:2px;color:var(--muted);margin-bottom:15px;font-size:10px;font-weight:700;display:block}.welcome-panel .eyebrow{color:#a7d6bd;margin-top:64px}.welcome-panel h1{letter-spacing:-2px;font-size:clamp(32px,3.7vw,51px);font-weight:500;line-height:1.13}.welcome-panel p{color:#bbd0c9;margin-top:24px;font-size:14px;line-height:1.8}.welcome-footer{color:#bdd4cb;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.welcome-footer>span:last-child{letter-spacing:1.5px;opacity:.65;flex-basis:100%;margin-top:12px;font-size:9px}.live-dot{background:#b5e8ba;border-radius:50%;width:6px;height:6px;display:inline-block}.network-art{background:radial-gradient(#ffffff18 1px,#0000 1px) 0 0/16px 16px;height:190px;margin:25px 0;position:relative}.network-line{border:2px solid #7faf9866;border-radius:55px;width:75%;height:90px;position:absolute;top:30px;left:10%;transform:rotate(-16deg)}.line-b{border-color:#b6e3c6a6;width:58%;top:65px;left:18%;transform:rotate(16deg)}.network-node{letter-spacing:1px;color:#d6ece0;background:#204740;border:1px solid #6d9884;border-radius:6px;padding:9px 12px;font:9px ui-monospace,monospace;position:absolute}.node-a{top:24px;left:4%}.node-b{top:108px;left:30%}.node-c{top:54px;right:0}.onboarding-panel{align-self:center;min-width:0;padding:44px 45px}.start-menu-header{background:0 0;border:0;padding:0 0 28px}.start-menu-title h2{letter-spacing:-1px;color:var(--ink);font-size:31px;font-weight:600}.start-menu-title span:not(.eyebrow){color:var(--muted);margin-top:10px;font-size:12px;line-height:1.6;display:block}.start-menu-body{padding:0}.login-form{gap:20px}.login-form h3{font-size:17px}.form-intro{color:var(--muted);margin-top:-10px;font-size:13px;line-height:1.6}.form-group label{color:var(--ink);font-size:12px;font-weight:600}.form-control{color:var(--ink);background:#fff;border:1px solid #d2ded9;border-radius:9px;width:100%;min-width:0;padding:12px;font-size:13px}.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px #087f7012}.btn-start-terminal{background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:9px;width:100%;margin-top:6px;padding:13px 18px;font-size:13px;font-weight:600;box-shadow:0 3px 5px #087f7010}.btn-start-terminal:hover{background:#086a5e}.btn-start-terminal:active{transform:translateY(1px)}.login-message{color:#b83935;min-height:0;font-size:13px;line-height:1.6}.login-message:empty{display:none}.login-message:not(:empty){background:#fff0ed;border-radius:7px;padding:10px 12px}.session-row{color:var(--muted);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:12px;margin-bottom:20px;padding-bottom:18px;font-size:11px}.session-row a{color:var(--accent)}.text-button{color:var(--accent);background:0 0;border:0;padding:7px 0;font-size:12px}.session-row .text-button{margin-left:auto}.character-picker-section{background:0 0;border:0;margin:0;padding:0}.character-picker-section h3{color:var(--ink);text-align:left;font-size:18px}.character-picker-intro{text-align:left;color:var(--muted);margin:8px 0 20px;font-size:12px;line-height:1.6}.character-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.character-card{text-align:left;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:12px;min-height:166px;padding:18px;transition:border-color .15s,background .15s;position:relative}.character-card:hover{border-color:var(--accent);background:#f4faf7;transform:none}.character-card:after{content:"↗";color:var(--muted);position:absolute;top:19px;right:17px}.character-card-icon{background:var(--accent-soft);color:var(--accent);border-radius:9px;place-items:center;width:34px;height:34px;margin-bottom:15px;font:600 12px ui-monospace,monospace;display:grid}.character-card-kind{color:var(--muted);margin-bottom:7px;font-size:9px}.character-card-name{color:var(--ink);font-size:14px}.character-card-desc{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.6}.empty-state{border:1px dashed var(--line);color:var(--muted);border-radius:10px;grid-column:1/-1;padding:20px;font-size:13px;line-height:1.8}.start-menu-details{background:0 0;border:0;margin:14px 0;padding:0}.info-card{border:1px solid var(--line);background:#f5f8f6;border-radius:9px;padding:14px}.info-row{color:var(--ink);flex-wrap:wrap;font-size:11px;line-height:1.6}.info-row span{color:var(--muted)}.info-row code{color:var(--accent);overflow-wrap:anywhere;background:#e8f2ed}.info-divider{border-color:var(--line)}.info-row.green-text{color:#247f5c!important}.sip-advanced-settings{border:1px solid var(--line);background:#f8faf9;border-radius:10px;margin:18px 0;padding:14px}.sip-advanced-settings summary{color:var(--ink);font-size:12px}.settings-grid{grid-template-columns:1fr;gap:18px;margin-top:16px}.btn-link-action{color:var(--accent)}.btn-test-sound,.btn-test-mic{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:6px}.vu-meter-bar-container{background:#dfe9e4}.vu-label{color:var(--muted)}.modal-overlay{backdrop-filter:blur(7px);background:#102b2d80;padding:20px}.audio-modal-box,.phonebook-box,.dialpad-box{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:18px;max-width:100%;max-height:90dvh;overflow:auto;box-shadow:0 20px 70px #102b2d35}.audio-modal-header,.audio-modal-footer,.phonebook-header{border-color:var(--line);background:#fff}.audio-modal-title h3,.phonebook-header h3,.dialpad-header h3{color:var(--ink)}.btn-close-modal{color:var(--muted);border-radius:8px;width:36px;height:36px}.audio-modal-body{background:#fff}.audio-section{border-color:var(--line);background:#f7f9f8}.audio-section label,.audio-section-header,.audio-dsp-options h4,.checkbox-label{color:var(--ink)}.btn-audio-action,.btn-refresh-devices{color:var(--accent);border-color:var(--line);background:#fff}.btn-primary-audio,.btn-dialpad-call{background:var(--accent);border-color:var(--accent);color:#fff;border-radius:8px}.phonebook-search,.dialpad-display input{color:var(--ink);border:1px solid var(--line);background:#f5f8f6;border-radius:8px}.phonebook-entry{border-color:var(--line);background:#fff}.phonebook-entry:hover{background:#f4f9f6}.phonebook-entry-info h4{color:var(--ink)}.phonebook-entry-info p{color:var(--muted)}.phonebook-entry-action{background:var(--accent-soft);color:var(--accent);border:0}.dialpad-key{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:#f1f5f3;border-radius:9px}.btn-dialpad-clear{color:#ab3834;background:#f6ecea;border:0;border-radius:8px}.terminal-housing{background:linear-gradient(115deg,#414448,#292c30 65%);border:2px solid #17191c;border-radius:9px;margin:28px;padding:22px 25px 26px;position:relative;box-shadow:inset 0 1px 1px #ffffff26,0 9px #202226,0 20px 38px #0004}.radio-nameplate{color:#d2d5da;letter-spacing:.6px;justify-content:space-between;align-items:center;padding:0 2px 18px;font:600 15px Arial,sans-serif;display:flex}.radio-nameplate small{letter-spacing:1px;color:#a7abb2;margin-left:12px;font:9px Arial,sans-serif}.radio-model{text-align:right;color:#adb2ba;letter-spacing:1px;font:9px Arial,sans-serif}.screen-frame{--hmi-bg:#c9cdd2;--hmi-bg-dark:#a4aab2;--hmi-btn-top:#e4e8ed;--hmi-btn-bottom:#b8c2ce;--hmi-text:#121820;--hmi-text-muted:#414c5a;--hmi-border:#6c7581;color:#141a22;background:#c9cdd2;border:5px solid #17191c;border-radius:3px;width:990px;height:660px;box-shadow:0 1px 1px #ffffff35}.status-header{color:#141a22;background:#d4d7dc;border-bottom:1px solid #737a83}.button-grid{background:#c9cdd2}.key-btn{background:linear-gradient(#e6eaf0,#bbc6d3);border:1px solid #737d8a;border-radius:2px;box-shadow:inset 1px 1px #f7f9fc,inset -1px -1px #9ca7b4}.key-btn:hover{filter:brightness(1.035)}.key-btn .key-header{color:#3b4757}.key-btn .key-main{color:#111b28}.key-btn.neighbor:after{background:#6386ae}.empty-btn{opacity:1;background:#c1c6cc;border:1px solid #adb4bd}.tab-bar{background:#acb3bd;border-top:1px solid #777f8b}.tab-btn{color:#1d2a3a;background:linear-gradient(#e0e4e9,#bcc4cd);border-color:#747e8c}.tab-btn.active{color:#152334;background:#dfe4eb;border-color:#657487}.function-bar{background:#aab1ba;border-top:2px solid #6d7580;gap:6px;height:68px;padding:6px}.btn-func{color:#283a51;background:linear-gradient(#e5e9ee,#bac3ce);border:1px solid #626e80;border-radius:2px;height:100%;box-shadow:inset 1px 1px #f4f7fb,inset -1px -1px #939eac}.btn-func small{color:#26394f}.btn-func-icon{color:#243c5b}.btn-notruf{color:#fff;letter-spacing:1px;background:linear-gradient(#ed8079,#ce4f48);border:2px solid #803b37;border-radius:2px;box-shadow:inset 1px 1px #ffc4bf,inset -1px -1px #b5413a}.btn-call-action{color:#1a2c42;background:linear-gradient(#e5eaf0,#c0c8d2);border:1px solid #677488;border-radius:2px;box-shadow:inset 1px 1px #f5f7fb}.terminal-housing :focus-visible{outline-color:#406da6}@media (width<=1050px){.start-menu-overlay{padding:20px}.welcome-panel{padding:30px}.onboarding-panel{padding:32px}.terminal-housing{max-width:calc(100vw - 36px);margin:18px;padding:12px 18px 20px}.screen-frame{width:min(990px,100vw - 76px);height:min(680px,85dvh);min-height:530px}.status-header{flex-wrap:wrap;gap:8px}.status-center{flex-wrap:wrap}.radio-nameplate small{display:none}}@media (width<=720px){.start-menu-overlay{align-items:flex-start;padding:0;position:absolute}.start-menu-card{border:0;border-radius:0;flex-direction:column;min-height:100dvh;display:flex}.welcome-panel{gap:18px;padding:24px}.welcome-panel .eyebrow{margin-top:15px}.welcome-panel h1{font-size:34px}.welcome-panel p,.network-art,.welcome-footer{display:none}.onboarding-panel{width:100%;padding:30px 24px}.character-grid{gap:10px}.character-card{padding:15px}.start-menu-title h2{font-size:26px}.radio-model{display:none}.terminal-housing{max-width:calc(100vw - 20px);margin:10px;padding:10px}.screen-frame{border-width:4px;width:calc(100vw - 44px);height:calc(100dvh - 104px);min-height:620px}.button-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:6px;overflow:auto}.key-btn{min-height:85px}.status-header{padding:8px;font-size:10px}.status-right{margin-left:0}.status-center{gap:6px;font-size:9px}.db-serial,.version-badge{display:none}.tab-bar{flex-shrink:0;overflow:auto}.tab-btn{flex:none;padding:12px}.function-bar{flex-wrap:wrap;gap:8px;padding:10px}.btn-func{flex:1;min-width:42px;height:58px}.btn-notruf{min-width:86px;min-height:58px}.btn-call-action{flex-basis:100%;min-height:48px}.phonebook-header{flex-wrap:wrap}.phonebook-search{flex-basis:100%;order:3}.modal-overlay{padding:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}[hidden]{display:none!important}.welcome-panel h1{letter-spacing:-1px;font-size:38px;line-height:1.2}.product-brand{text-transform:none;letter-spacing:.2px;font-size:15px;font-weight:600}.status-header,.function-bar{flex-shrink:0}@media (width<=720px){.welcome-panel h1{font-size:30px}.welcome-panel .product-brand{padding-right:85px;font-size:13px}.terminal-housing{margin-top:55px}.screen-frame{height:calc(100dvh - 145px);min-height:630px}.status-header{height:auto;min-height:65px;overflow:visible}.status-left,.status-center,.status-right{border:0;height:auto;min-height:18px;padding:0}.status-center{flex-basis:100%;order:3}.status-right{margin-left:auto}.function-bar{grid-template-columns:repeat(4,minmax(0,1fr));height:auto;min-height:150px;display:grid}.btn-notruf{grid-row:span 2;width:100%;min-width:0;font-size:11px}.btn-func{width:100%;min-width:0;height:48px}.btn-call-action{grid-column:3/5;width:100%;min-width:0}.button-grid{flex:1;grid-template-rows:none;grid-auto-rows:minmax(85px,auto);align-content:start;min-height:0}.button-grid .empty-btn{display:none}.tab-bar{min-height:43px;overflow:auto hidden}}