/* Shared account, setup and connection screens: the same tokens and brand as the workspace. */
.account-page{margin:0;background:var(--color-bg);color:var(--color-text);font:14px/1.55 var(--font-body,Archivo,system-ui,sans-serif)}
.account-page *,.setup-page *{box-sizing:border-box}
.account-page [hidden],.setup-page [hidden],.account-page .hidden{display:none!important}
.account-topbar{height:64px;background:var(--color-accent-700);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(20px,5vw,80px)}
.account-topbar .app-brand{width:180px;justify-content:flex-start}.account-topbar .app-brand-logotipo{width:175px;max-width:100%}
.account-topbar>a:last-child{color:#fff;font-size:12px;display:inline-flex;align-items:center;gap:8px;padding:10px 0}.account-topbar>a:last-child:before{content:'←';font-size:19px}
.account-main{max-width:1120px;padding:34px 28px 64px;margin:0 auto}
.account-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}
.account-eyebrow{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-neutral-700);margin:0 0 9px}
.account-heading h1{font-size:28px;line-height:1.2;letter-spacing:-.04em;margin:0 0 8px;font-weight:800}.account-heading p:last-child{margin:0;color:var(--color-neutral-700);max-width:680px}
.account-badge{display:inline-flex;align-items:center;gap:7px;flex:none;border:1px solid var(--color-neutral-300);border-radius:6px;background:#fff;color:var(--color-text);padding:7px 11px;font-size:11px;font-weight:600;white-space:nowrap}.account-badge:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--color-accent)}
.account-page h2,.setup-page h2{font-size:18px;line-height:1.3;letter-spacing:-.02em;margin:0 0 12px;font-weight:700}
.account-page p{line-height:1.6}.account-page .muted,.setup-page .muted{color:var(--color-neutral-700)}
.account-page .card{background:var(--color-surface);border:1px solid var(--color-neutral-300);border-radius:9px;padding:24px;margin:18px 0;box-shadow:0 2px 4px #00000003}
.account-page .row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.account-page .field{display:grid;gap:7px;flex:1;min-width:180px}.account-page label,.setup-page label{font-size:12px;font-weight:600}
.account-page input:not([type=checkbox]):not([type=hidden]),.account-page select,.setup-page input{display:block;width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--color-neutral-300);border-radius:6px;background:#fff;color:var(--color-text);font:14px var(--font-body)}
.account-page input[type=checkbox]{accent-color:var(--color-accent);margin-right:7px}
.account-page button,.setup-page button{min-height:40px;padding:10px 16px;border:1px solid transparent;border-radius:6px;background:var(--color-accent);color:#fff;font:600 12px var(--font-body);cursor:pointer}
.account-page button:hover,.setup-page button:hover{background:var(--color-accent-600)}
.account-page button.secondary{background:#fff;border-color:var(--color-neutral-300);color:var(--color-text)}.account-page button.secondary:hover{background:var(--color-neutral-100)}
.account-page button.danger{background:#fff;border-color:#e2b6b2;color:#b32920}.account-page button.danger:hover{background:#fff3f1}
.account-page button:disabled,.setup-page button:disabled{opacity:.55;cursor:wait}
.account-page :is(input,select,button,a):focus-visible,.setup-page :is(input,button):focus-visible,.profile-menu :is(a,button):focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}
.account-page .item{border-top:1px solid var(--color-neutral-200);padding:16px 0}.account-page .item:first-child{border-top:0}
.account-page .mono{font:12px/1.7 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--color-neutral-100);padding:12px;border:1px solid var(--color-neutral-200);border-radius:6px}
.account-page #notice:empty{display:none}.account-page #notice:not(:empty),.setup-page [role=alert]:not(:empty){padding:12px 15px;border:1px solid #edb9ae;border-radius:6px;color:var(--color-text);background:var(--color-accent-100);font-size:13px}
.account-page #tokenPanel,.account-page #secretPanel{border-color:var(--color-accent);background:var(--color-accent-100)}
.account-page .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.account-page .two>.card{min-width:0;margin-block:0}
.account-auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden;min-height:440px;border:1px solid var(--color-neutral-300);border-radius:10px;background:#fff;margin:24px 0}
.account-auth-story{padding:48px 36px;display:flex;flex-direction:column;justify-content:center;color:#fff;background:linear-gradient(90deg,#141211eb,#141211a6),url('./login-store.png') center/cover}
.account-auth-story .app-brand-login{width:260px;max-width:100%;margin:0 0 38px;background:#ff3c14}.account-auth-story h2{font-size:29px;font-weight:500;line-height:1.3;max-width:300px;margin:0 0 18px}.account-auth-story p{font-size:13px;color:#e5dfdc;max-width:310px;margin:0}.account-auth-story .account-eyebrow{color:#e5dfdc;margin:0 0 12px}
.account-auth-form{padding:40px;align-self:center;min-width:0}.account-auth-form>p{font-size:13px;color:var(--color-neutral-700);margin-bottom:24px}.account-auth-form form:not([hidden]){display:grid;gap:18px}.account-auth-form form .field{min-width:0}.account-auth-form form>button{width:100%;margin-top:4px}.account-auth-form .account-eyebrow{margin-bottom:10px}.account-auth-form h2{font-size:24px}
.account-session{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 12px;border-bottom:1px solid var(--color-neutral-300)}.account-session p{margin:0;font-size:12px}
.setup-page{font:14px/1.5 var(--font-body,Archivo,system-ui,sans-serif);color:var(--color-text);min-height:100dvh;background:var(--color-bg)}
.setup-page .account-main{max-width:1160px}.setup-page .account-auth{grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr)}.setup-page .account-auth-form{padding:34px}
.setup-steps{display:flex;gap:24px;list-style:none;padding:0;margin:0 0 28px}.setup-steps li{font-size:11px;font-weight:600;color:var(--color-neutral-600);display:flex;gap:8px;align-items:center}.setup-steps span{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--color-neutral-300);border-radius:50%;font-size:10px}.setup-steps [aria-current=step]{color:var(--color-text)}.setup-steps [aria-current=step] span{background:var(--color-accent);border-color:var(--color-accent);color:#fff}
.setup-page label{display:grid;gap:7px}.setup-page fieldset{border:0;padding:0;margin:0;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.setup-page .setup-wide{grid-column:1/-1}.setup-page .account-auth-form form>p{margin:0;color:var(--color-neutral-700);font-size:12px}.setup-page .setup-note{font-size:11px;color:var(--color-neutral-700);margin:20px 0 0}
.profile-menu{position:relative;font-family:var(--font-body)}
.profile-name{white-space:nowrap}
.profile-trigger{display:flex;align-items:center;gap:10px;min-height:42px;border:0;background:transparent;color:#fff;padding:4px 8px;border-radius:var(--radius-lg);font:600 16px var(--font-heading);cursor:pointer;transition:background .35s ease}
.profile-trigger:hover,.profile-menu[data-open="true"] .profile-trigger{background:color-mix(in srgb,#fff 9%,transparent)}
.profile-avatar{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--color-accent-2-600);font-size:13px;font-weight:700}
.profile-chevron{display:block;width:16px;height:16px;flex:none;transition:transform .2s ease}
.profile-menu[data-open="true"] .profile-chevron{transform:rotate(180deg)}
.profile-dropdown{position:absolute;z-index:1;top:calc(100% + 8px);right:0;width:260px;max-width:calc(100vw - 24px);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--color-text);opacity:0;transform:translateY(-8px);visibility:hidden;pointer-events:none;transition:opacity .35s ease,transform .2s ease,visibility 0s linear .35s}
.profile-menu[data-open="true"] .profile-dropdown{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition:opacity .35s ease,transform .2s ease,visibility 0s}
.profile-dropdown>p{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-neutral-700);padding:8px 10px;margin:0}
.profile-dropdown>a,.profile-dropdown>button{box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;padding:11px 10px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text);text-align:left;font:500 13px var(--font-body);cursor:pointer;text-decoration:none;transition:background .35s ease}
.profile-dropdown>a:hover,.profile-dropdown>button:hover{background:var(--color-neutral-100)}
.profile-dropdown small{display:block;font-size:10px;font-weight:400;line-height:1.5;color:var(--color-neutral-700);margin-top:2px}
.profile-dropdown svg{width:18px;height:18px;flex:none;color:var(--color-neutral-700)}
@media(max-width:700px){.account-topbar{height:58px;padding-inline:18px}.account-topbar .app-brand{width:145px}.account-main{padding:24px 16px 40px}.account-heading{flex-direction:column;gap:12px}.account-heading h1{font-size:25px}.account-auth,.setup-page .account-auth{grid-template-columns:1fr}.account-auth-story{padding:28px;min-height:220px}.account-auth-story .app-brand-login{width:190px;margin-bottom:24px}.account-auth-story h2{font-size:23px;margin-bottom:10px}.account-auth-form,.setup-page .account-auth-form{padding:26px}.account-page .two{grid-template-columns:1fr}.account-page .card{padding:20px}.account-session{align-items:flex-start}.profile-trigger>.profile-name{display:none}.setup-page fieldset{grid-template-columns:1fr}.setup-page .setup-wide{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.profile-trigger,.profile-chevron,.profile-dropdown,.profile-menu[data-open="true"] .profile-dropdown,.profile-dropdown>a,.profile-dropdown>button{transition:none;transform:none}.profile-menu[data-open="true"] .profile-chevron{transform:rotate(180deg)}}