/* Live help desk and Operations pages: only what the shared design system does not cover.
   Colours and radii come from the tokens in crm-theme.css, so both themes follow. */
.hd-setup{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr) auto!important;align-items:start}
.hd-actions{display:flex;flex-direction:column;gap:10px;align-self:center}
.hd-blind{margin-top:14px!important;display:flex!important;align-items:center;gap:10px;flex-wrap:wrap;font-weight:500}
.hd-blind input{width:18px!important;height:18px;min-height:0!important;flex:none;margin:0}
.hd-blind small{flex-basis:100%;margin-left:28px}
.hd-password{grid-column:1/-1}
.hd-password .row-actions input{max-width:280px}
#chat-area{display:grid;gap:22px}
.hd-escalation{display:flex;gap:16px;align-items:center;padding:18px 24px;border-radius:var(--radius-md);background:var(--pale-lime);color:var(--ink)}
.hd-escalation strong{font-size:15px}
.hd-escalation p{margin:2px 0 0;font-size:13px;color:var(--muted)}
.hd-escalation .hd-icon{font-size:22px}
.hd-side .panel-heading h3{font-size:22px}
.hd-side.pame{box-shadow:0 0 0 2px var(--lime),var(--shadow)!important}
.hd-side .chat{max-height:620px;min-height:200px}
.hd-who{font-size:12.5px;color:var(--muted);margin-top:4px}
.hd-divider{align-self:center;font-size:12px;color:var(--muted);background:var(--soft);border-radius:999px;padding:6px 14px}
.hd-tool{align-self:flex-start;max-width:93%}
.hd-tool summary{font-size:12px}
.hd-tool.bad summary{background:var(--red-soft);color:var(--red-ink)}
.hd-tool.good summary{background:var(--green-soft);color:var(--green-ink)}
.hd-received{margin:0 28px 24px}
.hd-received .context-text{max-height:280px}
.hd-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:500;background:var(--soft);color:var(--muted)}
.hd-chip.done{background:var(--green-soft);color:var(--green-ink)}
.hd-chip.l2{background:var(--blue-soft);color:var(--blue-ink)}
.hd-chip.l3{background:var(--yellow-soft);color:var(--yellow-ink)}
.hd-composer{display:flex;gap:12px;align-items:center;position:sticky;bottom:18px;z-index:5;margin-top:22px;padding:12px 12px 12px 22px;border-radius:999px;background:var(--card);box-shadow:var(--shadow-hover)}
.hd-composer input{border:0!important;background:transparent!important;min-height:44px;font-size:15px;box-shadow:none!important}
.hd-composer input:focus{outline:none}
.hd-composer:focus-within{box-shadow:0 0 0 2px var(--lime),var(--shadow-hover)}
.hd-footnote{margin-top:14px}
.hd-empty{padding:40px 24px;text-align:center;color:var(--muted)}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Operations */
.ops-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px}
.ops-kpis .kpi{padding:18px 20px}
.ops-kpis .kpi strong{display:block;margin-top:4px}
.ops-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
.ops-table th,.ops-table td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.ops-table tbody tr{cursor:pointer}
.ops-table tbody tr:hover td{background:var(--soft)}
.ops-table tbody tr.selected td{background:var(--pale-lime)}
.ops-table code{font-size:12px}
.ops-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.ops-tabs{margin:6px 0 4px}
.ops-panel{display:grid;gap:18px}
.ops-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ops-hop{display:grid;gap:14px}
.ops-hop h3{font-size:19px}
.ops-side{background:var(--card-2);border-radius:var(--radius-md);padding:18px 20px;display:grid;gap:10px;min-width:0}
.ops-side.pame{box-shadow:inset 0 0 0 2px var(--lime)}
.ops-side h4{font-size:16px;margin:0}
.ops-metrics{display:flex;gap:8px;flex-wrap:wrap}
.ops-score{font-size:40px;font-weight:650;letter-spacing:-.05em}
.ops-list{margin:4px 0 0;padding-left:18px;font-size:13px;line-height:1.7}
.ops-timeline td:first-child{white-space:nowrap;color:var(--muted)}
.ops-facts td:nth-child(n+3){text-align:center;white-space:nowrap}
@media(max-width:1100px){.hd-setup{grid-template-columns:1fr 1fr!important}.hd-actions{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.ops-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.hd-setup{grid-template-columns:1fr!important}.ops-two{grid-template-columns:1fr}.ops-kpis{grid-template-columns:1fr 1fr}.hd-composer{bottom:10px}.hd-received{margin:0 16px 18px}}