/* módulo dialer — só variáveis de cor do tema */
.dl-mode{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--fg-2);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:2px 9px;white-space:nowrap}
.dl-ellipsis{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.dl-bad{color:var(--bad)}
.dl-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px}
.dl-camp{display:flex;flex-direction:column;gap:8px;min-width:0}
.dl-camp h3{font:600 16px/1.3 var(--f-display);margin:2px 0 0}
.dl-camp h3 a{color:var(--fg);text-decoration:none} .dl-camp h3 a:hover{color:var(--brand)}
.dl-pen .bar{margin-top:4px}
.dl-mini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;border-top:1px solid var(--line);padding-top:8px}
.dl-mini div{display:flex;flex-direction:column;min-width:0} .dl-mini b{font-size:15px} .dl-mini span{font-size:11px;color:var(--muted)}
.dl-camp footer,.dl-cards .card footer{display:flex;gap:6px;align-items:center;margin-top:auto;flex-wrap:wrap}
/* assistente */
.dl-steps{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.dl-steps span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);padding:4px 10px 4px 4px;border-radius:999px;background:var(--surface-2)}
.dl-steps i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--line);font:600 11px var(--f-mono);color:var(--fg-2)}
.dl-steps .on{color:var(--fg);background:var(--accent-soft)} .dl-steps .on i{background:var(--brand);color:var(--on-accent)}
.dl-steps .done i{background:var(--good);color:var(--on-accent)}
.form.g2x{grid-template-columns:repeat(2,minmax(0,1fr))}
.dl-modes{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px}
.dl-modes.s4{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}
.dl-modecard{display:flex;flex-direction:column;gap:6px;text-align:left;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);padding:12px;cursor:pointer;color:var(--fg);font:inherit;min-width:0}
.dl-modecard:hover{border-color:var(--line-strong)} .dl-modecard.on{border-color:var(--brand);background:var(--accent-soft)}
.dl-modecard svg{color:var(--brand);flex:none}
.dl-check{display:flex;gap:9px;align-items:flex-start;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;margin-bottom:6px;background:var(--surface);min-width:0;flex:1 1 240px}
.dl-check input{margin-top:3px;flex:none} .dl-check.sm{padding:5px 9px;margin:0;flex:0 1 auto}
.dl-checks{display:flex;flex-wrap:wrap;gap:6px}
.dl-simbox{background:var(--surface-2)}
.dl-days{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:8px}
.dl-day{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:var(--r-sm);padding:8px;font-size:13px}
.dl-day input[type=time]{width:100%}
.dl-review{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dl-review div{display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--line);padding-bottom:8px;min-width:0}
/* monitor */
.dl-kpis{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}
.dl-agents{display:flex;flex-direction:column;gap:6px;margin-top:10px;max-height:420px;overflow:auto}
.dl-agent{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--r-sm);border:1px solid var(--line);min-width:0}
.dl-agent.s-talking{border-color:var(--bad);background:var(--bad-soft)} .dl-agent.s-wrapup{background:var(--warn-soft)}
.dl-agent.s-offline{opacity:.55} .dl-agent .dl-t{min-width:48px;text-align:right}
.dl-pace{display:flex;flex-direction:column;gap:2px;margin-top:8px}
.dl-pace div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);align-items:center}
.dl-pace b{font-size:15px;white-space:nowrap}
.dl-feed{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow:auto;margin-top:8px;font-size:13px}
.dl-feed div{padding:4px 6px;border-left:3px solid var(--line)} .dl-feed .good{border-left-color:var(--good)} .dl-feed .bad{border-left-color:var(--bad)}
/* listas */
.dl-drop{display:flex;flex-direction:column;align-items:center;gap:6px;border:2px dashed var(--line-strong);border-radius:var(--r);padding:22px;text-align:center;color:var(--fg-2)}
.dl-drop.done{border-style:solid;border-color:var(--good)}
.dl-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:8px}
.dl-map>div{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:var(--r-sm);padding:8px;min-width:0}
.dl-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-top:12px}
.dl-stats div{background:var(--surface-2);border-radius:var(--r-sm);padding:8px;display:flex;flex-direction:column}
.dl-stats b{font-size:18px} .dl-stats span{font-size:11.5px;color:var(--muted)} .dl-stats .bad b{color:var(--bad)}
.dl-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:10px;align-items:end}
.dl-dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle}
.dl-li{padding:8px 0;border-bottom:1px solid var(--line);gap:8px;color:var(--fg);text-decoration:none;flex-wrap:wrap}
/* tela do agente */
.dl-pop{position:fixed;right:16px;top:64px;bottom:16px;width:min(420px,calc(100vw - 32px));background:var(--surface);border:2px solid var(--brand);border-radius:12px;box-shadow:var(--shadow);z-index:160;display:flex;flex-direction:column;overflow:hidden}
.dl-pop.min{display:none}
.dl-pop>header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.dl-pop>footer{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}
.dl-pop .dl-body{padding:12px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:12px}
.dl-pop.preview,.dl-pop.dialing,.dl-pop.done{bottom:auto;max-height:calc(100vh - 80px)}
.dl-lead h2{font:600 19px/1.25 var(--f-display);margin:0 0 2px}
.dl-lead dl{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:8px 0 0;font-size:13px}
.dl-lead dt{color:var(--muted)} .dl-lead dd{margin:0;min-width:0;overflow-wrap:anywhere}
.dl-script{background:var(--surface-2);border-radius:var(--r-sm);padding:10px;font-size:13.5px;line-height:1.5}
.dl-hist summary{cursor:pointer;font-size:13px;color:var(--fg-2)} .dl-hist div{padding:4px 0;border-bottom:1px solid var(--line)}
.dl-timer{font-size:15px;font-weight:600}
.dl-state{font-size:13px;padding:0 12px} .dl-state:empty{display:none}
.dl-state.s-talking{padding:7px 12px;background:var(--bad-soft);color:var(--bad);font-weight:600}
.dl-state.s-wrapup{padding:7px 12px;background:var(--warn-soft);color:var(--warn);font-weight:600}
.dl-live{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--bad);margin-right:4px;animation:dlpulse 1.2s infinite}
@keyframes dlpulse{50%{opacity:.25}}
.dl-dbtns{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.dl-db{border:1.5px solid var(--line-strong);background:var(--surface);color:var(--fg);border-radius:999px;padding:5px 11px;cursor:pointer;font:500 13px var(--f-body)}
.dl-db.c-good{border-color:var(--good)} .dl-db.c-bad{border-color:var(--bad)} .dl-db.c-warn{border-color:var(--warn)} .dl-db.c-accent{border-color:var(--brand)}
.dl-db.on{background:var(--brand);border-color:var(--brand);color:var(--on-accent)}
.dl-disp .field{margin-bottom:8px}
.dl-ready{text-align:center;padding:30px 10px;display:flex;flex-direction:column;align-items:center;gap:8px}
.dl-check-big{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--good-soft);color:var(--good)}
.dl-chip{position:fixed;left:16px;bottom:16px;z-index:140;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--fg);box-shadow:var(--shadow);cursor:pointer;font:500 13px var(--f-body)}
@media (max-width:760px){
  .form.g2x,.dl-review{grid-template-columns:1fr}
  .dl-pop{right:8px;left:8px;top:8px;bottom:8px;width:auto}
  .dl-pop.preview,.dl-pop.dialing{bottom:8px;max-height:none}
  .dl-pop.done{bottom:auto}
  .dl-mini{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dl-chip{left:8px;bottom:8px}
}