/* Sentinel Dispatch — Telephony module (dial pad, calls, log).
   Copyright (c) 2026 DonHost Media. All rights reserved. Proprietary; see LICENSE. */

.telmod{display:grid;grid-template-columns:270px 1fr;gap:10px;height:100%;min-height:0;}
.telmod .col{display:flex;flex-direction:column;gap:10px;min-height:0;}
.telmod .card h4{margin:0 0 8px;font-size:12px;color:#33475c;}
.telstate{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#33475c;}
.telstate .dot{width:9px;height:9px;}
.telstate .dot.on{background:var(--green);box-shadow:0 0 5px var(--green-dk);}
.telstate .dot.warn{background:var(--orange);}

.dialpad input{width:100%;padding:9px 10px;border:1px solid var(--line2);border-radius:6px;font:600 18px/1.2 "Consolas","DejaVu Sans Mono",monospace;letter-spacing:.08em;text-align:center;}
.dialpad .keys{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0;}
.dialpad .key{height:40px;border:1px solid var(--line2);border-radius:6px;background:linear-gradient(180deg,#fff,#eaf0f7);font:600 16px/1 "Segoe UI",system-ui,sans-serif;cursor:pointer;color:#2a3a4c;}
.dialpad .key small{display:block;font-size:8.5px;font-weight:400;color:var(--mut);letter-spacing:.1em;}
.dialpad .key:hover{border-color:var(--blue);background:#fff;}
.dialpad .key:active{background:var(--sel);}
.dialpad .go{display:flex;gap:6px;}
.dialpad .go .btn{flex:1;}
.dialpad .btn.call{background:linear-gradient(180deg,#7ed24e,#56a62f);border:0;color:#fff;font-weight:700;}

.calls{flex:0 0 auto;}
.calls .none{color:var(--mut);padding:6px 0;}
.callrow{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line2);border-radius:6px;margin-bottom:6px;background:#fff;}
.callrow.ringing{border-color:var(--orange);box-shadow:0 0 0 2px #ef9b2633;animation:telring 1s infinite;}
.callrow.up{border-color:var(--green);}
.callrow.held{border-color:#9fb0c2;background:#f4f7fa;}
.callrow .ic{font-size:20px;width:26px;text-align:center;}
.callrow .g{flex:1;min-width:0;}
.callrow .g b{font-size:13px;}
.callrow .g small{color:var(--mut);display:block;}
.callrow .dur{font-family:"Consolas","DejaVu Sans Mono",monospace;color:#33475c;min-width:46px;text-align:right;}
.callrow .act{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;}
.callrow .act .btn{padding:4px 9px;font-size:11px;}
.callrow .act .btn.ans{background:linear-gradient(180deg,#7ed24e,#56a62f);border:0;color:#fff;font-weight:700;}
.callrow .act .btn.live{background:linear-gradient(180deg,#f3a941,#df831a);border:0;color:#fff;font-weight:700;}
@keyframes telring{0%,100%{box-shadow:0 0 0 2px #ef9b2633}50%{box-shadow:0 0 0 5px #ef9b2666}}

.tellog{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;}
.tellog .tbl{flex:1;min-height:0;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:6px;}
.tellog table{width:100%;border-collapse:collapse;font-size:11.5px;}
.tellog th{position:sticky;top:0;background:linear-gradient(180deg,#eef3f9,#dbe5f1);text-align:left;padding:5px 8px;border-bottom:1px solid var(--line);}
.tellog td{padding:4px 8px;border-bottom:1px solid #eef2f7;white-space:nowrap;}
.tellog .in{color:#1f6f9f;font-weight:600;}
.tellog .out{color:#4e9e2a;font-weight:600;}
.tellog .missed{color:#b82626;font-weight:600;}

.telnone{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:var(--mut);text-align:center;}
.telnone .big{font-size:40px;}
.telnone code{background:var(--chrome2);border:1px solid var(--line2);border-radius:4px;padding:1px 6px;color:#2a3a4c;}

.k-phone{color:#1f6f9f;font-weight:600;}
#telCnt{display:none;}