/* Call reports dialog (js/reports.js). Uses the app's tokens (css/app.css) and its .modal; phone-safe: one column,
   buttons wrap, long addresses and messages wrap, nothing wider than the screen. */
.rep-modal{max-width:760px; min-width:0;}
.rep-headtext{min-width:0;}
.rep-sub{margin:2px 0 0; color:var(--ink-muted); font-size:0.875rem; overflow-wrap:anywhere;}
.rep-note{background:var(--surface-sunk); border-radius:3px; padding:10px 12px; margin:0 0 12px; font-size:0.9375rem; overflow-wrap:anywhere;}
.rep-note[data-kind="warn"]{background:var(--warning-tint); color:#5C3E0A;}
.rep-note[data-kind="error"]{background:var(--critical-tint); color:var(--critical);}
.rep-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 210px), 1fr)); gap:12px;}
.rep-card{border:1px solid var(--line); border-radius:var(--radius); padding:12px 14px; display:flex; flex-direction:column;
  gap:6px; min-width:0; background:var(--surface);}
.rep-card[data-focus]{border-color:var(--accent); box-shadow:0 0 0 2px var(--accent-tint);}
.rep-card header{display:flex; flex-wrap:wrap; gap:6px 10px; align-items:center;}
.rep-card h3{margin:0; font-family:var(--font-display); font-size:1.0625rem; font-weight:600; flex:1 1 auto; min-width:0;}
.rep-badge{display:inline-block; font-size:max(0.6875rem,var(--fs-floor,0px)); font-weight:700; letter-spacing:.04em; color:#fff; border-radius:2px;
  padding:2px 7px; background:var(--ink-muted); white-space:nowrap;}
.rep-badge[data-tone="success"]{background:var(--success);} .rep-badge[data-tone="warning"]{background:var(--warning);}
.rep-badge[data-tone="critical"]{background:var(--critical);} .rep-badge[data-tone="accent"]{background:var(--accent);}
.rep-badge[data-tone="locked"]{background:var(--locked);}
.rep-desc{margin:0; font-size:0.875rem; overflow-wrap:anywhere;}
.rep-meta{margin:0; font-size:max(0.8125rem,var(--fs-floor,0px)); color:var(--ink-muted); overflow-wrap:anywhere;}
.rep-mail{margin:0; font-size:max(0.8125rem,var(--fs-floor,0px)); border-radius:2px; padding:5px 8px; background:var(--surface-sunk); overflow-wrap:anywhere;}
.rep-mail[data-kind="ok"]{background:var(--success-tint); color:var(--success);}
.rep-mail[data-kind="warn"]{background:var(--warning-tint); color:#5C3E0A;}
.rep-mail[data-kind="error"]{background:var(--critical-tint); color:var(--critical);}
.rep-actions{display:flex; flex-wrap:wrap; gap:6px; margin-top:auto; padding-top:4px;}
.rep-actions .btn{text-decoration:none; display:inline-flex; align-items:center;}
.rep-email{display:flex; flex-direction:column; gap:6px; border-top:1px dashed var(--line-strong); padding-top:8px; margin-top:2px;}
.rep-email label{font-weight:700; font-size:max(0.8125rem,var(--fs-floor,0px));}
.rep-email textarea{width:100%; font:inherit; font-size:0.875rem; border:1px solid var(--line-strong); border-radius:3px;
  padding:7px 9px; resize:vertical; min-height:3.2em;}
.rep-help{margin:0; font-size:max(0.75rem,var(--fs-floor,0px)); color:var(--ink-muted); overflow-wrap:anywhere;}
.rep-foot{margin:12px 0 0; font-size:max(0.75rem,var(--fs-floor,0px)); color:var(--ink-muted);}
@media (max-width:640px){
  .rep-modal{padding:16px 12px 14px;}
  .rep-card{padding:10px 11px;}
}

/* Live Calls rows: the action buttons (incl. the two report buttons) wrap inside their cell instead of pushing the
   table wider than the page; each button stays on one line. */
.calls-actions{min-width:17rem;}
.calls-actions .btn{white-space:nowrap; margin:2px 0;}

/* Coaching roll-ups list (Coaching trends) */
.rollups{border-top:1px solid var(--line); padding-top:14px;}
.rollups > h3{font-family:var(--font-display); font-size:1.125rem; margin:0 0 6px; font-weight:600;}
.roll-agent{border:1px solid var(--line); border-radius:var(--radius); padding:10px 12px; margin-top:10px; min-width:0;}
.roll-head{display:flex; flex-wrap:wrap; gap:6px 12px; align-items:center;}
.roll-list{list-style:none; margin:8px 0 0; padding:0; display:grid; gap:10px;}
.roll-list li{border-top:1px dashed var(--line); padding-top:8px; display:flex; flex-direction:column; gap:5px; min-width:0;}
.roll-line{overflow-wrap:anywhere;}