/* Mode en ligne */
html.online .accounts-list, html.online .accounts-create, html.online .accounts-import { display: none !important; }
.ol-account { display: grid; gap: 10px; padding: 12px 14px; border-radius: 14px; border: 1px solid rgba(95, 224, 255, .35); background: rgba(95, 224, 255, .06); margin-bottom: 10px; }
.ol-who { display: flex; align-items: center; gap: 10px; }
.ol-who div { display: grid; }
.ol-who small { color: var(--muted, #93a3bf); }
.ol-dot { width: 10px; height: 10px; border-radius: 50%; background: #54e39e; box-shadow: 0 0 8px #54e39e; flex: 0 0 auto; }
.ol-dot.off { background: #ff9a5f; box-shadow: 0 0 8px #ff9a5f; }
.ol-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.ol-actions a { text-decoration: none; display: inline-grid; place-items: center; }
.ol-pw { display: flex; flex-wrap: wrap; gap: 6px; }
.ol-pw input { min-height: 38px; flex: 1; min-width: 160px; }
.ol-msg { margin: 0; color: #f2c45a; font-size: .86rem; min-height: 1em; }
.ol-import .dialog-card { display: grid; gap: 12px; width: min(560px, calc(100vw - 32px)); }
.ol-cands { display: grid; gap: 6px; }
.ol-cands button { display: grid; text-align: left; gap: 2px; }
.ol-cands small { color: var(--muted, #93a3bf); }
.ol-banner { position: fixed; inset: 0; z-index: 99999; display: grid; place-items: center; background: rgba(6, 10, 20, .86); backdrop-filter: blur(4px); }
.ol-banner > div { max-width: 440px; padding: 24px; border-radius: 18px; background: #101c30; border: 1px solid #2b3d5c; color: #e8eefc; text-align: center; display: grid; gap: 10px; }
.ol-banner strong { font-size: 1.3rem; }
.ol-banner p { margin: 0; color: #b8c6e0; }
.ol-banner .ol-small { font-size: .85rem; }
.ol-banner button { justify-self: center; min-height: 42px; padding: 0 18px; border-radius: 12px; border: 0; background: #5fe0ff; color: #06202a; font-weight: 700; cursor: pointer; }
.ol-offline { position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%); z-index: 9000; padding: 8px 14px; border-radius: 999px; background: #3a1d0a; color: #ffd0a0; border: 1px solid #ff9a5f; font-size: .86rem; }
.ol-banner[hidden], .ol-offline[hidden] { display: none !important; }
.ol-pw[hidden] { display: none !important; }