/* módulo cdr — somente variáveis de cor do tema */
.cdr-filters .cdr-frow{align-items:flex-end}
.cdr-adv{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.cdr-adv[hidden]{display:none}
.cdr-colopt{display:flex;align-items:center;gap:8px;padding:5px 12px;font-size:13px;cursor:pointer;white-space:nowrap}
.cdr-saved button{min-width:0}
.cdr-table tbody tr{cursor:pointer}
.cdr-table tbody tr:hover td{background:var(--surface-2)}
.cdr-table tbody tr:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.cdr-table td.nowrap,.cdr-table .nowrap,.cdr-table td.num{white-space:nowrap}
.cdr-table .sr,.cdr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cdr-kind{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:6px;background:var(--accent-soft);color:var(--accent-strong)}
.cdr-dir{font-family:var(--f-mono);font-weight:700}
.cdr-dir.d-inbound{color:var(--good)} .cdr-dir.d-outbound{color:var(--c3)} .cdr-dir.d-internal{color:var(--muted)}
.cdr-pager{padding:10px 14px;border-top:1px solid var(--line)}
.cdr-sdot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--line-strong);vertical-align:middle;flex:none}
.cdr-sdot.s-positive{background:var(--good)} .cdr-sdot.s-negative{background:var(--bad)} .cdr-sdot.s-neutral{background:var(--muted)}
.cdr-sdot.s-none{background:transparent;border:1px dashed var(--line-strong)}

/* barra empilhada de etapas */
.cdr-sbar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--info-soft);min-width:80px}
.cdr-sbar i{display:block;height:100%;min-width:2px;border-right:1px solid var(--surface)}
.cdr-sbar i:last-child{border-right:0}
.cdr-sbar.big{height:22px;border-radius:6px}
.cdr-legend{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:4px 18px;margin-top:10px}
.cdr-lg{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 0;border-bottom:1px solid var(--line)}
.cdr-lg i{width:10px;height:10px;border-radius:3px;flex:none}
.cdr-lg .grow{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cdr-lg .mono{white-space:nowrap}

/* detalhe */
.cdr-back{display:inline-flex;align-items:center;gap:4px;text-decoration:none}
.cdr-kpis{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:14px}
.cdr-detail{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:14px;align-items:start}
.cdr-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:10px 0 0;font-size:13px}
.cdr-dl dt{color:var(--muted)} .cdr-dl dd{margin:0;min-width:0;overflow-wrap:anywhere}
.cdr-actions{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:6px;font-size:13px}
.cdr-actions li{display:flex;gap:6px;align-items:flex-start}
.cdr-actions svg{color:var(--good);flex:none;margin-top:3px}

/* gantt */
.cdr-gantt{display:flex;flex-direction:column;gap:3px}
.cdr-gantt .g-row{display:grid;grid-template-columns:minmax(150px,34%) minmax(0,1fr);gap:10px;align-items:center;min-height:28px}
.cdr-gantt .g-lbl{display:flex;align-items:center;gap:7px;min-width:0;font-size:13px}
.cdr-gantt .g-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cdr-gantt .g-dot{width:10px;height:10px;border-radius:3px;flex:none}
.cdr-gantt .g-res{font-size:11px;padding:1px 6px;border-radius:999px;background:var(--info-soft);color:var(--fg-2);white-space:nowrap;flex:none}
.cdr-gantt .g-res.r-abandonou,.cdr-gantt .g-res.r-sem_resposta,.cdr-gantt .g-res.r-falhou{background:var(--bad-soft);color:var(--bad)}
.cdr-gantt .g-res.r-atendida,.cdr-gantt .g-res.r-resolvido_bot{background:var(--good-soft);color:var(--good)}
.cdr-gantt .g-track{position:relative;height:22px;background:var(--surface-2);border-radius:4px}
.cdr-gantt .g-axis .g-track{background:none;height:16px}
.cdr-gantt .g-axis span{position:absolute;transform:translateX(-50%);font:10.5px var(--f-mono);color:var(--muted);white-space:nowrap}
.cdr-gantt .g-axis span:first-child{transform:none}
.cdr-gantt .g-grid{position:absolute;top:0;bottom:0;width:1px;background:var(--line)}
.cdr-gantt .g-bar{position:absolute;top:3px;bottom:3px;min-width:3px;border-radius:4px;display:flex;align-items:center;overflow:hidden;cursor:default}
.cdr-gantt .g-bar em{font:600 10.5px var(--f-mono);font-style:normal;color:var(--surface);padding:0 6px;white-space:nowrap}
.cdr-gantt .g-bar.t-pendente em,.cdr-gantt .g-bar.t-correio_voz em{color:var(--fg)}
.cdr-gantt .g-bar.t-espera{background-image:repeating-linear-gradient(135deg,transparent 0 5px,color-mix(in srgb,var(--surface) 30%,transparent) 5px 8px)}
.cdr-gantt .g-mark{position:absolute;top:2px;width:12px;height:12px;margin:3px 0 0 -6px;transform:rotate(45deg);border-radius:2px}

