.atlas-account-trigger{ min-height:40px; display:flex; align-items:center; gap:8px; padding:4px 10px 4px 5px; border:1px solid var(--border); border-radius:11px; background:var(--panel-light); color:var(--text); font:600 12px Poppins,sans-serif; cursor:pointer; }
.atlas-account-trigger:disabled{ cursor:wait; opacity:.65; }.atlas-account-trigger > span:first-child{ width:30px; height:30px; display:grid; place-items:center; border-radius:9px; background:rgba(var(--workspace-accent-rgb),.14); color:var(--workspace-accent); font-size:12px; font-weight:700; }.atlas-account-trigger:hover:not(:disabled){ border-color:var(--workspace-accent); }
.atlas-account-dialog{ width:min(540px,calc(100vw - 28px)); max-height:min(780px,calc(100vh - 28px)); padding:0; overflow:auto; border:1px solid var(--border); border-radius:20px; background:var(--panel); color:var(--text); box-shadow:0 28px 80px rgba(0,0,0,.42); }.atlas-account-dialog::backdrop{ background:rgba(7,9,14,.76); backdrop-filter:blur(6px); }
.atlas-account-close{ position:absolute; top:14px; right:14px; z-index:2; width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--border); border-radius:11px; background:var(--panel-light); color:var(--text); cursor:pointer; }
.atlas-account-brand{ display:grid; grid-template-columns:auto 1fr; gap:14px; padding:26px 62px 22px 24px; border-bottom:1px solid var(--border); background:linear-gradient(130deg,rgba(var(--workspace-accent-rgb),.14),transparent 60%); }.atlas-account-brand > span{ width:46px; height:46px; display:grid; place-items:center; border-radius:14px; background:rgba(var(--workspace-accent-rgb),.16); color:var(--workspace-accent); font-size:20px; }.atlas-account-brand small,.atlas-account-profile-hero small{ color:var(--workspace-accent); font-size:12px; font-weight:700; letter-spacing:.8px; }.atlas-account-brand h2{ margin:3px 0 6px; font-size:22px; }.atlas-account-brand p{ margin:0; color:var(--text-light); font-size:12px; line-height:1.55; }
.atlas-account-status{ margin:16px 24px 0; padding:11px 13px; border:1px solid rgba(82,168,255,.25); border-radius:10px; background:rgba(82,168,255,.08); color:#76bbff; font-size:12px; line-height:1.5; }.atlas-account-status.error{ border-color:rgba(255,93,115,.3); background:rgba(255,93,115,.08); color:#ff718f; }.atlas-account-status.success{ border-color:rgba(66,211,146,.3); background:rgba(66,211,146,.08); color:#42d392; }
.atlas-account-tabs{ display:grid; grid-template-columns:1fr 1fr; gap:6px; margin:20px 24px 0; padding:5px; border:1px solid var(--border); border-radius:12px; background:rgba(255,255,255,.025); }.atlas-account-tabs button{ min-height:38px; border:0; border-radius:9px; background:transparent; color:var(--text-light); font:600 12px Poppins,sans-serif; cursor:pointer; }.atlas-account-tabs button.active{ background:rgba(var(--workspace-accent-rgb),.15); color:var(--text); }
.atlas-account-form{ display:grid; gap:13px; padding:20px 24px 10px; }.atlas-account-form h3{ margin:0; font-size:19px; }.atlas-account-form > p{ margin:0;color:var(--text-light);font-size:12px; }.atlas-account-form label{ display:grid; gap:6px; }.atlas-account-form label > span{ color:var(--text-light); font-size:12px; font-weight:600; }.atlas-account-form input,.atlas-account-form select{ width:100%; min-height:44px; padding:0 12px; border:1px solid var(--border); border-radius:10px; outline:0; background:var(--panel-light); color:var(--text); font:500 13px Poppins,sans-serif; }.atlas-account-form input:focus,.atlas-account-form select:focus{ border-color:var(--workspace-accent); box-shadow:0 0 0 3px rgba(var(--workspace-accent-rgb),.1); }.atlas-account-form button{ min-height:42px; border-radius:10px; font:600 12px Poppins,sans-serif; cursor:pointer; }.atlas-account-form button.primary{ display:flex; align-items:center; justify-content:center; gap:8px; margin-top:3px; border:1px solid rgba(var(--workspace-accent-rgb),.5); background:rgba(var(--workspace-accent-rgb),.18); color:var(--text); }.atlas-account-form button.link,.atlas-account-form button.back{ justify-self:start; min-height:auto; padding:4px 0; border:0; background:transparent; color:var(--workspace-accent); }.atlas-account-form button.back{ display:flex;align-items:center;gap:7px}.atlas-account-form.busy{ opacity:.7; }
.atlas-password-field{position:relative;display:block}.atlas-password-field input{padding-right:48px}.atlas-password-field button{position:absolute;top:50%;right:5px;width:36px;min-height:34px;transform:translateY(-50%);border:0;border-radius:8px;background:transparent;color:var(--text-light)}.atlas-password-field button:hover,.atlas-password-field button:focus-visible{background:rgba(var(--workspace-accent-rgb),.12);color:var(--workspace-accent)}.atlas-caps-warning{color:#f4b740;font-size:12px;font-weight:600}
.atlas-account-form button.secondary{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background:rgba(255,255,255,.025);color:var(--text-light)}.atlas-account-form button.secondary:hover,.atlas-account-form button.secondary:focus-visible{border-color:var(--workspace-accent);color:var(--text);background:rgba(var(--workspace-accent-rgb),.08)}
.atlas-account-note{ display:flex; gap:8px; align-items:flex-start; padding:10px; border-radius:9px; background:rgba(66,211,146,.06); }.atlas-account-note i{ color:var(--success); margin-top:3px; }.atlas-account-local{ display:flex; gap:11px; align-items:center; margin:10px 24px 24px; padding:13px; border:1px solid var(--border); border-radius:11px; background:rgba(255,255,255,.02); }.atlas-account-local > i{ color:var(--workspace-accent); }.atlas-account-local span{ display:grid;gap:2px}.atlas-account-local strong{font-size:12px}.atlas-account-local small{color:var(--text-light);font-size:12px;line-height:1.45}
.atlas-account-profile{ padding:22px 24px 24px; }.atlas-account-profile-hero{ display:flex; align-items:center; gap:13px; padding-bottom:18px; border-bottom:1px solid var(--border); }.atlas-account-profile-hero > span{ width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:rgba(var(--workspace-accent-rgb),.16);color:var(--workspace-accent);font-size:15px;font-weight:700}.atlas-account-profile-hero h3{margin:2px 0;font-size:19px}.atlas-account-profile-hero p{margin:0;color:var(--text-light);font-size:12px}.atlas-account-profile .atlas-account-form{padding:18px 0 8px}.atlas-account-actions{display:flex;justify-content:flex-end;margin-top:10px}.atlas-account-actions button{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid rgba(255,93,115,.3);border-radius:9px;background:rgba(255,93,115,.07);color:var(--danger);font:600 12px Poppins,sans-serif;cursor:pointer}
html[data-theme="light"] .atlas-account-dialog{ background:#fff; }.atlas-account-dialog [hidden]{ display:none!important; }
@media(max-width:700px){.atlas-account-trigger [data-account-label]{display:none}.atlas-account-trigger{padding:4px}.atlas-account-brand{grid-template-columns:1fr;padding-left:20px}.atlas-account-brand>span{display:none}.atlas-account-dialog{width:calc(100vw - 18px)}}

.atlas-account-sync{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:16px;padding:14px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.025)}
.atlas-account-sync-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:var(--primary-hover);background:rgba(124,92,252,.14)}
.atlas-account-sync>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}.atlas-account-sync strong{color:var(--text);font-size:13px}.atlas-account-sync small{color:var(--text-light);font-size:12px;line-height:1.45}
.atlas-account-sync button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 11px;border:1px solid rgba(124,92,252,.45);border-radius:10px;background:rgba(124,92,252,.14);color:var(--text);font:600 12px Poppins,sans-serif;cursor:pointer}
.atlas-account-sync[data-state="synced"] .atlas-account-sync-icon{color:var(--success);background:rgba(61,220,151,.12)}.atlas-account-sync[data-state="error"] .atlas-account-sync-icon{color:#ff5c7a;background:rgba(255,92,122,.12)}
@media(max-width:600px){.atlas-account-sync{grid-template-columns:auto minmax(0,1fr)}.atlas-account-sync button{grid-column:1/-1;width:100%}}