/* ============================================================================
 * SuperAndy — onglet « Notifications » (assets/notify/view.js) : surveillance
 * des envois push / SMS de tous les tenants.
 * Réutilise les cartes et métriques de styles.css (.card, .rt-metrics,
 * .rt-chart, .rt-legend, .rt-warn) ; ne porte que ce qui lui est propre.
 * Tokens SuperAndy uniquement (--panel/--soft/--ok…) : sombre par défaut, le
 * mode clair est porté par les variables :root.
 * ========================================================================== */

.ntf-stamp{ color:var(--soft); font-size:12px; }

/* ---- Bandeaux d'état ---- */
.ntf-banners{ display:flex; flex-direction:column; gap:0; margin-bottom:8px; }
.ntf-banner{ display:flex; align-items:center; gap:10px; border-radius:var(--radius); padding:9px 11px;
  font-size:13px; font-weight:650; margin-bottom:10px; }
.ntf-banner .sp{ flex:1; }
.ntf-banner--ko{ background:rgba(239,68,68,.12); color:var(--ko); border:1px solid rgba(239,68,68,.4); }

/* ---- Chiffres clés : sous-titre d'une métrique ---- */
.ntf-metric-s{ font-size:11px; color:var(--soft); margin-top:3px; opacity:.85; }

/* ---- Tableaux ----
 * Colonnes incompressibles : le tableau défile DANS son conteneur, jamais la
 * page (même règle que l'onglet Infrastructure). */
.ntf-tableWrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; max-width:100%;
  border:1px solid var(--border); border-radius:9px; }
.ntf-table{ border-collapse:collapse; width:100%; min-width:720px; font-size:12.5px; }
.ntf-table th{ text-align:left; white-space:nowrap; padding:7px 10px; font-size:11px; font-weight:700;
  color:var(--soft); text-transform:uppercase; letter-spacing:.4px;
  background:var(--panel2); border-bottom:1px solid var(--border); }
.ntf-table td{ padding:7px 10px; white-space:nowrap; border-top:1px solid var(--border);
  font-variant-numeric:tabular-nums; vertical-align:top; }
.ntf-table th.is-num, .ntf-table td.is-num{ text-align:right; }
.ntf-table tbody tr:hover{ background:var(--panel2); }
.ntf-table tr.is-sum td{ font-weight:700; background:var(--panel2); }
.ntf-table tr.is-click{ cursor:pointer; }
/* Base partagée : chiffres recopiés du premier compte, lus en retrait. */
.ntf-table tr.is-shared td{ opacity:.7; }
.ntf-table--tenants{ min-width:1100px; }

.ntf-name{ font-weight:600; }
.ntf-sub{ color:var(--soft); font-size:11.5px; max-width:260px; overflow:hidden; text-overflow:ellipsis; }
.ntf-badges{ display:flex; flex-wrap:wrap; gap:4px; margin-top:4px; }
.ntf-badges .badge{ font-size:10.5px; padding:2px 7px; }

.ntf-ko{ color:var(--ko); font-weight:700; }
.ntf-warn{ color:var(--warn); font-weight:650; }
.ntf-soft{ color:var(--soft); }
.ntf-mono{ font-family:ui-monospace,monospace; font-size:12px; }

/* ---- Colonne Routine ---- */
.ntf-rt{ display:flex; flex-wrap:wrap; align-items:center; gap:5px; }
.ntf-rt .badge{ font-size:10.5px; padding:2px 7px; }
.ntf-rt-sub{ font-size:11.5px; color:var(--soft); margin-top:3px; }
.ntf-rt-sub.ntf-warn{ color:var(--warn); }
.ntf-rt-sub.ntf-ko{ color:var(--ko); }

/* ---- Plateformes push & appareils ---- */
.ntf-plats{ display:flex; flex-wrap:wrap; gap:8px; }
.ntf-plat{ display:inline-flex; align-items:center; gap:7px; background:var(--panel2);
  border:1px solid var(--border); border-radius:8px; padding:5px 9px; font-size:12.5px; }
.card h3.ntf-h3gap{ margin-top:16px; margin-bottom:8px; }
.ntf-scan{ color:var(--soft); font-size:12px; margin:14px 0 0; }