/* player e transcrição */
.cdr-player{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);padding:8px 10px}
.cdr-player .pl-track{position:relative;flex:1;height:26px;min-width:80px}
.cdr-player .pl-segs{position:absolute;inset:8px 0;background:var(--line);border-radius:5px;overflow:hidden}
.cdr-player .pl-segs i{position:absolute;top:0;bottom:0;opacity:.85}
.cdr-player .pl-segs i.sp-agente{background:var(--c2)} .cdr-player .pl-segs i.sp-cliente{background:var(--c3)} .cdr-player .pl-segs i.sp-sistema{background:var(--muted)}
.cdr-player .pl-prog{position:absolute;left:0;top:4px;bottom:4px;border-right:2px solid var(--fg);pointer-events:none;background:color-mix(in srgb,var(--fg) 8%,transparent);border-radius:4px 0 0 4px}
.cdr-player input[type=range]{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer;margin:0;padding:0}
.cdr-tr{max-height:430px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;position:relative;padding-right:4px}
.cdr-seg{display:grid;grid-template-columns:48px 62px 12px minmax(0,1fr);gap:8px;align-items:baseline;text-align:left;border:0;background:none;padding:7px 8px;border-radius:6px;font-size:13.5px;color:var(--fg);border-left:3px solid transparent}
button.cdr-seg{cursor:pointer} button.cdr-seg:hover{background:var(--surface-2)}
.cdr-seg .t{font-size:11.5px;color:var(--muted)}
.cdr-seg .who{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cdr-seg.sp-agente .who{color:var(--c2)} .cdr-seg.sp-cliente .who{color:var(--c3)} .cdr-seg.sp-sistema .who{color:var(--muted)}
.cdr-seg.sp-sistema .txt{color:var(--muted);font-style:italic}
.cdr-seg.on{background:var(--accent-soft);border-left-color:var(--accent)}
.cdr-tr.chat .cdr-seg{grid-template-columns:44px 90px 12px minmax(0,1fr)}
.cdr-seg .cdr-sdot{align-self:center}

/* painéis laterais */
.cdr-talk{display:flex;height:10px;border-radius:5px;overflow:hidden;background:var(--line)}
.cdr-talk i{display:block;height:100%}
.cdr-sw{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;vertical-align:middle}
.cdr-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;margin-top:12px}
.cdr-mini .mono{font-size:17px;font-weight:600;margin-top:2px}
.cdr-cpt{cursor:pointer;stroke:var(--surface);stroke-width:1.5}
.cdr-cpt.pos{fill:var(--good)} .cdr-cpt.neg{fill:var(--bad)} .cdr-cpt.neu{fill:var(--muted)}
.cdr-groups{display:flex;flex-direction:column;gap:12px;margin-top:10px}
.cdr-grp .row{margin-bottom:5px;flex-wrap:nowrap} .cdr-grp .row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cdr-cfg{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;align-items:start}

@media (max-width:1100px){.cdr-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.cdr-detail,.cdr-cfg{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .cdr-lg .per{display:none}
  .cdr-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cdr-gantt .g-row{grid-template-columns:minmax(0,1fr);gap:2px;margin-bottom:4px}
  .cdr-gantt .g-axis .g-lbl{display:none}
  .cdr-seg{grid-template-columns:40px 12px minmax(0,1fr)} .cdr-seg .who{display:none}
  .cdr-tr.chat .cdr-seg{grid-template-columns:40px 12px minmax(0,1fr)}
  .cdr-seg.sp-cliente{background:color-mix(in srgb,var(--c3) 7%,transparent)}
  .cdr-player{flex-wrap:wrap} .cdr-player .pl-track{flex-basis:100%;order:3}
}