: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}.form-control:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}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 span{color:#94a3b8}.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}.btn-start-terminal:hover{background:linear-gradient(#388e3c,#2e7d32)}.btn-start-terminal:active{transform:translateY(1px)}.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-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.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.neighbor:after{background:#2e7d32}.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}.session-row a{color:#8ed1ff}