:root {
  --petrol:#102e35; --petrol-deep:#0b252c; --cream:#f5f3ec; --canvas:var(--cream);
  --lime:#d7f56b; --lime-hover:#c9eb53; --ink:#17383f; --text:var(--ink);
  --muted:#52696e; --line:#dce5e2; --surface:#fff; --white:#fff;
  --radius:16px; --group-radius:12px; --control-radius:10px; --control-height:40px;
  --sidebar-width:252px; --ease-out:cubic-bezier(.22,.8,.24,1);
  --motion-fast:150ms; --motion-standard:300ms; --shadow-overlay:0 16px 56px #102e3524,0 2px 8px #102e3512;
}
html { background:var(--canvas); scrollbar-gutter:stable; }
body { color:var(--ink); background:var(--canvas); font:400 14px/1.55 Manrope,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
[hidden] { display:none!important; }
a,button,input,select,textarea,summary { -webkit-tap-highlight-color:transparent; }
.ui-icon { width:20px; height:20px; display:inline-block; vertical-align:middle; flex-shrink:0; }
.app-shell { display:grid; grid-template-columns:var(--sidebar-width) minmax(0,1fr); min-height:100dvh; transition:grid-template-columns 420ms var(--ease-out); }
.sidebar { position:fixed; inset:0 auto 0 0; width:var(--sidebar-width); height:100dvh; z-index:40; background:var(--petrol); color:#f5f8f7; padding:20px 12px 12px; display:flex; flex-direction:column; gap:0; border-right:1px solid var(--petrol-deep); transition:width 420ms var(--ease-out),transform 340ms var(--ease-out); }
.workspace { grid-column:2; min-width:0; }
.sidebar-brand-row { position:relative; height:35px; min-height:35px; margin:0 2px 20px; }
.sidebar .brand { position:absolute; inset:0 auto auto 0; width:calc(100% - 36px); height:35px; display:block; overflow:hidden; }
.sidebar .brand .brand-full { position:absolute; width:176px; max-width:100%; height:auto; top:0; left:0; transition:opacity 180ms; }
.sidebar .brand .brand-symbol { display:block; position:absolute; width:32px; height:32px; opacity:0; top:0; left:0; transition:opacity 180ms; }
.sidebar .brand>span { position:absolute; top:26px; left:37px; padding:0; border:0; color:var(--lime); font-size:8px; font-weight:500; line-height:1; letter-spacing:.16em; text-transform:uppercase; }
.icon-button { width:40px; min-width:40px; height:40px; min-height:40px; border:1px solid transparent; background:transparent; border-radius:var(--control-radius); padding:9px; color:var(--muted); display:inline-flex; align-items:center; justify-content:center; }
.sidebar-collapse { position:absolute; right:0; top:0; width:31px; min-width:31px; height:34px; min-height:34px; padding:5px; color:#afc4c6; }
.sidebar-close { display:none; }
.sidebar .icon-button:hover { color:var(--lime); background:#ffffff0b; }
.organization-label { display:flex; align-items:center; gap:10px; padding:10px; margin:0 2px 18px; border:1px solid #365058; background:var(--petrol-deep); border-radius:10px; min-height:66px; }
.org-mark { width:35px; height:35px; min-width:35px; border:0; border-radius:8px; background:#203f46; color:var(--lime); font-size:12px; font-weight:600; }
.organization-label>div { min-width:0; }
.organization-label .sidebar-caption { display:block; color:#b7cbcd; font-size:10px; font-weight:400; margin-bottom:4px; }
.organization-label strong { color:#f5f8f7; font-size:12px; line-height:1.45; font-weight:400; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.navigation-groups { flex:1; min-height:0; overflow:auto; scrollbar-width:thin; scrollbar-color:#486269 transparent; padding:0 0 6px; }
.nav-primary { margin-bottom:12px; }
.navigation-groups .nav-item { display:flex; align-items:center; gap:11px; min-height:42px; padding:10px 12px; font-size:13px; font-weight:500; line-height:1.45; color:#f5f8f7; border-radius:10px; border:1px solid transparent; transition:background-color 150ms,color 150ms,border-color 150ms; }
.navigation-groups .primary-nav-item { margin-bottom:5px; }
.navigation-groups .nav-item>.ui-icon,.drawer-trigger>.ui-icon:first-child { color:#a7c0c4; }
.navigation-groups .nav-item:hover,.nav-group>summary:hover { background:#ffffff0c; color:white; }
.navigation-groups .nav-item[aria-current=page],.nav-group.active-group>summary { background:var(--lime); color:var(--petrol); border-color:var(--lime); font-weight:650; }
.navigation-groups .nav-item[aria-current=page]>.ui-icon,.active-group>.drawer-trigger>.ui-icon { color:var(--petrol); }
.nav-group { margin:3px 0; padding:0; border:0; }
.nav-group:last-child { margin-top:12px; padding-top:10px; border-top:1px solid #365058; border-radius:0; }
.nav-group>.drawer-trigger { display:flex; align-items:center; gap:11px; min-height:43px; padding:10px 12px; color:#f5f8f7; font-size:13px; font-weight:500; line-height:1.45; border-radius:10px; cursor:pointer; list-style:none; border:1px solid transparent; transition:background-color 150ms,color 150ms; }
summary::-webkit-details-marker { display:none; }
.drawer-trigger>.ui-icon:last-child { width:14px; height:14px; margin-left:auto; transition:transform 300ms var(--ease-out); }
.nav-group[open]>.drawer-trigger>.ui-icon:last-child { transform:rotate(90deg); }
.nav-submenu { margin:5px 0 8px 26px; padding:3px 0 3px 10px; border-left:1px solid #3a565d; }
.navigation-groups .sub-nav-item { min-height:38px; padding:9px 10px; gap:8px; font-weight:400; }
.sub-nav-item>.ui-icon { width:16px; height:16px; }
.submenu-title { display:none; }
.sidebar-bottom { margin:10px 0 0; padding:12px 6px 0; border-top:1px solid #3b565e; display:block; }
.workspace-status { display:flex; align-items:center; gap:7px; color:#afc4c6; font-size:10px; padding:0 0 10px; border-bottom:1px solid #29464e; }
.workspace-status>span:first-child { width:5px; height:5px; background:var(--lime); border-radius:50%; flex:none; }
.sidebar-profile { display:flex; align-items:center; gap:10px; margin-top:10px; color:#f5f8f7; }
.avatar { width:35px; height:35px; min-width:35px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:12px; font-weight:600; background:#2a454d; color:var(--lime); border:1px solid #47616a; }
.profile-copy { flex:1; min-width:0; }
.profile-copy>strong { display:block; font-size:12px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.profile-copy>small { display:block; font-size:11px; color:#b7cbcd; line-height:1.4; margin-top:3px; }
.sidebar-profile>.ui-icon { width:14px; height:14px; color:#afc4c6; }
.sidebar .sidebar-signout { margin:7px 0 0 45px; }
.sign-out { padding:4px 0; display:inline-flex; align-items:center; gap:6px; font-size:11px; background:none; border:0; color:#b7cbcd; text-decoration:none; }
.sign-out>.ui-icon { width:13px; height:13px; }
.sign-out:hover { color:var(--lime); }
.topbar { height:64px; min-height:64px; padding:0 28px; gap:20px; display:flex; align-items:center; position:sticky; top:0; z-index:20; background:var(--canvas); border-bottom:1px solid var(--line); }
.topbar-breadcrumb { display:flex; align-items:center; gap:12px; min-width:0; font-size:13px; }
.topbar-breadcrumb>a { color:var(--muted); white-space:nowrap; }
.topbar-breadcrumb>span { color:#a5b2ad; }
.topbar-breadcrumb>strong { font-weight:650; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.topbar .global-search { margin:0 0 0 auto; padding:0; display:flex; align-items:center; gap:6px; border:0; border-radius:10px; background:transparent; max-width:260px; width:28%; min-width:160px; }
.global-search input { width:100%; min-width:0; border:0; background:transparent; font-size:13px; padding:9px 2px; outline-offset:1px; }
.global-search button { display:flex; align-items:center; justify-content:center; padding:7px; background:transparent; border:0; color:var(--muted); }
.global-search kbd { font:11px Manrope,Arial,sans-serif; border:1px solid var(--line); color:var(--muted); border-radius:3px; white-space:nowrap; padding:2px 5px; }
.topbar-account .avatar { background:var(--petrol); border-color:var(--petrol); width:36px; height:36px; }
.topbar .menu-toggle { display:none; }
.main-content { max-width:1740px; width:100%; margin:0 auto; padding:26px 28px 40px; }
.main-content:focus { outline:none; }
.environment-note { display:flex; align-items:center; gap:9px; margin:0 0 22px; padding:10px 14px; border:1px solid #dce4d4; border-radius:10px; background:#f0f4e8; color:var(--muted); font-size:12px; line-height:1.5; }
.environment-note>.ui-icon { width:16px; height:16px; color:var(--green); }
.environment-note>span { flex:1; }
.environment-note>a { white-space:nowrap; display:inline-flex; align-items:center; gap:4px; font-size:12px; color:var(--petrol); }
.environment-note>a>.ui-icon { width:13px; height:13px; }
.page-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:22px; }
h1 { font-size:clamp(25px,2.1vw,32px); line-height:1.2; letter-spacing:-.045em; font-weight:650; color:var(--petrol); }
h2 { font-size:18px; font-weight:650; letter-spacing:-.025em; line-height:1.4; }
h3 { font-size:16px; font-weight:600; letter-spacing:-.02em; line-height:1.4; }
.page-heading p,.page-heading p:not(.breadcrumb) { font-size:14px; margin-top:8px; line-height:1.6; color:var(--muted); }
.page-heading .eyebrow,.page-heading .breadcrumb { font-size:12px; margin:0 0 8px; color:var(--muted); text-transform:none; letter-spacing:0; }
.section-heading { margin-bottom:16px; gap:16px; }
.section-heading>.muted { font-size:12px; }
.button { min-height:40px; padding:9px 15px; gap:8px; font-size:14px; font-weight:600; line-height:1.4; border-radius:10px; white-space:normal; text-align:center; box-shadow:none; transition:background-color 150ms,border-color 150ms,color 150ms,transform 140ms; }
.button.primary { background:var(--lime); color:var(--petrol); border-color:var(--lime); }
.button.primary:hover { background:var(--lime-hover); border-color:var(--lime-hover); }
.button.outline,.button.subtle { background:white; color:var(--petrol); border-color:#cddbd6; }
.button.outline:hover,.button.subtle:hover { background:#f1f5f3; border-color:#9bb1aa; }
.button:not(:disabled):active,.icon-button:active { transform:translateY(1px); }
.button:disabled { opacity:.55; }
.button>.ui-icon { width:18px; height:18px; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible { outline:2px solid var(--petrol); outline-offset:3px; }
.sidebar :focus-visible { outline-color:var(--lime); outline-offset:-2px; }
.text-link { color:var(--green); font-size:13px; font-weight:550; text-decoration:none; }
.text-link:hover { text-decoration:underline; text-underline-offset:4px; }
.pill,.environment-tag { display:inline-flex; align-items:center; width:fit-content; border-radius:6px; padding:4px 9px; font-size:12px; font-weight:500; line-height:1.5; white-space:normal; }
.pill.neutral,.environment-tag { background:#eef3f0; color:var(--muted); border:1px solid #e1e9e4; }
.pill.success { background:#edf5e6; color:#355b33; border-color:#d5e5cc; }
.pill.pending { background:#fbf6e8; color:#806126; border-color:#e9dfc4; }
.pill.danger { background:#fff0f0; color:#a02b35; border-color:#efcad0; }
.status { font-size:12px; color:var(--muted); }
.quota-strip { margin-bottom:20px; border-radius:16px; border-color:var(--line); background:white; }
.quota-strip>div { padding:20px; min-width:0; }
.quota-strip>div>span { font-size:14px; color:var(--muted); }
.quota-strip strong { font-size:clamp(26px,2.5vw,38px); margin:14px 0 9px; line-height:1.2; letter-spacing:-.045em; font-weight:600; font-variant-numeric:tabular-nums; }
.quota-strip small { font-size:12px; letter-spacing:0; font-weight:400; }
progress { height:4px; width:100%; accent-color:var(--green); border:0; border-radius:3px; overflow:hidden; background:#e9efeb; }
progress::-webkit-progress-bar { background:#e9efeb; }
progress::-webkit-progress-value { background:var(--green); border-radius:3px; }
.overview-pilot { background:white; border:1px solid var(--line); border-radius:16px; padding:20px; margin-bottom:20px; border-left:1px solid var(--line); gap:20px; }
.product-monogram { width:44px; height:44px; font-size:22px; background:var(--petrol); color:var(--lime); border:0; border-radius:12px; }
.overview-pilot-title h2 { font-size:20px; margin-top:4px; }
.overview-pilot-title .small,.overview-pilot-detail p,.overview-pilot-detail>.small { color:var(--muted); font-size:12px; }
.project-section { background:white; border:1px solid var(--line); border-radius:16px; overflow:hidden; }
.project-section>.section-heading { margin:0; padding:18px 20px; border-bottom:1px solid var(--line); }
.project-list { background:white; border:1px solid var(--line); border-radius:16px; overflow:hidden; }
.project-section>.project-list { border:0; border-radius:0; }
.project-row { padding:20px; gap:16px; border-color:var(--line); grid-template-columns:40px minmax(0,1fr) auto auto 18px; transition:background-color 150ms; }
.project-row:hover { background:#f4f8f5; }
.project-icon { width:40px; height:40px; background:#edf3e6; color:var(--green); border:1px solid #dce6d3; border-radius:10px; font-size:16px; }
.project-name strong { font-size:14px; font-weight:600; }
.project-name span { font-size:12px; margin-top:4px; line-height:1.55; }
.project-open { color:var(--muted); font-size:18px; }
.dashboard-bottom { gap:20px; margin-top:20px; }
.next-step,.recent-events { background:white; border:1px solid var(--line); border-radius:16px; padding:20px; }
.next-step { gap:14px; }
.next-step h2 { font-size:18px; }
.next-step p { font-size:13px; line-height:1.7; }
.next-step .next-icon { background:#edf3e6; width:34px; height:34px; border-radius:10px; color:var(--green); }
.recent-events>div:not(.section-heading) { padding:13px 0; align-items:start; }
.recent-events p { min-width:0; }
.recent-events p strong { font-size:12px; font-weight:550; }
.recent-events p span { font-size:11px; overflow-wrap:anywhere; }
.recent-events time { font-size:10px; flex:none; }
.project-tabs { display:flex; align-items:center; flex-wrap:wrap; gap:6px; width:fit-content; max-width:100%; padding:5px; border:1px solid var(--line); border-radius:12px; background:#edf2ef; margin:0 0 22px; overflow:visible; white-space:normal; }
.project-tabs>a { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:40px; padding:9px 14px; font-size:13px; font-weight:600; border:1px solid transparent; border-radius:10px; color:var(--muted); line-height:1.4; }
.project-tabs>a:hover { background:#fff; border-color:#d4dfd9; color:var(--petrol); }
.project-tabs>a[aria-current=page] { background:var(--petrol); color:var(--lime); border-color:var(--petrol); }
.project-tabs>a>.ui-icon { width:16px; height:16px; }
.back-link { display:inline-flex; margin-bottom:16px; font-size:12px; color:var(--muted); }
.project-intro { gap:24px; margin-bottom:24px; padding:24px; background:white; border:1px solid var(--line); border-radius:16px; }
.project-intro h2 { font-size:22px; margin-top:14px; }
.project-intro p { font-size:14px; line-height:1.7; margin-top:12px; }
.readiness-panel { background:#f5f8f1; border:1px solid #e1e9da; padding:20px; border-radius:12px; }
.readiness-panel>strong { font-size:34px; }
.readiness-panel p { font-size:12px; }
.component-list,.check-list,.draft-list,.service-health-list { background:white; border:1px solid var(--line); border-radius:16px; overflow:hidden; }
.component-list>div { padding:18px 20px; border-color:var(--line); }
.component-list p { font-size:13px; min-width:0; }
.component-list p>span { overflow-wrap:anywhere; }
.component-size { font-size:12px; }
.check-row { padding:20px; gap:16px; }
.check-row h3 { font-size:15px; }
.check-row p { font-size:13px; line-height:1.65; }
.check-row small { font-size:11px; overflow-wrap:anywhere; }
.check-group { font-size:11px; text-transform:none; letter-spacing:0; color:var(--muted); }
.form-panel,.panel,.runtime-card,.note-panel,.monitor-panel { background:white; border:1px solid var(--line); border-radius:16px; padding:24px; box-shadow:none; }
.form-layout { gap:24px; }
.form-aside { background:#eef3e9; border:1px solid #dfe7d7; border-radius:16px; padding:24px; align-self:start; }
.form-aside h2 { font-size:18px; }
.form-aside p { font-size:13px; line-height:1.7; }
.form-panel label,.security-columns label,.domain-form label { font-size:13px; font-weight:550; color:var(--petrol); margin-bottom:7px; display:block; }
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea { min-height:40px; border:1px solid #cddbd6; border-radius:10px; padding:9px 12px; background:#fff; color:var(--ink); font:400 14px/1.5 Manrope,Arial,sans-serif; transition:border-color 150ms,box-shadow 150ms; }
input:hover,select:hover,textarea:hover { border-color:#9bb1aa; }
input:focus,select:focus,textarea:focus { border-color:var(--green); }
textarea { min-height:110px; resize:vertical; }
.form-panel .helptext,.security-columns .helptext { font-size:12px; color:var(--muted); line-height:1.6; display:block; margin-top:6px; }
.form-panel>p,.security-columns form>p { margin-bottom:18px; }
.form-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.form-panel .errorlist { color:#a02b35; font-size:13px; padding-left:18px; margin:8px 0; }
input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true] { border-color:#b95c65; }
.resource-editor { border:1px solid var(--line); border-radius:12px; background:white; overflow:hidden; margin-top:20px; }
.resource-editor>summary { min-height:48px; padding:14px 20px; font-size:14px; font-weight:550; }
.resource-editor>.form-panel { border:0; border-top:1px solid var(--line); border-radius:0; }
.note-panel h2,.monitor-panel h2 { font-size:20px; }
.note-panel p,.monitor-panel p { font-size:14px; line-height:1.7; }
.note-panel>h2:not(:first-child) { margin-top:24px; }
.note-panel>.button { margin-top:18px; }
.table-scroll { border-radius:16px; border-color:var(--line); scrollbar-width:thin; }
table { font-size:14px; font-variant-numeric:tabular-nums; }
th { font-size:12px; text-transform:none; letter-spacing:0; font-weight:650; color:var(--muted); background:#f5f8f6; padding:12px 20px; border-color:var(--line); }
td { font-size:14px; padding:17px 20px; border-color:var(--line); line-height:1.55; }
tbody tr:hover { background:#f4f8f5; }
.table-secondary { font-size:12px; margin-top:4px; }
.domain-row,.resource-row { background:white; border-color:var(--line); padding:18px 20px; }
.resource-list { border:1px solid var(--line); border-radius:16px; overflow:hidden; }
.repository-reference { border-radius:12px; padding:20px; background:#eef3e9; overflow-wrap:anywhere; }
.project-shortcuts { margin-top:24px; }
.project-shortcuts>a { background:white; padding:16px 20px; font-size:14px; border:1px solid var(--line); margin-top:-1px; }
.project-shortcuts>a:hover { background:#f4f8f5; }
.project-shortcuts>a:first-of-type { border-radius:12px 12px 0 0; }
.project-shortcuts>a:last-of-type { border-radius:0 0 12px 12px; }
.team-list { background:white; border:1px solid var(--line); border-radius:16px; overflow:hidden; }
.team-list article { padding:20px; gap:16px; }
.team-list .avatar { background:#eef3e7; color:var(--green); border-color:var(--line); }
.team-identity { min-width:0; }
.team-identity strong { font-size:14px; overflow-wrap:anywhere; }
.team-identity span { font-size:12px; }
.team-list form { gap:8px; }
.security-columns { gap:20px; align-items:start; }
.security-columns>.panel,.security-columns>section { border:1px solid var(--line); border-radius:16px; background:white; padding:24px; min-width:0; }
.security-columns h2 { font-size:18px; }
.security-columns p { font-size:13px; line-height:1.7; margin-top:12px; }
.security-columns .session-list p { font-size:12px; }
.security-columns .pill { margin-left:8px; }
.security-columns .session-list { margin:10px 0 0; }
.security-item { padding:18px 0; }
.security-item strong { font-size:14px; }
.empty-state,.empty-project { border:1px dashed #c7d7cc; border-radius:16px; background:#fcfdf9; padding:40px 24px; }
.empty-state h2,.empty-project h3 { font-size:22px; }
.empty-state p,.empty-project p { font-size:14px; line-height:1.65; max-width:56ch; }
.empty-orbit,.empty-project-symbol { background:#ecf3e0; color:var(--green); border-radius:12px; }
.plan-grid { gap:20px; }
.plan-card { border-radius:16px; padding:24px; border-color:var(--line); }
.plan-card.selected { border:1px solid #9cbc67; box-shadow:inset 0 3px var(--lime); padding:24px; }
.price { font-size:34px; font-weight:600; letter-spacing:-.045em; }
.plan-card li { font-size:13px; line-height:1.65; }
.plan-card>.plan-top h2 { font-size:20px; }
.plan-selected { font-size:11px; border-radius:6px; }
.plan-conditions { background:white; border:1px solid var(--line); border-radius:16px; padding:24px; margin-top:24px; }
.architecture-band { border-radius:16px; padding:24px; margin-bottom:24px; }
.capability-list>div { padding:20px 0; }
.cost-results { background:#edf3e3; border:1px solid #dce7cd; border-radius:16px; padding:24px; }
.cost-results strong { font-size:28px; }
.launch-stages>section { border:1px solid var(--line); border-radius:16px; background:white; padding:24px; margin-top:20px; }
.launch-stages article { padding:18px 0; }
.launch-stages h3 { font-size:15px; }
.launch-stages p { font-size:13px; }
.runtime-heading { margin:24px 0 20px; }
.runtime-heading h2 { font-size:24px; }
.runtime-grid { gap:20px; }
.runtime-card { padding:24px; }
.runtime-card h3 { font-size:20px; }
.runtime-card p,.runtime-components { font-size:13px; }
.service-health-list>div { padding:15px 20px; }
.service-health-list>div strong,.service-health-list>div span { font-size:13px; }
.draft-list article { padding:18px 20px; border-color:var(--line); }
.notice { border-radius:10px; border:1px solid #e5dcc3; background:#fffbef; padding:14px 16px; color:#755a27; font-size:13px; margin-bottom:20px; }
.notice.success { color:#355b33; background:#f0f6e9; border-color:#d5e5cc; }
.notice.error { color:#a02b35; background:#fff0f0; border-color:#efcad0; }
.notice[role=status] { animation:feedback-in 200ms var(--ease-out); }
.workspace-footer { display:flex; align-items:center; justify-content:space-between; gap:16px 24px; flex-wrap:wrap; margin-top:32px; padding-top:18px; border-color:var(--line); font-size:11px; color:var(--muted); }
.workspace-footer>a { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:11px; }
.workspace-footer>a>strong { color:var(--petrol); font-size:19px; letter-spacing:-.04em; }
.auth-layout { grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); background:var(--canvas); }
.auth-story { padding:clamp(32px,4vw,64px); background:var(--petrol); color:white; min-width:0; }
.auth-story h1 { color:white; font-size:clamp(36px,3.8vw,60px); line-height:1.12; font-weight:650; }
.auth-story p { color:#c1d1d3; font-size:16px; line-height:1.8; }
.auth-form-section { padding:48px clamp(28px,5vw,80px); }
.auth-form-wrap { max-width:420px; }
.auth-form-wrap h2 { font-size:30px; margin-top:24px; }
.auth-form-wrap>p { font-size:14px; line-height:1.7; }
.auth-form-wrap .local-badge { border:1px solid #dce6ce; background:#edf3e0; color:#3d5c2e; border-radius:6px; font-size:12px; }
.auth-form-wrap .button { min-height:46px; }
.auth-account { margin-top:28px; padding-top:20px; }
.auth-account>summary { color:var(--muted); font-size:13px; }
.auth-form-wrap>.auth-footnote { font-size:12px; }
.security-access { max-width:560px; margin:48px auto; }
.security-access-card { background:white; border:1px solid var(--line); border-radius:16px; padding:28px; }
.sidebar-backdrop { position:fixed; inset:0; z-index:35; background:#0b252c70; border:0; border-radius:0; }
@keyframes feedback-in { from{opacity:0;transform:translateY(7px)} to{opacity:1;transform:none} }
@media(min-width:761px) {
  body.sidebar-collapsed { --sidebar-width:82px; }
  body.sidebar-collapsed .sidebar { padding-inline:10px; }
  body.sidebar-collapsed .sidebar-brand-row { height:82px; min-height:82px; }
  body.sidebar-collapsed .sidebar .brand { width:32px; left:calc(50% - 16px); }
  body.sidebar-collapsed .brand-full,body.sidebar-collapsed .brand>span { opacity:0; }
  body.sidebar-collapsed .sidebar .brand-symbol { opacity:1; }
  body.sidebar-collapsed .sidebar-collapse { top:48px; right:calc(50% - 15.5px); }
  body.sidebar-collapsed .sidebar-collapse>.ui-icon { transform:rotate(180deg); }
  body.sidebar-collapsed .organization-label { padding:8px 0; justify-content:center; margin-inline:0; background:transparent; border-color:transparent; min-height:52px; }
  body.sidebar-collapsed .organization-label>div,body.sidebar-collapsed .switcher { display:none; }
  body.sidebar-collapsed .navigation-groups { overflow:visible; }
  body.sidebar-collapsed .primary-nav-item,body.sidebar-collapsed .nav-group>.drawer-trigger { justify-content:center; padding:10px; width:49px; margin-inline:auto; }
  body.sidebar-collapsed .primary-nav-item>span,body.sidebar-collapsed .drawer-trigger>span,body.sidebar-collapsed .drawer-trigger>.ui-icon:last-child { display:none; }
  body.sidebar-collapsed .nav-submenu { position:fixed; top:190px; left:87px; width:244px; max-height:calc(100dvh - 215px); overflow-y:auto; margin:0; padding:12px 10px; background:white; border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow-overlay); color:var(--petrol); }
  body.sidebar-collapsed .submenu-title { display:block; font-size:14px; font-weight:600; padding:2px 10px 12px; }
  body.sidebar-collapsed .sub-nav-item { color:var(--petrol); }
  body.sidebar-collapsed .sub-nav-item>.ui-icon { color:var(--muted); }
  body.sidebar-collapsed .sub-nav-item:hover { color:var(--petrol); background:#edf2e8; }
  body.sidebar-collapsed .status-caption,body.sidebar-collapsed .profile-copy,body.sidebar-collapsed .sidebar-profile>.ui-icon { display:none; }
  body.sidebar-collapsed .workspace-status,body.sidebar-collapsed .sidebar-profile { justify-content:center; }
  body.sidebar-collapsed .sidebar-signout { margin:9px 0 0; text-align:center; }
  body.sidebar-collapsed .sign-out { justify-content:center; min-height:28px; }
  body.sidebar-collapsed .sign-out>span { display:none; }
}
@media(max-width:1100px) {
  .topbar { padding-inline:22px; gap:14px; }
  .main-content { padding:24px 22px 32px; }
  .topbar-breadcrumb>a { display:none; }
  .topbar-breadcrumb>span { display:none; }
  .overview-pilot { display:flex; flex-wrap:wrap; }
  .overview-pilot-detail { flex:1; min-width:180px; }
  .project-row { grid-template-columns:40px minmax(0,1fr) auto 18px; }
  .project-row>.environment-tag { display:none; }
  .project-row>.status { display:inline-flex; }
  .quota-strip>div { padding:16px; }
}
@media(max-width:760px) {
  html { scrollbar-gutter:auto; }
  body.sidebar-open { overflow:hidden; }
  .app-shell { display:block; }
  .workspace { width:100%; }
  .sidebar { transform:translateX(-100%); width:min(300px,88vw); height:100dvh; z-index:40; }
  .sidebar.is-open { transform:translateX(0); }
  .sidebar .sidebar-close { position:absolute; right:0; top:0; display:flex; color:#b7cbcd; width:34px; height:34px; min-width:34px; min-height:34px; }
  .sidebar-collapse { display:none; }
  .topbar { padding:0 16px; height:64px; gap:10px; }
  .topbar .menu-toggle { display:inline-flex; min-width:36px; width:36px; }
  .topbar-breadcrumb { flex:1; font-size:12px; }
  .topbar .global-search { width:40px; min-width:40px; max-width:40px; margin:0; }
  .global-search input,.global-search kbd { display:none; }
  .topbar.search-expanded .global-search { flex:1; width:auto; max-width:none; }
  .topbar.search-expanded .global-search input { display:block; }
  .topbar.search-expanded .topbar-breadcrumb { display:none; }
  .topbar-account .avatar { width:32px; height:32px; min-width:32px; }
  .main-content { padding:22px 16px 30px; }
  .environment-note { padding:10px 12px; font-size:12px; align-items:flex-start; flex-wrap:wrap; gap:8px; }
  .environment-note>span { flex-basis:calc(100% - 25px); }
  .environment-note>a { margin-left:24px; }
  .page-heading { display:flex; flex-wrap:wrap; gap:14px; margin-bottom:18px; }
  h1 { font-size:26px; }
  .page-heading p,.page-heading p:not(.breadcrumb) { font-size:14px; }
  .button,.icon-button { min-height:44px; }
  .drawer-trigger,.navigation-groups .nav-item { min-height:44px; }
  .quota-strip { grid-template-columns:1fr 1fr; margin-bottom:20px; }
  .quota-strip>div { padding:16px; }
  .quota-strip strong { font-size:28px; }
  .quota-strip>div:nth-child(3) { border-left:0; }
  .quota-strip>div:nth-child(n+3) { border-top:1px solid var(--line); }
  .quota-strip>div>span { font-size:13px; }
  .project-row { grid-template-columns:36px minmax(0,1fr) 16px; padding:16px; gap:12px; }
  .project-icon { width:36px; height:36px; }
  .project-row>.status { grid-column:2; grid-row:2; font-size:11px; }
  .project-row>.project-open { grid-column:3; grid-row:1; }
  .project-name span { font-size:12px; }
  .overview-pilot { padding:18px; gap:14px; }
  .overview-pilot-detail { flex-basis:100%; }
  .overview-pilot>.button { width:100%; }
  .dashboard-bottom,.security-columns,.runtime-grid,.project-intro,.split-notes { grid-template-columns:1fr; gap:20px; }
  .project-intro { padding:20px; }
  .project-tabs { gap:5px; padding:5px; margin-bottom:20px; width:100%; }
  .project-tabs>a { flex:1 0 auto; padding:9px 11px; min-height:40px; font-size:12px; }
  .project-tabs>a>.ui-icon { display:none; }
  .form-layout { display:block; }
  .form-panel,.form-aside,.security-columns>.panel,.security-columns>section,.note-panel,.monitor-panel,.runtime-card { padding:20px; }
  .form-aside { margin-top:20px; }
  .check-row { grid-template-columns:22px minmax(0,1fr); padding:18px 16px; gap:12px; }
  .check-row>.pill { grid-column:2; }
  .component-list>div { padding:16px; }
  .component-list p>span { font-size:11px; }
  .plan-grid,.cost-layout { grid-template-columns:1fr; gap:20px; }
  .team-list article { flex-wrap:wrap; padding:18px; }
  .team-list form { flex-basis:100%; margin-left:0; display:flex; flex-wrap:wrap; }
  .team-list form select { flex:1; min-width:130px; }
  .launch-stages>section { padding:20px; }
  .launch-stages article { display:flex; flex-wrap:wrap; gap:14px; }
  .launch-stages article>div { min-width:0; }
  .workspace-footer { display:flex; flex-direction:column; align-items:flex-start; font-size:11px; gap:12px; margin-top:26px; }
  .auth-layout { display:block; }
  .auth-story { min-height:auto; padding:30px; gap:32px; }
  .auth-story h1 { font-size:36px; }
  .auth-story p { font-size:14px; }
  .auth-story>.small { display:none; }
  .auth-form-section { padding:32px 24px; }
  .auth-form-wrap h2 { font-size:28px; }
  .security-access { margin:24px auto; padding:16px; }
  .security-access-card { padding:24px; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
}
@media print {
  .sidebar,.topbar,.sidebar-backdrop,.environment-note { display:none!important; }
  .app-shell { display:block; }
  .main-content { padding:0; }
}
.nav-submenu.is-animating { overflow:hidden; }
.workspace-footer>a>img { display:block; width:154px; height:auto; }
.page-heading>.button.primary { border-radius:999px; padding-inline:18px; }
.nav-group>.drawer-trigger>span { font:inherit; transform:none; letter-spacing:0; }
.topbar .global-search input[type=search] { border:0; background:transparent; border-radius:0; box-shadow:none; padding:9px 2px; }
.project-open .ui-icon { width:17px; height:17px; }
.sidebar { overflow:visible; }
.navigation-groups { display:block; }
.page-heading h1 { font-size:clamp(25px,2.1vw,32px); line-height:1.2; font-weight:650; letter-spacing:-.045em; }
@media(max-width:760px) { .page-heading h1 { font-size:26px; } }
.resource-editor>.form-panel[aria-hidden],.resource-editor>.form-panel.is-animating { overflow:hidden; }
.sidebar { box-shadow:none; }
.topbar .global-search { order:0; }
.page-heading>.button { margin-top:0; }
@media(max-width:760px) { .sidebar.is-open { box-shadow:20px 0 60px #102e3530; } }
.security-columns h2 { padding-bottom:0; }
.auth-story .brand { position:relative; width:264px; max-width:100%; height:52px; display:block; }
.auth-story .brand img { display:block; width:100%; height:auto; }
.auth-story .brand>span { position:absolute; top:42px; left:56px; border:0; padding:0; color:var(--lime); font-size:9px; line-height:1; letter-spacing:.16em; text-transform:uppercase; }
.content-surface { min-width:0; }
.content-surface :is(h1,h2,h3) { text-wrap:balance; }
.main-content { min-height:calc(100dvh - 64px); display:flex; flex-direction:column; }
.content-surface { flex:1; }
.workspace-footer>.environment-note { width:100%; margin:0; padding:4px 0 0; background:transparent; border:0; border-radius:0; font-size:11px; color:var(--muted); }
.workspace-footer>.environment-note a { margin-left:0; font-size:11px; }
.profile-menu { position:relative; margin-top:10px; }
.profile-menu>.sidebar-profile { cursor:pointer; list-style:none; padding:8px 4px 0; margin:0; border-radius:10px; }
.profile-menu>.sidebar-profile:hover { background:#ffffff0a; }
.profile-menu .profile-actions { position:absolute; bottom:calc(100% + 12px); left:0; width:100%; min-width:218px; padding:6px; border:1px solid var(--line); border-radius:12px; background:white; color:var(--petrol); box-shadow:var(--shadow-overlay); z-index:50; transform-origin:bottom left; }
.profile-actions :is(a,button) { display:flex; align-items:center; gap:10px; width:100%; min-height:40px; padding:10px 12px; border:0; border-radius:8px; background:none; color:var(--petrol); font:500 13px/1.5 Manrope,Arial,sans-serif; text-align:left; }
.profile-actions :is(a,button):hover { background:#eef3e9; }
.profile-actions :is(a,button):focus-visible { outline-color:var(--petrol); }
.profile-actions .ui-icon { width:17px; height:17px; }
.profile-actions form { border-top:1px solid var(--line); margin:5px 0 0; padding-top:5px; }
.sidebar-brand-row { transition:height 420ms var(--ease-out),margin-bottom 420ms var(--ease-out); }
.sidebar .brand { transition:left 420ms var(--ease-out),width 420ms var(--ease-out); }
.sidebar-collapse { transition:top 420ms var(--ease-out),right 420ms var(--ease-out),background-color 140ms,color 140ms; }
.sidebar-caption { letter-spacing:.025em; }
.organization-label { margin-bottom:16px; }
.navigation-groups { overscroll-behavior:contain; }
.sidebar-bottom { flex-shrink:0; }
.sidebar-close,.sidebar-collapse { flex-shrink:0; }
.nav-submenu.is-animating,details.is-animating { overflow:hidden; }
:is(.auth-account,.security-columns details,.invitation-list details)>summary { cursor:pointer; min-height:40px; display:flex; align-items:center; gap:10px; }
:is(.auth-account,.security-columns details,.invitation-list details)>summary::before { content:''; width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(-45deg); transition:transform 300ms var(--ease-out); flex:none; }
:is(.auth-account,.security-columns details,.invitation-list details)[open]>summary::before { transform:rotate(45deg); }
.resource-editor>summary>span { transition:transform 300ms var(--ease-out); }
.resource-editor[open]>summary>span { transform:rotate(45deg); }
.button[aria-busy=true] { opacity:.65; cursor:wait; }
.button[aria-busy=true]::after { content:''; width:14px; height:14px; flex:none; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:ui-busy 700ms linear infinite; }
.main-content,.auth-layout,.security-access { scroll-margin-top:80px; }
input,select,textarea,summary,.button { scroll-margin-block:90px 24px; }
.global-search:focus-within { outline:2px solid var(--petrol); outline-offset:3px; }
@keyframes ui-busy { to {transform:rotate(360deg)} }
@media(min-width:761px) {
 body.sidebar-collapsed .profile-menu .profile-actions { position:fixed; left:87px; bottom:20px; width:244px; }
 body.sidebar-collapsed .nav-submenu { top:183px; max-height:calc(100dvh - 210px); }
}
@media(max-width:760px) {
 .sidebar { padding-bottom:max(12px,env(safe-area-inset-bottom)); }
 .main-content { padding-bottom:max(30px,env(safe-area-inset-bottom)); }
 .profile-actions :is(a,button) { min-height:44px; }
 .workspace-footer>.environment-note { gap:8px; }
 .workspace-footer>.environment-note>span { flex-basis:calc(100% - 25px); }
 .workspace-footer>.environment-note>a { margin-left:24px; }
}
@media(prefers-reduced-motion:reduce) {
 .sidebar,.app-shell,.sidebar-brand-row,.sidebar .brand,.sidebar-collapse,.drawer-trigger>.ui-icon,.resource-editor>summary>span { transition:none; }
 .button[aria-busy=true]::after { animation:none; }
}
.nav-group>.drawer-trigger[aria-expanded=true]>.ui-icon:last-child { transform:rotate(90deg); }
.nav-group>.drawer-trigger[aria-expanded=false]>.ui-icon:last-child { transform:none; }
.resource-editor>summary[aria-expanded=true]>span { transform:rotate(45deg); }
.resource-editor>summary[aria-expanded=false]>span { transform:none; }
:is(.auth-account,.security-columns details,.invitation-list details)>summary[aria-expanded=true]::before { transform:rotate(45deg); }
:is(.auth-account,.security-columns details,.invitation-list details)>summary[aria-expanded=false]::before { transform:rotate(-45deg); }

/* The enrollment reminder stays in the overview; it never overlays navigation. */
.mfa-reminder { display:flex; align-items:flex-start; gap:18px; padding:22px 24px; margin:0 0 24px; border:1px solid #e5dcc3; border-radius:14px; background:#fffbef; color:var(--text); }
.mfa-reminder-icon { display:grid; place-items:center; width:40px; height:40px; flex:0 0 40px; border-radius:10px; color:#755a27; background:#f4ecd3; }
.mfa-reminder-icon svg { width:22px; height:22px; }
.mfa-reminder-copy { flex:1; min-width:0; }
.mfa-reminder-copy h2 { margin:0 0 7px; font-size:16px; line-height:1.45; font-weight:650; }
.mfa-reminder-copy p { margin:0; max-width:76ch; font-size:13px; line-height:1.7; color:#625837; }
.mfa-reminder-copy .mfa-reminder-detail { margin-top:7px; font-size:12px; }
.mfa-reminder > .button { flex-shrink:0; align-self:center; }
@media(max-width:1050px) { .mfa-reminder { flex-wrap:wrap; } .mfa-reminder > .button { margin-left:58px; } }
@media(max-width:600px) { .mfa-reminder { padding:18px; gap:12px; } .mfa-reminder-icon { width:32px; height:32px; flex-basis:32px; } .mfa-reminder-copy { flex-basis:calc(100% - 44px); } .mfa-reminder > .button { margin-left:44px; max-width:calc(100% - 44px); white-space:normal; } }