/* KK Live */
.live-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}
.live-page-head{align-items:flex-start;gap:16px}
.live-stats-compact{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:0}
.live-stat-pill{display:flex;align-items:baseline;gap:6px;padding:7px 10px;border:1px solid var(--border-light);border-radius:999px;background:#fff}
.live-stat-pill strong{font-size:13px;color:var(--text-main)}
.live-stat-pill span{font-size:11px;color:var(--text-sec)}
.live-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}
.live-grid-settings{grid-template-columns:1fr 1fr}
.live-shell{display:grid;grid-template-columns:minmax(280px,25%) minmax(520px,1fr) minmax(260px,20%);gap:16px;align-items:start}
.live-shell-context-collapsed{grid-template-columns:minmax(280px,25%) minmax(520px,1fr) 48px}
.live-pane{min-width:0}
.live-pane-queue{grid-column:1}
.live-pane-conversation{grid-column:2}
.live-pane-context{grid-column:3;transition:width .2s ease, min-width .2s ease, max-width .2s ease}
.live-pane-context.is-collapsed{min-width:48px;max-width:48px;overflow:hidden}
.live-lane{padding:12px;border:1px solid var(--border-light);border-radius:14px;background:#fafbfc}
.live-lane + .live-lane{margin-top:10px}
.live-lane-title{font-size:12px;font-weight:700;color:var(--text-main);margin-bottom:6px}
.live-empty{font-size:12px;color:var(--text-sec);line-height:1.5}
.live-agent-list{display:flex;flex-direction:column;gap:10px}
.live-agent-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-light)}
.live-agent-row:last-child{border-bottom:0}
.live-agent-name{font-size:13px;font-weight:700;color:var(--text-main)}
.live-agent-meta{font-size:11px;color:var(--text-sec);margin-top:2px}
.live-agent-pill{font-size:11px;padding:5px 8px;border-radius:999px;background:#eef2f7;color:#516075}
.live-agent-pill.active{background:#dcfce7;color:#166534}
.live-help{font-size:12px;color:var(--text-sec);margin:0 0 10px}
.live-code{min-height:120px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre}
.live-actions{display:flex;gap:8px;align-items:center;justify-content:flex-start;margin-top:12px}
.live-column{display:flex;flex-direction:column;gap:10px;max-height:72vh;overflow:auto}
.live-column-title{font-size:11px;font-weight:800;color:var(--text-sec);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}
.live-conv-card{display:block;width:100%;text-align:left;border:1px solid var(--border-light);border-radius:10px;background:#fff;padding:8px 10px;cursor:pointer;transition:border-color .12s, background .12s}
.live-conv-card:hover{background:#fafbfc}
.live-conv-card.active{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb inset}
.live-conv-card.critical{border-left:3px solid #dc2626}
.live-conv-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}
.live-conv-top strong{font-weight:600;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-time{font-size:10.5px;color:var(--text-sec);font-weight:500;flex-shrink:0}
.live-conv-msg{font-size:12px;color:var(--text-sec);margin-top:3px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.live-conv-bot{display:flex;justify-content:flex-start;gap:6px;margin-top:6px}
.live-score{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;letter-spacing:.02em}
.live-score-low{background:#f3f4f6;color:#6b7280}
.live-score-mid{background:#fef3c7;color:#a16207}
.live-score-high{background:#dcfce7;color:#047857}
.live-tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.live-lang-pill,.live-tag-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700;letter-spacing:.02em}
.live-lang-en{background:#dbeafe;color:#1d4ed8}
.live-lang-es{background:#fef3c7;color:#a16207}
.live-lang-pt{background:#dcfce7;color:#047857}
.live-tag-urgent{background:#fee2e2;color:#b91c1c}
.live-tag-offline{background:#ede9fe;color:#6d28d9}
.live-tag-migration{background:#ccfbf1;color:#0f766e}
.live-tag-corporate{background:#dbeafe;color:#1d4ed8}
.live-tag-neutral{background:#eef2f7;color:#516075}
.live-tag-score{background:#ecfeff;color:#155e75}
.live-sla-new{background:#e0f2fe;color:#075985}
.live-sla-late{background:#fef3c7;color:#a16207}
.live-sla-critical{background:#fee2e2;color:#b91c1c}
.live-sla-owned{background:#dcfce7;color:#166534}
.live-sla-closed{background:#f3f4f6;color:#4b5563}
.live-conv-pane{display:flex;flex-direction:column;gap:12px;min-height:72vh}
.live-conv-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:10px;border-bottom:1px solid var(--border-light)}
.live-conv-name{font-size:14px;font-weight:800;color:var(--text-main)}
.live-conv-meta{font-size:11px;color:var(--text-sec);margin-top:4px}
.live-msg-list{display:flex;flex-direction:column;gap:10px;overflow:auto;flex:1;min-height:420px;max-height:58vh;padding-right:4px}
.live-msg{padding:10px 12px;border-radius:14px;max-width:88%}
.live-msg.visitor{background:#eef4ff;align-self:flex-start}
.live-msg.agent{background:#dcfce7;align-self:flex-end}
.live-msg.system{background:#f5f5f5;align-self:center;max-width:94%}
.live-msg-meta{font-size:10px;color:var(--text-sec);margin-bottom:4px}
.live-msg-body{font-size:13px;line-height:1.5;color:var(--text-main);white-space:pre-wrap}
.live-reply-form{display:flex;flex-direction:column;gap:10px}
.live-btn-claim{background:#dbe8ff;border-color:#bfd4ff;color:#1d4ed8}
.live-btn-claim:hover{background:#cfe0ff}
.live-close-reason{min-width:170px}
.live-context-head{display:flex;align-items:center;justify-content:space-between}
.live-context-toggle{min-width:30px;padding:4px 8px}
.live-context-body{overflow:auto;max-height:72vh}
.live-pane-context.is-collapsed .live-context-body{display:none}
.live-pane-context.is-collapsed .card-title{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px}
.live-pane-context.is-collapsed .live-context-head{justify-content:center;gap:6px;min-height:72vh;align-items:center}
.live-detail-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:8px 0;border-bottom:1px solid var(--border-light)}
.live-detail-row span{color:var(--text-sec)}
.live-agents-box{margin-top:16px}
@media (max-width: 980px){
  .live-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .live-grid,.live-grid-settings,.live-shell,.live-shell-context-collapsed{grid-template-columns:1fr}
  .live-pane-queue,.live-pane-conversation,.live-pane-context{grid-column:auto}
  .live-pane-context.is-collapsed{min-width:0;max-width:none}
  .live-pane-context.is-collapsed .live-context-body{display:block}
  .live-pane-context.is-collapsed .card-title{writing-mode:initial;transform:none}
  .live-pane-context.is-collapsed .live-context-head{justify-content:space-between;min-height:auto}
  .live-msg-list{min-height:300px}
}