.online-page{max-width:1500px;margin:auto;padding:24px}.online-heading,.online-actions,.online-kpis{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.online-heading{justify-content:space-between}.online-heading h1{font-size:30px;margin:8px 0}.online-state{color:#78d5b7;border:1px solid #335b56;padding:9px 14px;border-radius:8px}.online-notice{color:#e8bd62;min-height:1.5em;overflow-wrap:anywhere}.online-lobby{display:grid;grid-template-columns:1fr 1fr;gap:20px}.online-card,.online-save{padding:20px;border:1px solid #34505d;background:#142734;border-radius:12px}.online-card h2,.online-save h3{color:#e8bd62;margin-top:0}.online-page label,.online-account label{display:flex;flex-direction:column;gap:7px;font-size:13px;margin:12px 0}.online-page input,.online-page select,.online-account input,.online-account select{width:100%;padding:10px;border-radius:7px;background:#0c1b26;border:1px solid #41606c;color:#eaf3f2;min-width:0}.online-account .online-check{flex-direction:row;align-items:center}.online-check input{width:auto}.online-account{max-height:90vh;overflow:auto;width:min(620px,94vw)}.online-tabs{display:flex;gap:8px;flex-wrap:wrap}.online-tabs [aria-pressed=true]{background:#e8bd62;color:#142734}.online-account button,.online-lobby button{margin:5px 5px 5px 0}.online-note{padding:15px;border-left:3px solid #e8bd62;background:#1b3644;margin:14px 0}.recovery-code{display:block;overflow-wrap:anywhere;padding:18px;background:#0c1b26;color:#e8bd62;font-size:18px}.online-link{display:block;margin:18px 0;color:#78d5b7}.online-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;margin-top:16px}.online-map{min-width:0}.online-map canvas{width:100%;height:560px;background:#10232d;border-radius:12px}.online-kpis{padding:16px;background:#142734;margin:12px 0;border-radius:10px}.online-kpis span{color:#abc3cb}.online-kpis strong{color:#e8bd62;margin-left:5px}.online-members{list-style:none;padding:0}.online-members li{padding:9px;border-bottom:1px solid #34505d}.online-members span{display:block;font-size:12px;color:#97b5bf;margin-top:3px}.online-editor{margin-top:20px}.online-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.online-job{display:flex;gap:10px;align-items:center;margin-top:8px;font-size:12px}.online-job select{max-width:70px}.online-actions a{font-size:13px;color:#78d5b7}.online-page button:disabled{opacity:.45}.online-page button:focus-visible,.online-account button:focus-visible{outline:2px solid #78d5b7;outline-offset:2px}@media(max-width:800px){.online-page{padding:14px}.online-layout,.online-lobby{grid-template-columns:1fr}.online-map canvas{height:340px}.online-heading h1{font-size:25px}.online-actions button{flex:1 1 130px}.online-page select,.online-account select{max-width:100%}}

.online-sync-status{max-width:170px;font-size:11px;color:#abc3cb}.online-page .online-check{flex-direction:row;align-items:center}.online-page .online-check input{width:auto}

/* Portal keeps the account dialog outside the filtered header containing block. */
.online-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:16px;overflow:auto}.online-modal .online-account{box-sizing:border-box;max-width:100%;min-height:0;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}