/* Alpha 5.4 telephone monitoring, callbacks and priority interruptions */
.lk-phone-desk{flex:0 0 auto;margin:5px 10px 9px;padding:0;border:1px solid #3f5963;background:#10252e;border-radius:5px;overflow:hidden}
.lk-phone-head{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:9px 10px;border-bottom:1px solid #314b55;background:#1b343e}
.lk-phone-head b{font:800 10px var(--mono,monospace);letter-spacing:.04em;color:#d6f3ef}
.lk-phone-head small{font:700 9px var(--mono,monospace);color:#b6d1d8;white-space:nowrap}
.lk-phone-list{display:flex;flex-direction:column;max-height:155px;overflow-y:auto;scrollbar-width:thin}
.lk-phone-line{display:flex;align-items:center;border-bottom:1px solid #28424d;min-height:34px}
.lk-phone-line:last-child{border-bottom:0}
.lk-phone-line>button:first-child{flex:1;display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;min-width:0;text-align:left;padding:9px 8px;color:#ddecef;background:transparent;border:0;cursor:pointer}
.lk-phone-line>button:first-child:hover{background:#28454f}
.lk-phone-line strong{font:800 10px var(--mono,monospace);white-space:nowrap}
.lk-phone-line em{font:800 8px var(--mono,monospace);font-style:normal;color:#a4d7d4}
.lk-phone-line time{font:800 10px var(--mono,monospace);font-variant-numeric:tabular-nums;min-width:41px;text-align:right;color:#bbdee6}
.lk-phone-line.state-ringing{background:#3b2c22}
.lk-phone-line.state-ringing em,.lk-phone-line.state-ringing time{color:#ffcd89}
.lk-phone-line.state-waiting,.lk-phone-line.state-hold{background:#2a3133}
.lk-phone-line.state-waiting em,.lk-phone-line.state-hold em{color:#f0cc97}
.lk-phone-line.state-talking{background:#174035}
.lk-phone-line.state-talking em{color:#a5f2cc}
.lk-phone-line>button.lk-phone-park{flex:0 0 25px;height:27px;margin:0 5px 0 0;padding:0;border:1px solid #648086;background:#27414a;color:#f8deb7;font:800 11px var(--mono,monospace);border-radius:3px;cursor:pointer}
.lk-phone-empty{padding:10px;color:#8faeba;font:11px var(--ui,Arial,sans-serif)}
.lk-incoming-banner[hidden],.lk-callback-overlay[hidden]{display:none!important}
.lk-incoming-banner{position:fixed;right:18px;top:75px;z-index:10100;width:min(365px,calc(100vw - 28px));padding:14px 15px;background:#35291f;border:2px solid #dfa15f;box-shadow:0 10px 45px #000a;border-radius:8px;color:#ffe4c4;animation:lkIncomingGlow 1.4s infinite}
.lk-incoming-banner strong{display:block;font:900 13px var(--mono,monospace);margin-bottom:6px}
.lk-incoming-banner div{font:11px var(--ui,Arial,sans-serif)}
.lk-incoming-banner time{font:800 12px var(--mono,monospace)}
.lk-incoming-banner nav{display:flex;gap:6px;margin-top:11px}
.lk-incoming-banner button{background:#d4e5e2;color:#18313b;border:0;padding:8px 10px;border-radius:4px;cursor:pointer;font:800 9px var(--mono,monospace)}
.lk-incoming-banner button:first-child{background:#80dfb1;color:#0b3020}
.lk-incoming-banner button:nth-child(2){background:#f4c985;color:#362719}
@keyframes lkIncomingGlow{0%,100%{border-color:#bd8959}50%{border-color:#ffe0a2}}
.lk-call-flex-actions{display:flex;gap:7px;align-items:stretch;margin-top:auto}
.lk-call-flex-actions .lk-answer-button{flex:1}
.lk-call-flex-actions .lk-call-secondary{white-space:nowrap}
.lk-callback-overlay{z-index:10200}
.lk-callback-dialog{width:min(700px,100%);min-height:300px}
.lk-callback-body{overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:20px;background:#122b34}
.lk-callback-body form{display:flex;flex-direction:column;gap:11px}
.lk-callback-body label{display:flex;flex-direction:column;gap:6px;font:800 11px var(--mono,monospace);color:#a8d5d7}
.lk-callback-body input,.lk-callback-body select,.lk-callback-body textarea{border:1px solid #526d75;background:#0c2028;color:#f5ffff;border-radius:4px;padding:9px 11px;font:12px var(--ui,Arial,sans-serif);width:100%}
.lk-callback-note{margin:0;background:#283c42;border-left:3px solid #d7b56b;padding:12px;color:#f0ddbc;font:12px/1.5 var(--ui,Arial,sans-serif)}
.lk-callback-suggestion{border:1px solid #52a99b;color:#d9f7ea;background:#17493f;padding:10px 12px;border-radius:4px;cursor:pointer;font:800 11px var(--mono,monospace)}
.lk-callback-btn{display:block;width:100%;margin-top:7px;background:#1d3b45;border:1px solid #4d7a83;color:#c7e9ef;border-radius:4px;padding:10px;font:800 10px var(--mono,monospace);cursor:pointer}
.lk-callback-btn:hover{background:#2a515c}
@media(max-width:850px){.lk-incoming-banner{top:10px;right:9px}.lk-call-flex-actions{flex-wrap:wrap}.lk-call-flex-actions>*{flex:1}}
@media(prefers-reduced-motion:reduce){.lk-incoming-banner{animation:none}}