/*
 * The call console, the cadence engine's queue and the notification tray.
 *
 * Part of the ordered atlas stylesheet — the files in this directory are
 * linked in filename order and the order is load-bearing, so a rule moved
 * between them can change what wins.
 */
/* ===================== Call console (dialer) ===================== */
.cr-ct-act.call:hover{color:var(--accent-text,var(--accent));border-color:var(--accent)}
.rec-dot{width:8px;height:8px;border-radius:50%;background:#e11d48;display:inline-block;margin-right:6px;
  animation:rec-blink 1.1s ease-in-out infinite;flex-shrink:0}
@keyframes rec-blink{0%,100%{opacity:1}50%{opacity:.25}}
.dlr{display:flex;flex-direction:column}
.dlr-queue{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);
  background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:7px 12px;margin-bottom:12px}
.dlr-queue b{color:var(--ink)}
.dlr-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.dlr-av{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex-shrink:0;
  font-weight:700;font-size:15px;color:var(--accent-ink,#fff);background:linear-gradient(135deg,var(--accent-d,#3257A8),var(--accent))}
.dlr-who{flex:1;min-width:0}
.dlr-who b{display:block;font-size:16px;color:var(--ink);line-height:1.2}
.dlr-who span{font-size:12.5px;color:var(--muted)}
.dlr-phase{font-size:11.5px;font-weight:700;font-family:var(--mono);padding:5px 10px;border-radius:20px;
  white-space:nowrap;display:inline-flex;align-items:center;background:var(--panel2);color:var(--muted);border:1px solid var(--line)}
.dlr-phase.ph-live{background:#FBEBEB;color:#b23a3a;border-color:#f3d0d0}
.dlr-phase.ph-dialing{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent-text,var(--accent));border-color:transparent}
.dlr-phase.ph-wrap{background:rgba(46,125,91,.12);color:#0f766e;border-color:transparent}
.dlr-num{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:16px;color:var(--ink);
  background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:11px 14px}
.dlr-num svg{width:17px;height:17px;fill:none;stroke:var(--accent-text,var(--accent));stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.dlr-cid{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--muted);margin-top:8px}
.dlr-cid svg{width:14px;height:14px;fill:none;stroke:var(--accent2);stroke-width:2;flex-shrink:0}
.dlr-cid b{color:var(--txt);font-family:var(--mono)}
.dlr-hint{font-size:13px;color:var(--muted);margin-top:14px;line-height:1.5}
.dlr-dialing{display:flex;align-items:center;gap:12px;justify-content:center;margin:26px 0;font-size:14px;color:var(--accent-text,var(--accent));font-weight:600}
.dlr-rings{width:20px;height:20px;border:2px solid var(--accent);border-right-color:transparent;border-radius:50%;
  animation:spin .8s linear infinite}
.dlr-avoma{display:flex;align-items:center;gap:8px;margin-top:14px;padding:9px 12px;border-radius:9px;font-size:12.5px;
  background:#FBEBEB;color:#b23a3a;border:1px solid #f3d0d0}
.dlr-avoma.done{background:rgba(46,125,91,.1);color:#0f766e;border-color:rgba(46,125,91,.25)}
.dlr-live-head{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:11.5px;font-weight:600;color:#b23a3a}
.dlr-transcript{margin-top:9px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;
  padding:11px 13px;max-height:190px;overflow-y:auto;display:flex;flex-direction:column;gap:9px}
.dlr-tline{display:flex;flex-direction:column;max-width:88%}
.dlr-tline.me{align-self:flex-end;align-items:flex-end}
.dlr-tline.them{align-self:flex-start;align-items:flex-start}
.dlr-tline b{font-size:9.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--faint);margin-bottom:2px}
.dlr-tline span{font-size:12.5px;line-height:1.4;padding:7px 11px;border-radius:11px}
.dlr-tline.me span{background:var(--accent);color:var(--accent-ink,#fff);border-bottom-right-radius:4px}
.dlr-tline.them span{background:var(--panel);border:1px solid var(--line);color:var(--txt);border-bottom-left-radius:4px}
.dlr-t-empty{font-size:12px;color:var(--faint);text-align:center;padding:14px}
.dlr-cue{display:flex;align-items:flex-start;gap:9px;margin-top:10px;padding:10px 13px;border-radius:10px;
  background:color-mix(in srgb,var(--accent) 7%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);font-size:12.5px;color:var(--txt);line-height:1.4}
.dlr-cue-ic{color:var(--accent-text,var(--accent));font-size:14px;line-height:1.2;flex-shrink:0}
.dlr-cue b{color:var(--accent-text,var(--accent))}
.dlr-avoma svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.dlr-cap{font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--faint);margin:14px 0 6px}
.dlr-script{margin-top:14px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 14px}
.dlr-script .dlr-cap{margin-top:0}
.dlr-script ul,.dlr-notes ul{margin:0;padding-left:18px}
.dlr-script li{font-size:12.5px;color:var(--txt);margin:5px 0;line-height:1.45}
.dlr-noans{font-size:13px;color:var(--txt);margin:14px 0 12px;line-height:1.5}
.dlr-vm{font-size:12.5px;font-style:italic;color:var(--muted);background:var(--panel2);border:1px solid var(--line);
  border-left:3px solid var(--accent);border-radius:8px;padding:9px 12px;margin:0 0 12px;line-height:1.5}
.dlr-sent{display:flex;align-items:center;gap:8px;justify-content:center;font-size:13px;font-weight:600;color:#0f766e;margin-top:6px}
.dlr-sent svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.dlr-notes{margin-top:14px;background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:13px 15px}
.dlr-notes-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.dlr-notes-h b{font-size:13px;color:var(--ink)}
.dlr-meta{font-size:10.5px;font-family:var(--mono);color:var(--faint)}
.dlr-sum{font-size:13px;color:var(--txt);line-height:1.5;margin:0}
.dlr-notes li{font-size:12.5px;color:var(--txt);margin:4px 0;line-height:1.45}
.dlr-do li{color:var(--accent-text,var(--accent))}
.dlr-next{margin-top:12px;font-size:12.5px;color:var(--txt);background:color-mix(in srgb,var(--accent) 7%,transparent);
  border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:8px;padding:8px 11px}
.dlr-next b{color:var(--accent-text,var(--accent))}
.btn.dlr-end{background:var(--bad);color:#fff;border:none;box-shadow:0 1px 2px rgba(178,58,58,.3)}
.btn.dlr-end:hover{background:#9c3030;transform:translateY(-1px)}

/* ===================== Sequences (cadence engine) ===================== */
.seq-bench{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:13px}
.seq-bench-grid{display:flex;align-items:center;gap:22px;margin-top:11px;flex-wrap:wrap}
.seq-bench-grid>div{display:flex;flex-direction:column}
.seq-bench-grid b{font-size:22px;font-family:var(--mono);color:var(--accent-text,var(--accent));line-height:1}
.seq-bench-grid span{font-size:11px;color:var(--muted);margin-top:3px}
.seq-bench-note{flex:1;min-width:220px;font-size:12.5px;color:var(--txt);line-height:1.5;
  border-left:1px solid var(--line);padding-left:22px}
.seq-card{margin-bottom:13px}
.seq-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.seq-head b{font-size:15px;color:var(--ink)}
.seq-sub{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
.seq-metrics{display:flex;gap:20px}
.seq-m{display:flex;flex-direction:column;align-items:flex-end}
.seq-m b{font-size:17px;font-family:var(--mono);color:var(--ink);line-height:1}
.seq-m span{font-size:10.5px;color:var(--muted);margin-top:2px}
.seq-track{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 8px}
.seq-step{position:relative;flex:0 0 148px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;
  padding:10px 11px;border-top:3px solid var(--line2)}
.seq-step.ch-call{border-top-color:var(--accent)}
.seq-step.ch-email{border-top-color:var(--accent2)}
.seq-step.ch-linkedin{border-top-color:#3257A8}
.seq-step.ch-sms{border-top-color:var(--gold)}
.seq-day{font-size:10.5px;font-weight:700;font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.seq-ic{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);margin:7px 0}
.seq-ic svg{width:15px;height:15px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.seq-step.ch-call .seq-ic svg{stroke:var(--accent-text,var(--accent))}
.seq-step.ch-email .seq-ic svg{stroke:var(--accent2)}
.seq-step.ch-linkedin .seq-ic svg{stroke:#3257A8}
.seq-act{font-size:11.5px;color:var(--txt);line-height:1.35;min-height:46px}
.seq-auto{position:absolute;top:9px;right:10px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;
  color:var(--accent-text,var(--accent));background:var(--accent-soft);padding:2px 6px;border-radius:6px}
.seq-auto.manual{color:var(--muted);background:var(--line)}

/* sequence work-queue (Due today) */
.seq-queue{margin-bottom:13px}
.seq-q-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.seq-q-sub{display:block;font-size:11.5px;color:var(--muted);margin-top:3px}
.seq-q-list{display:flex;flex-direction:column;gap:8px}
.seq-q-row{display:flex;align-items:center;gap:11px;padding:9px 11px;background:var(--panel2);
  border:1px solid var(--line);border-radius:10px}
.seq-q-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;
  background:var(--panel);border:1px solid var(--line)}
.seq-q-ic svg{width:15px;height:15px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.seq-q-ic.ch-call svg{stroke:var(--accent-text,var(--accent))}
.seq-q-ic.ch-email svg{stroke:var(--accent2)}
.seq-q-ic.ch-linkedin svg{stroke:#3257A8}
.seq-q-ic.ch-sms svg{stroke:var(--gold)}
.seq-q-body{flex:1;min-width:0}
.seq-q-body b{display:block;font-size:13px;color:var(--ink);line-height:1.25}
.seq-q-body span{font-size:11.5px;color:var(--muted)}
.seq-q-due{font-size:10.5px;font-weight:700;font-family:var(--mono);color:var(--muted);white-space:nowrap;
  background:var(--panel);border:1px solid var(--line);padding:3px 8px;border-radius:20px}
.seq-q-due.over{color:#b23a3a;background:#FBEBEB;border-color:#f3d0d0}
.seq-q-empty{display:flex;align-items:center;gap:9px;justify-content:center;padding:22px;color:#0f766e;font-size:13px;font-weight:600}
.seq-q-empty svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.seq-paused{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.seq-cap{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--faint)}
.seq-pill{font-size:11.5px;color:var(--txt);background:var(--panel2);border:1px solid var(--line);
  border-radius:20px;padding:4px 11px}

/* ===================== Notifications ===================== */
.notif-wrap{position:relative}
.notif-btn{position:relative}
.notif-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.notif-btn.active{color:var(--accent-text,var(--accent));border-color:var(--accent)}
.notif-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;
  background:var(--bad);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;font-family:var(--mono)}
.notif-scrim{position:fixed;inset:0;z-index:60}
.notif-pop{position:absolute;top:46px;right:0;width:340px;max-width:88vw;z-index:61;background:var(--panel);
  border:1px solid var(--line2);border-radius:12px;box-shadow:0 14px 40px rgba(14,22,38,.18);overflow:hidden}
.notif-pop-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}
.notif-pop-head b{font-size:14px}
.notif-read{background:none;border:none;color:var(--accent-text,var(--accent));font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}
.notif-list{max-height:60vh;overflow:auto}
.notif-item{display:flex;gap:11px;padding:11px 14px;border-bottom:1px solid var(--line);cursor:pointer;position:relative;transition:.12s}
.notif-item:hover{background:var(--panel2)}
.notif-item.unread{background:color-mix(in srgb,var(--accent) 5%,transparent)}
.notif-ic{width:32px;height:32px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line)}
.notif-ic svg{width:16px;height:16px;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.notif-ic.nt-reply svg,.notif-ic.nt-sms svg{stroke:var(--accent-text,var(--accent))}
.notif-ic.nt-nda svg,.notif-ic.nt-meeting svg{stroke:var(--ok)}
.notif-ic.nt-overdue svg{stroke:var(--bad)}
.notif-ic.nt-signal svg{stroke:var(--gold)}
.notif-body{flex:1;min-width:0}
.notif-body b{display:block;font-size:12.5px;color:var(--ink);line-height:1.3}
.notif-body span{display:block;font-size:11.5px;color:var(--muted);line-height:1.35;margin:1px 0}
.notif-body i{font-size:10.5px;color:var(--faint);font-style:normal;font-family:var(--mono)}
.notif-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:5px}