/* WAV Account Manager — additions on top of the shared Sales Tools styles. */
.nav a.soon { opacity: .45; cursor: default; pointer-events: none; }

/* Calendar colours for AM task types and shared calendar events */
.ev-store_visit { background: #fff7ed; color: #9a3412; border-color: #f97316 !important; }
.ev-qbr { background: #f5f3ff; color: #5b21b6; border-color: #8b5cf6 !important; }
.ev-production, .ev-music_refresh { background: #f0fdfa; color: #115e59; border-color: #14b8a6 !important; }
.ev-approval_chase { background: #eff6ff; color: #1e40af; border-color: #3b82f6 !important; }
.ev-renewal { background: #fefce8; color: #854d0e; border-color: #eab308 !important; }
.ev-holiday { background: #fef2f2; color: #991b1b; border-color: #ef4444 !important; }
.ev-payday { background: #ecfdf5; color: #065f46; border-color: #10b981 !important; }
.ev-season, .ev-school, .ev-event { background: #f1f5f9; color: #334155; border-color: #64748b !important; }
.ev-promo, .ev-launch { background: #fdf4ff; color: #86198f; border-color: #d946ef !important; }
.cal .ev { display: block; font-size: 11.5px; padding: 1px 5px; margin-top: 3px; border-left: 3px solid; border-radius: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:root[data-theme="dark"] .ev { background: var(--surface-3) !important; color: var(--text) !important; }

/* Account 360 */
.acc-head { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }
.health { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; }
.health .dot { width: 9px; height: 9px; border-radius: 50%; background: var(--muted); }
.health.good .dot { background: #10b981; } .health.watch .dot { background: #f59e0b; } .health.risk .dot { background: #ef4444; }
.brief-row { display: flex; gap: 10px; align-items: flex-start; }
.chips-line { display: flex; flex-wrap: wrap; gap: 6px; }

/* Import */
.dropzone { border: 2px dashed var(--border); border-radius: 14px; padding: 34px 20px; text-align: center; cursor: pointer; transition: border-color .15s, background .15s; }
.dropzone:hover, .dropzone.over { border-color: var(--brand); background: var(--brand-100); }
.dropzone svg { width: 34px; height: 34px; color: var(--muted); }
.map-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; }
.map-grid label { display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; font-weight: 600; color: var(--text-2); }
.preview-table td.warn { background: rgba(245, 158, 11, .12); }
.steps-line { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.steps-line span { padding: 4px 10px; border-radius: 20px; background: var(--surface-3); font-size: 12px; font-weight: 600; color: var(--muted); }
.steps-line span.on { background: var(--brand-100); color: var(--link); }

/* Client servicing: stage stepper, checklist, SLA chips */
.stepper { display: flex; flex-wrap: wrap; gap: 6px; }
.stepper .step { font-size: 12px; padding: 4px 10px; border-radius: 999px; background: var(--surface-3); color: var(--muted); font-weight: 600; }
.stepper .step.done { background: var(--ok-bg); color: var(--ok); }
.stepper .step.now { background: var(--brand-100); color: var(--text); box-shadow: inset 0 0 0 1.5px var(--brand); }
.checklist { display: grid; gap: 8px; margin-top: 8px; }
.checklist label.chk.done { color: var(--muted); }
.row-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.sla { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.sla.ok, .sla.met { color: var(--ok); }
.sla.warn { color: #b45309; }
.sla.breached, .sla.missed { color: var(--bad); }
.ticket-log .list-item .t2 { white-space: pre-wrap; }
.kpis.kpis-6 { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }