/* Local account journey adapter. Reference styles are scoped to .account-preview.
   The main preview owns global navigation, typography variables, and sample data. */

/* Adapted from the approved account study: styles.css. */

.account-preview { --dark: var(--teal-dark, #2e5d53); --wash: var(--teal-wash, #edf4f0); color-scheme: light; font-synthesis: none; }
.account-preview, .account-preview * { box-sizing:border-box }
.account-preview { margin:0;background:var(--canvas);color:var(--ink);font:14px/1.6 var(--sans);-webkit-font-smoothing:antialiased }
.account-preview button, .account-preview input, .account-preview select { font:inherit;color:inherit }
.account-preview button, .account-preview a, .account-preview select { touch-action:manipulation }
.account-preview button { cursor:pointer }
.account-preview button { background:none;border:0 }
.account-preview a { color:var(--dark);text-decoration:none }
.account-preview p, .account-preview h1, .account-preview h2, .account-preview h3 { margin:0 }
.account-preview button:disabled { cursor:default;opacity:.6 }
.account-preview input, .account-preview select { width:100%;padding:11px 12px;border:1px solid #aabbb2;border-radius:7px;background:white;min-height:44px }
.account-preview label { display:block;font-size:12px;font-weight:600;margin:18px 0 7px }
.account-preview input:focus-visible, .account-preview select:focus-visible, .account-preview button:focus-visible, .account-preview a:focus-visible, .account-preview summary:focus-visible, .account-preview [tabindex]:focus-visible { outline:3px solid #538e7e;outline-offset:3px }
.account-preview button:hover, .account-preview a:hover { filter:brightness(.92) }
.account-preview .skip { position:fixed;top:10px;left:14px;transform:translateY(-160%);z-index:100;background:var(--ink);color:white;padding:10px 16px;border-radius:6px }
.account-preview .skip:focus { transform:none }
.account-preview .brand { display:flex;align-items:center;gap:10px;font-size:24px;font-weight:600;letter-spacing:-1px;color:var(--ink) }
.account-preview .brand svg { width:29px;height:29px;color:var(--teal) }
.account-preview .topbar { min-height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 32px;gap:26px;background:#ffffffd9;border-bottom:1px solid var(--line) }
.account-preview .global-nav { display:flex;gap:8px;align-items:center }
.account-preview .global-nav a { padding:14px 13px;font-size:13px;color:var(--muted);border-bottom:2px solid transparent }
.account-preview .global-nav a.active { border-color:var(--teal);color:var(--ink) }
.account-preview .identity-button { justify-self:end;display:flex;gap:9px;align-items:center;text-align:left;font-size:12px;padding:5px;border-radius:7px }
.account-preview .avatar { display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#e7eee8;color:#396650;font-size:12px;font-weight:600 }
.account-preview .subtext { display:block;color:var(--muted);font-size:11px;font-weight:400 }
.account-preview .banner { padding:9px 24px;background:#eaf0e8;text-align:center;font-size:11px;color:#435c4b }
.account-preview .banner strong { font-weight:600 }
.account-preview .tenantbar { display:flex;justify-content:space-between;align-items:center;gap:14px;max-width:1360px;margin:auto;padding:18px 32px;border-bottom:1px solid var(--line) }
.account-preview .tenant-button { display:flex;align-items:center;gap:12px;text-align:left;padding:0;min-height:44px }
.account-preview .org-symbol { display:grid;place-items:center;border:1px solid #d6e1d8;background:white;width:36px;height:36px;border-radius:8px;color:var(--teal);font:22px var(--serif) }
.account-preview .tenant-name { font-size:13px;font-weight:600 }
.account-preview .tag { font-size:10px;letter-spacing:.03em;padding:4px 9px;border:1px solid #d7e3da;border-radius:999px;background:#f1f6f1;color:#456250;white-space:nowrap }
.account-preview .tenant-meta { display:flex;align-items:center;gap:10px }
.account-preview .text-button { color:var(--dark);font-size:12px;padding:7px 0;min-height:36px }
.account-preview .layout { display:grid;grid-template-columns:212px minmax(0,1fr);max-width:1360px;margin:auto;min-height:calc(100vh - 210px) }
.account-preview .sidebar { padding:29px 21px;border-right:1px solid var(--line);background:#f0f3ed }
.account-preview .side-heading { font-size:11px;letter-spacing:.09em;color:var(--muted);text-transform:uppercase;margin:0 11px 13px }
.account-preview .side-link { display:block;padding:10px 12px;border-radius:7px;margin:3px 0;font-size:12px;color:#52685b;min-height:42px }
.account-preview .side-link.active { background:#e0eade;color:#294f3c;font-weight:600 }
.account-preview .side-divider { height:1px;background:var(--line);margin:24px 11px }
.account-preview .side-note { margin:26px 11px 0;font-size:11px;color:#647564 }
.account-preview .side-note p+p { margin-top:9px }
.account-preview .content { padding:34px 40px 40px;min-width:0;max-width:1120px }
.account-preview .eyebrow { text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:600;color:#54735c;margin-bottom:9px }
.account-preview h1 { font:400 38px/1.2 var(--serif);letter-spacing:-.8px }
.account-preview h2 { font-size:14px;font-weight:600 }
.account-preview h3 { font-size:13px;font-weight:600 }
.account-preview .lede { margin-top:12px;color:var(--muted);max-width:610px;font-size:13px;line-height:1.8 }
.account-preview .page-head { display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:28px }
.account-preview .button { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;border:1px solid #cbd9d0;border-radius:7px;padding:9px 16px;font-size:12px;font-weight:600;background:white;color:#38594a }
.account-preview .primary { background:var(--teal);color:white;border-color:var(--teal) }
.account-preview .danger { color:#914c3c;border-color:#dabbb3;background:#fff9f7 }
.account-preview .button-row { display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px }
.account-preview .card { border:1px solid var(--line);border-radius:11px;background:white;padding:23px;min-width:0 }
.account-preview .card p { color:var(--muted);font-size:12px;line-height:1.8 }
.account-preview .grid { display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,1fr);gap:23px }
.account-preview .card-title { display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:19px }
.account-preview .card-title h2 { min-width:0;overflow-wrap:anywhere }
.account-preview .rule-list { display:grid;gap:15px }
.account-preview .rule-item { display:grid;grid-template-columns:61px minmax(0,1fr);gap:12px;font-size:12px }
.account-preview .rule-item dt { font-weight:600;color:#355e4b }
.account-preview .rule-item dd { margin:0;color:var(--muted) }
.account-preview .rule-note { padding-top:17px;margin-top:20px;border-top:1px solid var(--line) }
.account-preview .rule-note strong { color:var(--ink);font-weight:600 }
.account-preview .member-row { display:grid;grid-template-columns:34px minmax(0,1fr) 68px auto;gap:13px;align-items:center;padding:18px 0;border-bottom:1px solid #e8ede7 }
.account-preview .member-row:last-child { border:0 }
.account-preview .member-name { font-size:12px;font-weight:600 }
.account-preview .member-email { font-size:11px;color:var(--muted);overflow-wrap:anywhere }
.account-preview .role-badge { font-size:11px;color:#527157;text-transform:capitalize }
.account-preview .member-actions { display:flex;gap:10px;align-items:center }
.account-preview .small-button { border:1px solid var(--line);border-radius:6px;font-size:11px;padding:7px 10px;min-height:34px;background:#fff }
.account-preview .pending-row { display:flex;justify-content:space-between;gap:18px;font-size:12px;padding:13px 0;border-bottom:1px solid var(--line) }
.account-preview .pending-row span { overflow-wrap:anywhere }
.account-preview .notice { font-size:12px;color:#536650;padding:14px 16px;background:#f0f4ec;border:1px solid #dfe7da;border-radius:8px;margin-bottom:22px }
.account-preview .summary-stat { display:flex;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid #e8ede7;font-size:12px }
.account-preview .summary-stat strong { font-weight:600 }
.account-preview .summary-stat span { color:var(--muted) }
.account-preview .summary-stat:last-child { border:0 }
.account-preview .story { padding:25px 0;border-bottom:1px solid var(--line) }
.account-preview .story:first-child { padding-top:0 }
.account-preview .story:last-child { border:0;padding-bottom:0 }
.account-preview .story h2 { font:25px/1.25 var(--serif);margin:9px 0 }
.account-preview .story-number { color:#74927d;font-size:10px;letter-spacing:.1em }
.account-preview .story p { max-width:560px }
.account-preview .story a { display:inline-flex;align-items:center;min-height:40px;margin-top:12px;font-size:12px }
.account-preview .scope-note { font-size:11px;color:var(--muted);margin-top:22px }
.account-preview .records { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px }
.account-preview .record-symbol { width:100%;height:115px;display:grid;place-items:center;background:#f2f5ee;border-radius:7px;margin-bottom:19px }
.account-preview .record-symbol svg { width:98px;height:90px;color:#789579 }
.account-preview .record-name { font:25px var(--serif);margin:0 0 9px }
.account-preview .record-detail { display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:18px;padding-top:13px;font-size:11px;color:var(--muted) }
.account-preview .page-record+.page-record { margin-top:18px }
.account-preview .page-preview { margin-top:17px;padding:18px;border:1px dashed #cad8cd;border-radius:7px;background:#f7f9f4 }
.account-preview .page-preview h3 { font:21px var(--serif);margin-bottom:8px }
.account-preview .history { list-style:none;padding:0;margin:0 }
.account-preview .history li { position:relative;padding:0 0 22px 24px;margin-bottom:0;border-left:1px solid #cfddce }
.account-preview .history li:last-child { border:0;padding-bottom:0 }
.account-preview .history li:before { content:"";position:absolute;left:-4px;top:8px;width:7px;height:7px;border-radius:50%;background:#7e9b7e }
.account-preview .history h3 { margin-bottom:4px }
.account-preview .history time { display:block;font-size:10px;color:var(--muted);margin-top:5px }
.account-preview .history p { font-size:12px }
.account-preview .empty { padding:35px 15px;text-align:center }
.account-preview .empty p { margin:10px auto 0;max-width:360px }
.account-preview .login-wrap { max-width:1150px;margin:0 auto;padding:60px 45px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:90px;align-items:center;min-height:calc(100vh - 150px) }
.account-preview .login-heading h1 { font-size:49px;line-height:1.12;max-width:480px }
.account-preview .login-heading .lede { margin-top:22px;max-width:470px;font-size:14px }
.account-preview .login-card { padding:31px }
.account-preview .login-card h2 { font:26px var(--serif) }
.account-preview .login-card>p { margin-top:10px }
.account-preview .login-card .primary { width:100%;margin-top:22px }
.account-preview .preview-mark { display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.1em;color:#647b65;text-transform:uppercase;margin-bottom:27px }
.account-preview .preview-mark span { height:1px;width:35px;background:#98b399 }
.account-preview .login-art { display:flex;gap:7px;margin-top:33px }
.account-preview .login-art span { height:5px;background:#c6d8c5;border-radius:3px }
.account-preview .login-art span:nth-child(1) { width:78px }
.account-preview .login-art span:nth-child(2) { width:37px;background:#89a991 }
.account-preview .login-art span:nth-child(3) { width:17px;background:#447969 }
.account-preview .footer { display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:30px;padding-top:18px;border-top:1px solid var(--line);font-size:10px;color:#62755e }
.account-preview .footer button { color:#4d725b;font-size:10px;padding:0;min-height:28px }
.account-preview .toast { position:fixed;right:24px;bottom:24px;max-width:420px;background:var(--ink);color:white;padding:12px 18px;border-radius:8px;font-size:12px;box-shadow:0 8px 30px #192c3820;z-index:20;pointer-events:none }
.account-preview .toast:empty { display:none }
.account-preview dialog, .account-preview:is(dialog) { width:480px;max-width:calc(100vw - 32px);border:1px solid #d5ded4;border-radius:13px;padding:27px;color:var(--ink);background:var(--paper);box-shadow:0 25px 90px #172c3830;max-height:calc(100dvh - 40px);overflow:auto }
.account-preview dialog::backdrop, .account-preview:is(dialog)::backdrop { background:#172c3845 }
.account-preview dialog h2, .account-preview:is(dialog) h2 { font:27px var(--serif);letter-spacing:-.3px;margin:7px 0 13px }
.account-preview dialog p, .account-preview:is(dialog) p { color:var(--muted);font-size:12px }
.account-preview .modal-top { display:flex;justify-content:space-between;gap:15px;align-items:center }
.account-preview .close { font-size:21px;border:1px solid var(--line);border-radius:50%;height:33px;width:33px;flex-shrink:0;line-height:1 }
.account-preview .hint { font-size:11px;color:var(--muted);margin-top:7px }
.account-preview .error { color:#8b3f31;font-size:12px;min-height:20px;margin-top:10px }
.account-preview .choice { display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;text-align:left;padding:13px;margin-top:12px }
.account-preview .choice.active { border-color:#76a088;background:#f1f6ee }
.account-preview .choice-body { flex:1;min-width:0 }
.account-preview .choice-title { display:block;font-size:13px;font-weight:600 }
.account-preview .choice-meta { display:block;margin-top:3px;font-size:11px;color:var(--muted) }
.account-preview .choice-tag { font-size:10px;color:#42634b }
.account-preview .preview-recipient { margin-top:20px;border:1px solid var(--line);border-radius:8px;padding:19px;background:#f7f9f4;overflow-wrap:anywhere }
.account-preview .preview-recipient strong { display:block;font-size:13px;margin-top:4px }
.account-preview .reset-list { display:grid;gap:9px;margin-top:17px }
.account-preview .reset-list select { font-size:12px }
.account-preview .standalone { max-width:800px;margin:50px auto;padding:0 25px }
.account-preview .standalone .card { margin-top:25px }
.account-preview .content.spacecraft-product { max-width:none;margin:0;padding:0 }
.account-preview .spacecraft-product .card { margin-top:0 }
.account-preview details summary { font-size:12px;color:var(--dark);cursor:pointer;min-height:40px;padding-top:10px }
.account-preview details .rule-list { padding-top:12px }
.account-preview .mobile-rules { display:none }
.account-preview .desktop-rules .button-row { margin-top:15px }
@media (min-width:1500px) {
  .account-preview .topbar { padding-left:calc((100vw - 1300px)/2);padding-right:calc((100vw - 1300px)/2) }
}
@media (max-width:1000px) {
  .account-preview .grid { grid-template-columns:1fr }
  .account-preview .desktop-rules { display:none }
  .account-preview .mobile-rules { display:block;margin-top:24px }
  .account-preview .content { padding:30px }
  .account-preview .topbar { padding:12px 22px;gap:15px }
  .account-preview .login-wrap { gap:40px;padding:50px 35px }
  .account-preview .login-heading h1 { font-size:42px }
  .account-preview .member-row { grid-template-columns:34px minmax(0,1fr) 60px auto }
  .account-preview .member-actions { gap:5px }
  .account-preview .small-button { padding:7px }
}
@media (max-width:700px) {
  .account-preview .topbar { grid-template-columns:1fr auto;padding:14px 20px;gap:6px }
  .account-preview .global-nav { grid-column:1/-1;grid-row:2;justify-content:center;margin-top:8px }
  .account-preview .global-nav a { padding:7px 12px;font-size:12px }
  .account-preview .brand { font-size:22px }
  .account-preview .identity-button { font-size:11px }
  .account-preview .identity-button .subtext { font-size:10px }
  .account-preview .banner { font-size:10px;padding:9px 20px }
  .account-preview .tenantbar { padding:14px 20px;align-items:flex-start }
  .account-preview .tenant-meta { flex-direction:column;align-items:flex-end;gap:4px }
  .account-preview .tenant-name { font-size:12px }
  .account-preview .layout { grid-template-columns:1fr }
  .account-preview .sidebar { padding:13px 20px;border-right:0;border-bottom:1px solid var(--line);display:flex;gap:5px;overflow-x:auto }
  .account-preview .side-heading, .account-preview .side-divider, .account-preview .side-note { display:none }
  .account-preview .side-link { margin:0;white-space:nowrap;padding:8px 11px;font-size:11px;min-height:36px }
  .account-preview .sidebar .secondary { display:none }
  .account-preview .content { padding:27px 20px 35px }
  .account-preview h1 { font-size:33px }
  .account-preview .page-head { gap:16px;flex-wrap:wrap;margin-bottom:23px }
  .account-preview .page-head .button { padding:9px 13px }
  .account-preview .card { padding:20px }
  .account-preview .lede { font-size:12px }
  .account-preview .records { grid-template-columns:1fr }
  .account-preview .login-wrap { grid-template-columns:1fr;padding:35px 22px;gap:32px;min-height:0 }
  .account-preview .login-heading h1 { font-size:37px;max-width:440px }
  .account-preview .login-heading .lede { font-size:12px;margin-top:15px }
  .account-preview .login-card { padding:23px }
  .account-preview .login-art { display:none }
  .account-preview .preview-mark { margin-bottom:18px }
  .account-preview .member-row { grid-template-columns:31px minmax(0,1fr) auto;gap:10px;padding:17px 0 }
  .account-preview .member-row .avatar { height:31px;width:31px;font-size:10px }
  .account-preview .member-actions { grid-column:2/-1;justify-content:flex-start;margin-top:3px }
  .account-preview .role-badge { font-size:10px }
  .account-preview .toast { right:16px;bottom:16px;max-width:calc(100vw - 32px) }
  .account-preview .footer { margin-top:24px }
  .account-preview dialog, .account-preview:is(dialog) { padding:23px }
  .account-preview .pending-row { flex-wrap:wrap;gap:5px }
  .account-preview .tag { font-size:9px;padding:3px 7px }
  .account-preview .tenant-button { gap:8px }
  .account-preview .org-symbol { width:30px;height:34px }
  .account-preview .tenant-button .subtext { font-size:10px }
  .account-preview .rule-item { grid-template-columns:58px 1fr }
  .account-preview .identity-button .avatar { height:30px;width:30px }
  .account-preview .tenant-meta .text-button { font-size:10px;padding-top:0 }
  .account-preview .identity-button .identity-name { max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
}
@media (prefers-reduced-motion:reduce) {
  .account-preview, .account-preview * { scroll-behavior:auto!important }
}
/* User-entered sample labels remain readable on narrow screens. */
.account-preview h1, .account-preview .tenant-name, .account-preview .record-detail span { overflow-wrap:anywhere }
.account-preview .tenant-button { min-width:0 }
.account-preview .tenant-button>span:last-child { min-width:0 }
.account-preview .tenantbar>.tenant-button { flex:1 }
.account-preview .tenant-meta { flex-shrink:0 }
.account-preview .record-detail { gap:12px;flex-wrap:wrap }
.account-preview .record-detail span { min-width:0 }
.account-preview .choice-title { overflow-wrap:anywhere }
.account-preview .choice { min-width:0 }
.account-preview .page-head>div { min-width:0;flex:1 }
.account-preview .lede, .account-preview .summary-stat span, .account-preview .card p, .account-preview .notice, .account-preview .hint { overflow-wrap:anywhere }
.account-preview .summary-stat span { min-width:0;text-align:right }
.account-preview .summary-stat strong { flex-shrink:0 }
.account-preview .page-head>.button { flex-shrink:0 }
.account-preview .page-head { min-width:0 }
.account-preview .avatar-wrap { position:relative;justify-self:end }
.account-preview .avatar-menu { position:absolute;top:calc(100% + 12px);right:0;width:230px;padding:12px;border:1px solid var(--line);border-radius:10px;background:white;box-shadow:0 14px 40px #172c3820;z-index:30 }
.account-preview .avatar-menu[hidden] { display:none }
.account-preview .avatar-menu p { font-size:10px;color:var(--muted);padding:5px 9px 10px;overflow-wrap:anywhere }
.account-preview .avatar-menu button { display:block;width:100%;min-height:42px;padding:9px;text-align:left;font-size:12px;border-radius:6px }
.account-preview .avatar-menu button:hover { background:var(--wash) }
.account-preview .starter-card { margin-bottom:23px }
.account-preview .starter-card h2 { font:26px var(--serif);margin-bottom:9px }

/* Adapted from the approved account study: entry.css. */

/* Account entry study, using the shared Arctan typography and palette. */
.account-preview .entry-main { max-width:1180px;margin:auto;padding:48px 46px 28px;min-height:calc(100vh - 120px) }
.account-preview .entry-main h1 { font-size:48px;line-height:1.12;letter-spacing:-1.2px }
.account-preview .entry-welcome { display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:76px;align-items:center;padding:8px 0 40px }
.account-preview .entry-hero .lede { font-size:14px;max-width:465px;margin-top:23px }
.account-preview .entry-hero .button-row { margin-top:27px }
.account-preview .entry-scope { display:flex;align-items:flex-start;gap:7px;font-size:10px!important;color:#607565!important;line-height:1.65!important;margin-top:22px!important }
.account-preview .entry-local-dot { display:inline-block;width:6px;height:6px;flex-shrink:0;background:#7b9878;border-radius:50%;margin-top:5px }
.account-preview .entry-small-print { font-size:11px;color:var(--muted);margin-top:9px;line-height:1.7 }
.account-preview .entry-product-glimpse { border:1px solid #d5e2d7;background:white;border-radius:13px;box-shadow:0 15px 50px #3a5c3d0a;overflow:hidden;transform:none }
.account-preview .entry-glimpse-top { display:flex;gap:11px;align-items:center;padding:17px 22px;border-bottom:1px solid var(--line);font-size:12px;font-weight:600 }
.account-preview .entry-glimpse-top .tag { margin-left:auto;font-weight:400 }
.account-preview .entry-glimpse-mark { display:grid;place-items:center;width:29px;height:31px;border-radius:6px;background:#f0f4ec;color:var(--teal);font:20px var(--serif) }
.account-preview .entry-glimpse-nav { display:flex;justify-content:center;gap:26px;padding:12px 20px;font-size:10px;color:#748170;border-bottom:1px solid #e9eee7 }
.account-preview .entry-glimpse-nav .active { color:#2e6251 }
.account-preview .entry-glimpse-body { padding:25px }
.account-preview .entry-glimpse-body h2 { font:30px var(--serif) }
.account-preview .entry-glimpse-body>p:not(.eyebrow) { font-size:12px;line-height:1.8;color:var(--muted);max-width:280px;margin-top:8px }
.account-preview .entry-spacecraft { position:relative;display:grid;place-items:center;margin-top:20px;height:146px;background:radial-gradient(ellipse at center,#eaf1e6 0%,#f4f7ef 65%,#f8faf5 100%);border-radius:7px;overflow:hidden }
.account-preview .entry-spacecraft svg { position:relative;z-index:1;width:180px;height:140px;color:#658368 }
.account-preview .entry-orbit { position:absolute;inset:18px 28px;border:1px solid #cddac7;border-radius:50%;transform:rotate(-20deg) }
.account-preview .entry-glimpse-bottom { display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#758770;margin-top:14px }
.account-preview .entry-welcome-points { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);padding-top:23px;gap:36px }
.account-preview .entry-welcome-points article>span { font-size:10px;color:#8aa28a;letter-spacing:.12em }
.account-preview .entry-welcome-points h2 { font:19px var(--serif);margin:6px 0 }
.account-preview .entry-welcome-points p { font-size:11px;color:var(--muted);line-height:1.8;max-width:260px }
.account-preview .entry-footer { display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;font-size:10px;color:#748370;margin-top:36px;border-top:1px solid var(--line);padding-top:15px }
.account-preview .entry-journeys { margin-left:auto;position:relative }
.account-preview .entry-journeys summary { font-size:10px;min-height:34px;padding-top:8px;list-style:none }
.account-preview .entry-journeys summary::after { content:" ▾";padding-left:4px }
.account-preview .entry-journeys>div { display:grid;gap:5px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px;position:absolute;right:0;bottom:38px;min-width:200px;box-shadow:0 9px 30px #1a382112;z-index:5 }
.account-preview .entry-journeys button { font-size:11px;text-align:left;min-height:35px;padding:8px;color:var(--dark);border-radius:5px }
.account-preview .entry-journeys button:hover { background:var(--wash) }
.account-preview .entry-reset { font-size:10px;color:var(--dark);min-height:34px;padding:4px 0 }
.account-preview .entry-split { display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:92px;align-items:center;min-height:515px }
.account-preview .entry-intro .lede { font-size:13px;max-width:460px;margin-top:22px }
.account-preview .entry-back { display:inline-flex;align-items:center;gap:9px;min-height:38px;font-size:11px;color:var(--muted);padding:3px 0;margin-bottom:24px }
.account-preview .entry-form-card { padding:30px }
.account-preview .entry-form-card>h2 { font:27px var(--serif);line-height:1.22;margin:7px 0 11px }
.account-preview .entry-form-card>p { font-size:12px }
.account-preview .entry-form-card p strong { font-weight:600;color:var(--ink) }
.account-preview .entry-context { padding:12px;background:#f3f6ed;border:1px solid #e1e7d9;border-radius:7px;margin-top:15px;font-size:11px!important }
.account-preview .entry-form-card label { margin-top:18px }
.account-preview .entry-full { width:100%;margin-top:15px;text-align:center }
.account-preview .entry-error:empty { min-height:0;margin:0 }
.account-preview .entry-error:not(:empty) { margin:15px 0 5px;padding:10px 12px;border:1px solid #e6cdc3;border-radius:6px;background:#fff9f6;line-height:1.6 }
.account-preview .entry-form-card .entry-scope { border-top:1px solid var(--line);padding-top:14px }
.account-preview .entry-card-link { font-size:11px!important;margin-top:17px!important }
.account-preview .entry-card-link button, .account-preview .entry-login-links button, .account-preview .entry-text-action { color:var(--dark);font-size:11px;padding:4px 0;min-height:32px;text-decoration:underline;text-underline-offset:3px }
.account-preview .entry-login-links { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px }
.account-preview .entry-form-actions { display:grid;gap:10px;margin-top:20px }
.account-preview .entry-form-actions .button { text-align:center;min-height:45px }
.account-preview .entry-text-action { margin-top:9px;text-align:left }
.account-preview .entry-card-bottom { border-top:1px solid var(--line);margin-top:19px;padding-top:12px }
.account-preview .entry-card-bottom .entry-back { margin-bottom:0 }
.account-preview .entry-address { font-weight:600;color:var(--ink)!important;overflow-wrap:anywhere;margin:12px 0 }
.account-preview .entry-state-symbol { width:46px;height:46px;margin:18px 0;border:1px solid #d7e3d3;border-radius:50%;background:#f3f6ee;display:grid;place-items:center;color:#739174;font-size:22px }
.account-preview .entry-feedback { font-size:11px!important;margin-top:12px;padding:12px;border-radius:7px;background:#eff5eb;border:1px solid #dce8d4;color:#4f684a!important }
.account-preview .entry-line-art { display:flex;gap:7px;margin-top:32px }
.account-preview .entry-line-art span { height:4px;width:70px;background:#cadbc5;border-radius:2px }
.account-preview .entry-line-art span:nth-child(2) { width:30px;background:#8ead8e }
.account-preview .entry-line-art span:nth-child(3) { width:15px;background:#447769 }
.account-preview .entry-inviter { display:flex;align-items:center;gap:10px;font-size:12px;margin:15px 0 20px }
.account-preview .entry-invite-details { margin-top:18px;border:1px solid var(--line);border-radius:8px;padding:14px;background:#f9faf6;display:grid;gap:13px }
.account-preview .entry-invite-details>span { display:block;color:var(--muted);font-size:10px }
.account-preview .entry-invite-details strong { display:block;color:var(--ink);font-size:12px;font-weight:500;overflow-wrap:anywhere }
.account-preview .entry-invite-fixtures { display:flex;gap:7px;margin-top:12px;flex-wrap:wrap }
.account-preview .entry-invite-fixtures button { font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:7px 10px;min-height:34px }
.account-preview .entry-invite-fixtures button[aria-pressed=true] { border-color:#779877;background:var(--wash);color:var(--dark) }
@media (max-width:1000px) {
  .account-preview .entry-main { padding:36px }
  .account-preview .entry-welcome { gap:35px }
  .account-preview .entry-main h1 { font-size:42px }
  .account-preview .entry-split { gap:45px }
  .account-preview .entry-form-card { padding:25px }
  .account-preview .entry-glimpse-body { padding:22px }
  .account-preview .entry-welcome-points { gap:24px }
}
@media (max-width:700px) {
  .account-preview .entry-main { padding:30px 20px 22px }
  .account-preview .entry-main h1 { font-size:37px;letter-spacing:-.8px }
  .account-preview .entry-welcome { grid-template-columns:1fr;gap:30px;padding:0 0 28px }
  .account-preview .entry-hero .lede { font-size:12px;margin-top:18px;max-width:460px }
  .account-preview .entry-hero .button-row { margin-top:22px }
  .account-preview .entry-product-glimpse { transform:none;max-width:440px;width:100% }
  .account-preview .entry-glimpse-body { padding:21px }
  .account-preview .entry-spacecraft { height:126px }
  .account-preview .entry-spacecraft svg { width:158px;height:126px }
  .account-preview .entry-glimpse-nav { padding:10px 20px }
  .account-preview .entry-welcome-points { grid-template-columns:1fr;gap:17px;padding-top:22px }
  .account-preview .entry-welcome-points article { display:grid;grid-template-columns:25px minmax(0,1fr);gap:0 10px }
  .account-preview .entry-welcome-points article>span { grid-row:1/3;padding-top:3px }
  .account-preview .entry-welcome-points h2 { margin:0 0 4px;font-size:19px }
  .account-preview .entry-welcome-points p { max-width:none }
  .account-preview .entry-split { grid-template-columns:1fr;gap:27px;min-height:0 }
  .account-preview .entry-back { margin-bottom:19px }
  .account-preview .entry-intro .lede { font-size:12px;margin-top:14px }
  .account-preview .entry-line-art { display:none }
  .account-preview .entry-form-card { padding:22px }
  .account-preview .entry-form-card>h2 { font-size:25px }
  .account-preview .entry-footer { align-items:flex-start;gap:8px 18px;margin-top:25px }
  .account-preview .entry-footer>span { flex:1 1 100% }
  .account-preview .entry-journeys { margin-left:0 }
  .account-preview .entry-journeys>div { left:0;right:auto;bottom:38px }
  .account-preview .entry-glimpse-top { padding:14px 18px }
  .account-preview .entry-glimpse-top .tag { font-size:8px }
  .account-preview .entry-scope { font-size:9px!important }
  .account-preview .entry-small-print { font-size:10px }
  .account-preview .entry-invite-details { padding:13px }
  .account-preview .entry-glimpse-bottom { font-size:8px }
  .account-preview .entry-form-actions .button { padding:10px 11px }
}
@media (max-width:350px) {
  .account-preview .entry-main { padding-left:17px;padding-right:17px }
  .account-preview .entry-main h1 { font-size:33px }
  .account-preview .entry-form-card { padding:18px }
  .account-preview .entry-glimpse-top { gap:8px;padding:13px }
  .account-preview .entry-glimpse-body { padding:18px }
  .account-preview .entry-glimpse-top .tag { padding:3px 5px }
  .account-preview .entry-invite-fixtures button { padding:7px 8px }
}

/* A native account dialog carries the namespace on the dialog itself. */
.account-preview:is(dialog) { margin: auto; line-height: 1.6; }

/* Only these controls are injected into the existing global header. */
.account-preview.account-shell-header { display: inline-flex; align-items: center; gap: 14px; min-width: 0; flex: 0 1 auto; background: transparent; line-height: 1.5; }
.account-preview.account-shell-header .tenant-button { min-width: 0; min-height: 36px; gap: 8px; }
.account-preview.account-shell-header .org-symbol { width: 29px; height: 30px; border-radius: 7px; font-size: 19px; }
.account-preview.account-shell-header .tenant-name { display: block; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow-wrap: normal; font-size: 11px; }
.account-preview.account-shell-header .tenant-button .subtext { font-size: 9px; }
.account-preview.account-shell-header .identity-button { min-height: 36px; padding: 2px; }
.account-preview.account-shell-header .identity-button .avatar { width: 30px; height: 30px; font-size: 10px; }
.account-preview.account-shell-header .avatar-menu { top: calc(100% + 10px); width: 230px; max-width: calc(100vw - 24px); }
.account-preview.account-shell-header .avatar-menu button { min-height: 38px; }
@media (max-width: 700px) {
  .account-preview.account-shell-header { gap: 9px; }
  .account-preview.account-shell-header .tenant-name { max-width: 115px; font-size: 10px; }
  .account-preview.account-shell-header .tenant-button .subtext { font-size: 8px; }
  .account-preview.account-shell-header .org-symbol { width: 25px; height: 28px; font-size: 17px; }
}
@media (max-width: 400px) {
  .account-preview.account-shell-header .tenant-name { max-width: 85px; }
  .account-preview.account-shell-header .identity-name { display: none; }
}