/* Écran de connexion Butamax, au-dessus de l'intro. */
#bm-login{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(70% 55% at 50% 40%,rgba(166,255,58,.14),transparent 70%),#050506;color:#F4F4F5;font-family:"Archivo",system-ui,sans-serif}
#bm-login form{width:min(380px,100%);display:flex;flex-direction:column;gap:14px;background:#131316;border:1px solid #28282E;border-radius:18px;padding:24px}
#bm-login img{display:block;width:100%;max-width:260px;margin:0 auto 4px}
#bm-login p{margin:0;color:#8C8C96;font-size:.9rem;text-align:center}
#bm-login label{display:flex;flex-direction:column;gap:5px;font-size:.78rem;color:#8C8C96}
#bm-login input{border:1px solid #28282E;background:#09090B;color:#F4F4F5;border-radius:10px;padding:11px 12px;font:inherit;font-size:1rem}
#bm-login input:focus{outline:none;border-color:#A6FF3A}
#bm-login button{border:0;border-radius:10px;padding:12px;font:inherit;font-weight:800;cursor:pointer;color:#061200;background:linear-gradient(100deg,#A6FF3A,#2FD94F)}
#bm-login button[disabled]{opacity:.6}
#bm-login small{font-size:.72rem;color:#6E6E78;text-align:center}
#bm-login .err{color:#FF5468;font-size:.85rem;min-height:1em}

/* Badges de niveau d'analyse, filtre « En direct ». */
.tier{display:inline-block;vertical-align:1px;margin-left:6px;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;line-height:1.5;padding:0 6px;border-radius:4px;color:var(--muted);border:1px solid var(--line);font-style:normal;font-family:var(--f-body)}
.tier.full{color:var(--on);background:var(--grad);border-color:transparent}
.hctx .tier{margin-left:0;font-size:.66rem;padding:2px 8px}
.cat.livechip .d{background:#FF5468;animation:blink 1.2s infinite}
.cat.livechip{border-color:color-mix(in srgb,#FF5468 55%,var(--line))}
.cat.livechip[aria-pressed="true"]{background:#FF5468;color:#fff}
.cat.livechip[aria-pressed="true"] .d{background:#fff}
.cat.livechip[aria-pressed="true"] .n{color:#fff}
/* Mobile : la barre de l'appli passe sous la navigation unifiée (56 px) ; onglets pleine largeur. */
@media (max-width:900px){.topbar{top:calc(env(safe-area-inset-top,0px) + 57px)!important}}
@media (max-width:560px){.tb-right{width:100%}.tabs{width:100%;overflow-x:auto;scrollbar-width:none;justify-content:space-between}.tabs button{padding:7px 11px;flex:1}.app-title{display:none}.topbar-in{padding-block:8px!important}}
/* Noms longs dans la fiche : couper entre les mots, pas au milieu. */
.vs .side .name{overflow-wrap:break-word;hyphens:auto}
#bm-login p a{color:#A6FF3A;font-weight:700}
.lockcard{border-color:color-mix(in srgb,var(--a1) 45%,var(--line))}