.notification-panel{margin-top:22px}.notification-head{display:flex;gap:10px;align-items:center}.mode-chip{padding:8px 12px;border-radius:999px;background:#2a2110;color:var(--gold);border:1px solid rgba(230,176,68,.4);font-size:12px;font-weight:800;text-transform:uppercase}.mode-chip.live{background:rgba(61,211,154,.12);border-color:rgba(61,211,154,.4);color:var(--green)}
.route-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.route-strip div{padding:15px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02)}.route-strip b,.route-strip span{display:block}.route-strip b{color:var(--gold);margin-bottom:5px}.route-strip span{color:var(--muted);font-size:13px}
.notification-table-wrap{overflow:auto}.channel-badge,.delivery-status{display:inline-block;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase}.channel-badge{background:#193629;color:#9fd4b5}.delivery-status.sent{background:rgba(61,211,154,.13);color:var(--green)}.delivery-status.failed{background:rgba(235,91,76,.14);color:#ff9d8e}.delivery-status.dry_run{background:rgba(230,176,68,.13);color:var(--gold)}.delivery-status.pending,.delivery-status.sending{background:#18344d;color:#9fc9ef}.delivery-status.cancelled{background:#27322d;color:var(--muted)}.delivery-note{margin:14px 0 0;color:var(--muted);font-size:12px}
@media(max-width:720px){.route-strip{grid-template-columns:1fr}.notification-head{align-items:flex-start;flex-direction:column}}