.account-heading,.account-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px}.account-heading h1{margin:4px 0 12px}.account-heading p{max-width:720px}.demo-hero{padding:32px;border:1px solid #cbdcf4;border-radius:20px;background:linear-gradient(115deg,#f1f6ff,#fff);display:flex;justify-content:space-between;gap:28px;align-items:center;margin:24px 0 36px;color:#142845}.demo-hero h2{font-size:28px;line-height:1.2;margin:16px 0 12px}.demo-hero p{max-width:720px}.demo-badge{display:inline-flex;border-radius:40px;padding:7px 12px;background:#e2edff;color:#234b83;font-size:13px;font-weight:650}.demo-actions{display:flex;flex-direction:column;gap:12px;flex-shrink:0}.demo-company-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.demo-company{display:flex;flex-direction:column;min-height:210px}.demo-company h3{font-size:20px;margin:10px 0}.demo-company h3 a{color:inherit}.demo-company-open{margin-top:auto;padding-top:20px;font-weight:650}.demo-controls{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:36px 0;border-top:1px solid #dbe3ed;padding-top:22px}.demo-controls p{flex:1;margin:0}.demo-hero[data-demo-build]{display:block}.demo-hero progress{display:block;width:100%;height:12px;margin:24px 0;accent-color:#3269c5}.account-artifact{margin-bottom:14px}.account-artifact summary{cursor:pointer;font-weight:650}.account-artifact dl{display:grid;grid-template-columns:minmax(100px,180px) minmax(0,1fr);gap:10px 18px}.account-artifact dd{margin:0;overflow-wrap:anywhere}.account-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.people-inline-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.people-inline-form select{max-width:220px}.people-inline-form .permission-fields{flex-basis:100%}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.permission-grid label{display:flex;gap:12px;align-items:center;justify-content:space-between}.permission-grid select{max-width:150px}.people-table td{vertical-align:top}.people-table input[type=search]{width:100%}.account-code{font-variant-numeric:tabular-nums;letter-spacing:2px;word-break:break-all}.account-summary{max-width:780px}.demo-card{margin-bottom:24px;padding:20px 24px;border:1px solid #d5e1f1;border-radius:16px;background:#f5f8fe;display:flex;align-items:center;gap:20px;justify-content:space-between}.demo-card p{margin:4px 0}.account-inline-status{min-width:9em}.account-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}@media(max-width:760px){.account-heading,.account-section-heading,.demo-hero,.demo-card{flex-direction:column;align-items:stretch}.demo-company-grid,.account-settings-grid,.permission-grid{grid-template-columns:1fr}.demo-hero{padding:24px}.demo-actions{align-items:stretch}.account-artifact dl{grid-template-columns:1fr}.account-artifact dt{font-weight:650}.account-heading .button{align-self:flex-start}}
.account-menu{position:relative}.account-menu>summary{cursor:pointer;min-height:42px;display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:10px;list-style:none}.account-menu>div{position:absolute;right:0;top:100%;z-index:100;min-width:250px;background:var(--surface,#fff);color:var(--ink,#172942);padding:12px;border:1px solid #d6dfec;border-radius:14px;box-shadow:0 12px 30px #12234522}.topbar .account-menu>div>a{display:block;padding:10px 12px;margin:0}.account-menu form{padding:8px 12px}.demo-context-bar{display:flex;gap:20px;align-items:center;justify-content:center;padding:10px 20px;background:#e9f1ff;color:#23446f;font-size:13px}.demo-context-bar a{margin-left:auto}.demo-context-bar strong{white-space:nowrap}@media(max-width:650px){.demo-context-bar{flex-wrap:wrap;gap:8px 14px;justify-content:flex-start}.demo-context-bar a{margin-left:0}.account-menu>div{right:0;max-width:calc(100vw - 32px)}}
.account-history-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:20px 0}.account-history-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.account-history-metrics>div{padding:20px;border:1px solid var(--line,#dbe3ed);border-radius:14px}.account-history-metrics span{display:block;font-size:13px;color:var(--muted,#526279)}.account-history-metrics strong{display:block;margin-top:8px;font-size:24px;font-variant-numeric:tabular-nums}.people-toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.people-toolbar input{flex:1;min-width:200px}.people-table th:nth-child(3){min-width:320px}.people-table td:nth-child(2){min-width:180px;max-width:260px;overflow-wrap:anywhere}.people-table .permission-fields{max-width:640px}.people-table .permission-grid{min-width:300px}@media(max-width:760px){.account-history-metrics{grid-template-columns:1fr}.account-history-heading{display:block}}
.account-settings-grid form>p>label[for]{display:block;margin-bottom:8px}.account-settings-grid input:not([type=checkbox]):not([type=hidden]){width:100%;max-width:420px}.account-settings-grid form>p{margin:18px 0}

.gw-company-readiness{margin:20px 0;padding:16px 20px;border:1px solid var(--line,#dbe3ed);border-radius:14px;background:var(--surface,#fff)}.gw-company-readiness>summary{cursor:pointer;font-weight:650}.gw-company-readiness[open]>.gw-section{margin-top:24px}

.superuser-context-bar{display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 20px;background:color-mix(in srgb,#7359c9 10%,var(--white,#fff));color:var(--ink);border-bottom:1px solid color-mix(in srgb,#7359c9 30%,var(--line));font-size:13px;flex-wrap:wrap}.superuser-context-bar[hidden]{display:none}.superuser-context-bar strong{color:#765ac3}.superuser-context-bar button{font:inherit;font-weight:600;background:transparent!important;color:#765ac3!important;border:1px solid #765ac366!important;border-radius:6px;padding:5px 10px!important}.superuser-context-bar [role=status]:empty{display:none}@media(max-width:700px){.superuser-context-bar{gap:8px 12px;padding:9px 12px;font-size:11px}.superuser-context-bar span:not([role=status]){display:none}}

.account-access-summary { margin-bottom: 24px; }
.account-access-heading { display: flex; align-items: start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.account-access-heading h2, .account-access-heading h4 { margin: 0; }
.account-access-status { display: flex; gap: 12px 32px; flex-wrap: wrap; }
.account-access-note { border-left: 3px solid var(--accent, #5c66c7); padding: 10px 14px; background: var(--surface-soft, #f2f4f8); }
.account-access-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 330px), 1fr)); gap: 14px; }
.account-access-card { border: 1px solid var(--line); border-radius: 10px; padding: 16px; min-width: 0; }
.account-access-state { color: var(--muted); font-size: 12px; white-space: nowrap; }
.account-area-permissions div { display: flex; justify-content: space-between; gap: 18px; padding: 5px 0; border-bottom: 1px solid var(--line); }
.account-area-permissions dd { margin: 0; text-align: right; }
.account-access-links { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 14px; }

.account-security-card { max-width: 680px; }
.account-security-card label[for] { display: block; margin-bottom: 8px; }
.account-security-card input { max-width: 420px; width: 100%; }
.authenticator-qr { display: inline-block; padding: 8px; margin: 12px 0; background: #fff; border-radius: 12px; }
.authenticator-qr svg { display: block; max-width: 100%; height: auto; }