:root{--brand-navy:#102A43;--brand-steel:#486581;--brand-orange:#D96C22;--brand-copper:#C4662B;--surface-page:#F4F6F8;--surface-panel:#FFFFFF;--border-default:#D9E2EC;--text-primary:#24333E;--text-muted:#627D98;--success:#247451;--success-soft:#E7F3ED;--caution:#9A6A00;--caution-soft:#FFF3CF;--critical:#A63D40;--critical-soft:#F9E5E5;--information:#286B95;--information-soft:#E7F1F7;--inactive:#627D98;--inactive-soft:#EAF0F4;--font-display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;--font-interface:"Source Sans 3","Segoe UI",Arial,sans-serif;--content:1440px;--brand-900:var(--brand-navy);--brand-800:var(--brand-steel);--brand-accent:var(--brand-orange);--surface:var(--surface-panel);--canvas:var(--surface-page);--ink:var(--text-primary);--muted:var(--text-muted);--line:var(--border-default);--line-strong:#9FB3C8;--shadow-sm:0 2px 8px rgba(16,42,67,.045);--radius-sm:2px;--action-height:40px;--action-compact-height:36px;--action-padding:7px 13px;--action-compact-padding:6px 12px;--action-font-size:14px;--action-font-weight:600;--action-line-height:1.3;--action-radius:2px;--action-primary-text:#FFFFFF;--action-hover:#BB5717;--action-secondary-hover:#EDF2F6;--focus-color:#77A8C5;--focus-width:3px;--focus-offset:3px;--title-size:clamp(2.15rem,3vw,2.5rem);--title-weight:700;--title-line-height:1}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;min-height:100vh;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-interface);line-height:1.45}a{color:inherit}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}
.app-header{background:var(--brand-navy);color:#fff;border-bottom:3px solid var(--brand-orange)}.app-header__inner{max-width:var(--content);min-height:76px;margin:auto;padding:0 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:38px}.app-brand{display:flex;align-items:center;text-decoration:none;white-space:nowrap}.app-brand__name{display:block;font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:.045em;line-height:1}.app-brand__product{display:block;margin-top:4px;color:#BCCCDC;font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.app-nav{align-self:stretch}.app-nav__inner{height:100%;display:flex;align-items:stretch;gap:26px;overflow-x:auto;scrollbar-width:none}.app-nav__inner::-webkit-scrollbar{display:none}.app-nav__link{display:flex;align-items:center;padding:3px 1px 0;border-bottom:3px solid transparent;color:#D9E2EC;font-size:.95rem;font-weight:600;white-space:nowrap;text-decoration:none}.app-nav__link:hover{color:#fff}.app-nav__link[aria-current="page"]{color:#fff;border-bottom-color:var(--brand-orange)}.app-nav__link--restricted::after{display:none;content:none}
.app-tools{display:flex;align-items:center;gap:10px;color:#D9E2EC;font-size:.82rem;white-space:nowrap}.mode-button{min-height:38px;border:1px solid #829AB1;background:transparent;color:#fff;padding:7px 12px;font-size:.85rem;font-weight:600;cursor:pointer}.mode-button:hover{border-color:#fff}.user-chip{display:grid;place-items:center;width:38px;height:38px;background:var(--brand-steel);color:#fff;font-weight:700}
.page-shell{max-width:1280px;margin:auto;padding:38px 28px 68px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}.page-kicker{margin:0 0 3px;color:var(--brand-steel);font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.page-title{margin:0;font-family:var(--font-display);font-size:var(--title-size);font-weight:var(--title-weight);line-height:var(--title-line-height);color:var(--brand-navy)}.page-description{max-width:720px;margin:8px 0 0;color:var(--text-muted);font-size:1rem}.page-meta{color:var(--text-muted);font-size:.84rem;white-space:nowrap}.page-meta strong{color:var(--text-primary);font-weight:600}
.status-pill{display:inline-flex;align-items:center;min-height:26px;padding:4px 10px;border-radius:999px;font-size:.76rem;font-weight:600;line-height:1;text-transform:none}.status-success{background:var(--success-soft);color:var(--success)}.status-caution{background:var(--caution-soft);color:var(--caution)}.status-critical{background:var(--critical-soft);color:var(--critical)}.status-information{background:var(--information-soft);color:var(--information)}.status-inactive{background:var(--inactive-soft);color:var(--inactive)}
.status-badge{display:inline-flex;align-items:center;min-height:26px;padding:4px 10px;border-radius:999px;font-size:.76rem;font-weight:600;line-height:1}.status-ready{background:var(--success-soft);color:var(--success)}.status-warning{background:var(--caution-soft);color:var(--caution)}.status-down{background:var(--critical-soft);color:var(--critical)}.status-info{background:var(--information-soft);color:var(--information)}
.offline-strip{display:none;background:var(--caution-soft);color:#684A00;border-bottom:1px solid #E6CA73;padding:8px 28px;text-align:center;font-size:.84rem;font-weight:600}body.is-offline .offline-strip{display:block}
@media(max-width:1040px){.app-header__inner{grid-template-columns:auto auto;gap:0 24px;padding-top:12px}.app-nav{grid-column:1/-1;grid-row:2}.app-nav__inner{min-height:48px;gap:23px}.app-tools{justify-self:end}.app-nav__link{padding-top:0}.app-nav__link[aria-current="page"]{border-bottom-width:3px}}
@media(max-width:680px){.app-header__inner{min-height:64px;padding:11px 16px 0}.app-brand__name{font-size:1.18rem}.app-brand__product{font-size:.6rem}.app-tools__label{display:none}.mode-button{min-height:36px;padding:6px 9px}.user-chip{width:36px;height:36px}.app-nav__inner{min-height:46px;gap:21px}.app-nav__link{font-size:.9rem}.app-nav__link--restricted::after{display:none;content:none}.page-shell{padding:28px 15px 48px}.page-header{align-items:flex-start;flex-direction:column;gap:10px}.page-meta{white-space:normal}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Preserve authored labels and acronyms; no blanket capitalization. */
button,[role="button"],input[type="submit"],input[type="button"],input[type="reset"],a.button,a.btn,a.secondary,a.log-button,a.go-button,a.page-button,a[class*="button--"]{text-transform:none}

/* Shared header visibility modes. data-restricted is the marker for future items. */
.mode-button[aria-pressed="true"]{background:#D9E2EC;color:#102A43;border-color:#D9E2EC}
.mode-button:focus-visible,.user-chip:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}
a.user-chip{text-decoration:none;flex-shrink:0}
html[data-site-mode="normal"] :is([data-restricted],.app-nav__link--restricted,.workspace-card--restricted){display:none!important}
html[data-site-mode="normal"][data-restricted-page] body > :not(.app-header):not(.app-nav):not(.restricted-mode-notice):not(script){display:none!important}
.restricted-mode-notice[hidden]{display:none!important}
@media(max-width:680px){.app-tools{gap:6px}.app-tools .mode-button{font-size:.75rem;padding:6px 8px}.app-tools .user-chip{width:34px;height:36px}}

/* Shared action defaults. Named compact variants retain the same type and colors. */
.button,.btn,.button-secondary,.secondary,.button-primary,.button-accent{display:inline-flex;align-items:center;justify-content:center;min-height:var(--action-height);padding:var(--action-padding);border:1px solid var(--brand-steel);border-radius:var(--action-radius);background:var(--surface-panel);color:var(--brand-navy);font:var(--action-font-weight) var(--action-font-size)/var(--action-line-height) var(--font-interface);text-align:center;text-decoration:none;cursor:pointer}
.button-primary,.button-accent,.button--primary,.button.primary,.btn.primary{background:var(--brand-orange);border-color:var(--brand-orange);color:var(--action-primary-text)}
.button-primary:hover,.button-accent:hover,.button--primary:hover,.button.primary:hover,.btn.primary:hover{background:var(--action-hover);border-color:var(--action-hover)}
.button--small{min-height:var(--action-compact-height);padding:var(--action-compact-padding)}
button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:default}