/* Bandeau du mode démo et état « non connecté » (phase 1b). */
#demo-banner{position:fixed;left:0;right:0;bottom:0;height:24px;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:#c62828;color:#fff;font:600 12px/1 system-ui,sans-serif;letter-spacing:.06em;pointer-events:none}
html.is-demo body{padding-bottom:24px}
.not-connected{max-width:520px;margin:48px auto;text-align:center}
.not-connected a{color:var(--brand-500,#7fa3e8);text-decoration:underline}

/* Page « Annonces » : aperçu des bandeaux tels qu'ils s'affichent dans les SaaS (info bleu, attention jaune, critique rouge). */
.an-filters{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px}
.an-filters .tk-chips{margin-top:0}
.tk-chip b{font-weight:600;opacity:.8}
.an-list{display:flex;flex-direction:column;gap:12px}
.an-row{display:flex;flex-direction:column;gap:10px}
.an-row .tk-tags{display:flex;flex-wrap:wrap;gap:6px}
.an-banner{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:8px;border:1px solid;font-size:13.5px;line-height:1.45;overflow-wrap:anywhere}
.an-banner .an-text{flex:1;min-width:0}
.an-banner a{color:inherit;text-decoration:underline;font-weight:600}
.an-banner .an-x{opacity:.6;font-size:12px}
.an-dot{width:8px;height:8px;border-radius:50%;flex:none;background:currentColor}
.an-info{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.45);color:#bfdbfe}
.an-warning{background:rgba(234,179,8,.13);border-color:rgba(234,179,8,.5);color:#fde68a}
.an-critical{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.55);color:#fecaca}
.an-meta{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12.5px;color:var(--muted)}
.an-acts{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.an-del{color:#e08a8a!important}
.an-pulls{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;margin-top:14px}
.an-ta{width:100%;resize:vertical;min-height:84px;font:inherit}
.an-count{text-align:right;font-size:11.5px;margin:-4px 0 6px}
.an-check{display:flex;align-items:center;gap:8px;margin-top:8px}
.nav-links .an-n{background:rgba(234,179,8,.18);color:#fde68a}
@media (max-width:640px){.an-acts{justify-content:stretch}.an-acts button{flex:1}}