/* Atlas en ligne — compléments d'interface (connexion, espaces, équipes). © 2026 OUVRAGE-ATLAS */
.cform{display:grid;gap:12px;margin-top:6px}
.cform .f{margin:0}
.crow{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.clinfo{background:var(--accent-soft,#e3efec);border-radius:10px;padding:10px 12px;font-size:13.5px;margin:0}
#gMain h2{margin:0 0 6px}
#gMain>p{margin:0 0 4px}
#gMain [data-cl="install"]{margin-top:10px}
.spacebar{display:grid;gap:6px;margin:4px 0 14px}
.spchips{display:flex;gap:6px;flex-wrap:wrap}
.spchips button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-weight:600;font-size:13px;color:var(--ink)}
.spchips button span{font:500 11.5px var(--f-mono,monospace);color:var(--muted)}
.spchips button[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink,#fff)}
.spchips button[aria-selected="true"] span{color:inherit;opacity:.8}
.spchips button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.spnote{margin:0;font-size:12.5px;color:var(--muted)}
.spb{display:inline-block;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;margin-right:4px;vertical-align:1px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spb.priv{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}
.spb.team{background:var(--accent-soft,#e3efec);color:var(--accent)}
.spopts{display:grid;gap:8px;margin:10px 0}
.spopts label{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer;position:relative}
.spopts label:has(input:checked){border-color:var(--accent);background:var(--accent-soft,#e3efec)}
.spopts small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.spopts input{margin-top:3px}
.muted{color:var(--muted)}
#cloudBar{display:grid;gap:0}
#cloudBar:empty{display:none}
.cbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:8px 16px;font-size:13px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.cbar.sup{background:#7a2e1d;color:#fff}
.cbar.sup .btn{background:#fff;color:#7a2e1d;border-color:#fff}
.cbar.info{background:var(--accent);color:var(--accent-ink,#fff)}
.cbar.warn{background:#fff4dc;color:#6b4a00}
.cbar.team{background:var(--surface-2);color:var(--muted)}
.hist{display:grid;gap:0;max-height:60vh;overflow:auto}
.hist.panel{max-height:420px}
.hrow{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:9px 2px;border-bottom:1px solid var(--line-2);font-size:13px}
.hrow:last-child{border-bottom:0}
.hrow ul{margin:4px 0 0;padding-left:18px;color:var(--muted)}
.hrow.sup{background:linear-gradient(90deg,rgba(122,46,29,.07),transparent)}
.hwhen{font:500 12px var(--f-mono,monospace);color:var(--muted)}
.acc{border-top:1px solid var(--line-2);padding-top:12px;margin-top:12px}
.acc h4{margin:0 0 6px;font-size:14px}
.acc .row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.acc select{padding:7px 10px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.mbox .tablewrap select{padding:4px 6px;border-radius:7px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
code.key{font:500 13px var(--f-mono,monospace);background:var(--surface-2);padding:2px 6px;border-radius:6px;user-select:all}
@media (max-width:600px){.hrow{grid-template-columns:1fr;gap:2px}}
@media (display-mode:standalone){.top{padding-top:max(8px,env(safe-area-inset-top))}}
.movelist input[type=checkbox]{position:static!important;width:16px!important;height:16px!important;opacity:1!important;appearance:auto!important;-webkit-appearance:checkbox!important;margin:0;flex:none;accent-color:var(--accent);pointer-events:auto}
#oTeam input{font:inherit;font-size:14px;letter-spacing:normal;text-transform:none}
.qrbox{display:grid;place-items:center;margin:6px 0 10px}.qrbox img{width:180px;height:180px;background:#fff;border-radius:12px;padding:8px;border:1px solid var(--line)}