/* Owner-approved One Navo design. Shared visual tokens; no action or permission changes. */
@font-face{font-family:NavoGeist;src:url('/brand/geist.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--navo-bg:#101014;--navo-surface:#18181e;--navo-raised:#23232b;--navo-text:#f1eef7;--navo-muted:#aaa6b5;--navo-line:#34323d;--navo-control-line:#71697d;--navo-action:#8052e6;--navo-accent:#aa8afa;--navo-positive:#90c4ab;--bg:var(--navo-bg);--surface:var(--navo-surface);--surface-2:var(--navo-raised);--surface-3:#302d39;--panel:var(--navo-surface);--text:var(--navo-text);--ink:var(--navo-text);--muted:var(--navo-muted);--line:var(--navo-line);--purple:var(--navo-accent);--purple-soft:#30253f;--teal:var(--navo-positive)}
html{background:var(--navo-bg);scrollbar-color:#51495e var(--navo-bg)}body{background:var(--navo-bg);color:var(--navo-text);font-family:NavoGeist,system-ui,sans-serif;line-height:1.55}button,input,textarea,select{font-family:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,input,textarea,select{border-radius:9px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--navo-accent);outline-offset:3px}h1,h2,h3{font-weight:560;letter-spacing:-.035em}p,li{overflow-wrap:anywhere}button,.button{min-height:44px}input:not([type=checkbox]):not([type=radio]),select{min-height:44px}dialog{background:var(--navo-surface);color:var(--navo-text);border:1px solid var(--navo-control-line);border-radius:14px}dialog::backdrop{background:#000a}.primary-button,.button:not(.secondary){background:var(--navo-action);color:#fff;border-color:var(--navo-action);box-shadow:none}.secondary-button,.button.secondary{background:var(--navo-surface);color:var(--navo-text);border-color:var(--navo-control-line);box-shadow:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}}

.pack,.planning,.membership,.funding,.account-summary,.connection,.card{background:var(--navo-surface);border-color:var(--navo-line);border-radius:12px;box-shadow:none}.pack.recommended{border-color:var(--navo-accent);box-shadow:none}.pack button{background:var(--navo-action)}.pack-name,.credits{font-weight:560}.note,.capacity,.price{color:var(--navo-muted)}header{border-color:var(--navo-line)}input:not([type=checkbox]):not([type=radio]),select,textarea{background:var(--navo-surface);color:var(--navo-text);border-color:var(--navo-control-line)}

/* Account, authorization and private review pages share the approved room. */
.navo-account-header{min-height:64px;max-width:none;border-bottom:1px solid var(--navo-line);padding-inline:28px}
body:has(.navo-account-header)>main{max-width:1140px;margin:36px auto;padding-inline:28px}
body:has(.navo-account-header)>main>.eyebrow{font-size:11px;letter-spacing:.12em;color:var(--navo-muted)}
body:has(.navo-account-header)>main>h1{font-size:36px;font-weight:600;letter-spacing:-.045em;line-height:1.15;margin:10px 0 16px}
body:has(.navo-account-header) .wallet{border:1px solid var(--navo-line);border-radius:14px;background:var(--navo-surface);padding:28px;margin:24px 0}
body:has(.navo-account-header) .wallet{display:block}
body:has(.navo-account-header) .wallet #balance{font-size:clamp(24px,4vw,36px);font-weight:600;letter-spacing:-.04em;color:var(--navo-text)}
body:has(.navo-account-header) .wallet>span{display:block;text-align:left;max-width:none;margin-top:10px}
body:has(.navo-account-header) #credit-pack-jump{background:var(--navo-action);color:#fff;border-color:var(--navo-action)}
body:has(.navo-account-header) .pack{box-shadow:none;border:1px solid var(--navo-line);border-radius:10px}
body:has(.navo-account-header) :is(.funding,.membership,.planning){border-radius:0;background:transparent;border-width:0 0 1px;padding-inline:0}
body:has(.navo-account-header) .lede{font-size:14px;max-width:70ch;color:var(--navo-muted);line-height:1.7}
body:has(#connections)>header{display:flex;align-items:center;justify-content:space-between;min-height:64px;border-bottom:1px solid var(--navo-line);padding:10px 24px}
body:has(#connections)>main{max-width:820px;margin:40px auto;padding:0 24px}
body:has(#connections) h1{font-size:36px;font-weight:600;line-height:1.15;letter-spacing:-.045em;margin:12px 0 20px}
body:has(#connections) .eyebrow{font-size:11px;letter-spacing:.12em}
body:has(#connections) form,body:has(#connections) #review-panel{background:var(--navo-surface);border:1px solid var(--navo-line);border-radius:14px;padding:24px}
body:has(#connections) .intro{font-size:14px;line-height:1.7;max-width:65ch}
@media(max-width:600px){body:has(.navo-account-header)>main{margin:28px auto;padding-inline:20px}body:has(.navo-account-header)>main>h1,body:has(#connections) h1{font-size:30px}body:has(.navo-account-header) .wallet{padding:20px}.navo-account-header{padding-inline:16px}body:has(#connections)>main{margin:28px auto;padding-inline:20px}body:has(#connections) form,body:has(#connections) #review-panel{padding:20px}}