@font-face{font-family:Manrope;src:url('assets/Manrope-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/Manrope-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/Manrope-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/Manrope-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--workspace:#E8F8FD;--rail-width:249px;--nav-ink:#00263A;--action:#006BFF}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Manrope,sans-serif}
.member-shell{display:grid;grid-template-columns:249px minmax(0,1fr);grid-template-rows:56px minmax(923px,1fr);margin:25px 25px 22px 18px;min-height:calc(100vh - 47px);background:#fff}
.rail{grid-column:1;grid-row:1/3;position:relative;width:249px;min-height:979px;background:#061925;overflow:hidden}
.nav-hit{position:absolute;left:13px;width:223px;height:42px;background:transparent center/223px 42px no-repeat;border-radius:5px;text-decoration:none;cursor:pointer}

.nav-hit:focus-visible{outline:2px solid var(--action);outline-offset:1px}
.nav-hit[aria-disabled=true]{pointer-events:none;opacity:.48}
.header{grid-column:2;grid-row:1;min-width:0;height:56px;display:flex;align-items:center;background:#fff}
.club-selector{display:inline-flex;align-items:center;gap:16px;min-width:0;max-width:calc(100% - 40px);height:46px;margin-left:26px;padding:0;border:0;background:transparent;color:#181b20;font:700 20px/1.2 Manrope,sans-serif;cursor:pointer}
.club-selector-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.club-selector-chevron{width:9px;height:6px;flex:none;fill:none;stroke:#202b34;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.club-selector:hover .club-selector-chevron{stroke:#006BFF}.club-selector:focus-visible{outline:2px solid var(--action);outline-offset:2px;border-radius:3px}
.workspace{grid-column:2;grid-row:2;background:var(--workspace);min-height:923px}
.page-frame{width:100%;min-height:100%;padding:0 26px}.breadcrumb-region,.page-title-region,.content-region{display:contents}
.mobile-menu{display:none}.scrim{display:none}
@media(max-width:1100px){.member-shell{margin:0;grid-template-rows:56px minmax(calc(100vh - 56px),1fr);min-height:100vh}.rail{min-height:100vh;background-repeat:repeat-y}.workspace{min-height:calc(100vh - 56px);background-image:none}}
@media(max-width:800px){.member-shell{display:grid;grid-template-columns:1fr}.header,.workspace{grid-column:1}.header{background-image:none;position:relative}.club-selector{margin-left:57px;font-size:17px;max-width:calc(100% - 73px);gap:10px}.mobile-menu{display:block;position:absolute;left:14px;top:11px;width:34px;height:34px;border:0;background:transparent;color:var(--nav-ink);font-size:27px;line-height:34px;padding:0;cursor:pointer}.rail{position:fixed;z-index:30;left:0;top:0;bottom:0;transform:translateX(-100%);transition:transform .2s ease;min-height:100vh;overflow-y:auto}.member-shell.nav-open .rail{transform:translateX(0)}.scrim:not([hidden]){display:block;position:fixed;inset:0;background:#00263a80;z-index:20}.page-frame{padding:0 16px}}
@media(prefers-reduced-motion:reduce){.rail{transition:none}}

/* r02: native reusable navigation; no raster control-state swap. */
.rail{background:#061925;background-image:radial-gradient(ellipse at 50% 48%,#0a2534 0%,#071c29 56%,#051622 100%);background-size:auto}
.nav-heading{position:absolute;left:26px;color:#fff;font:500 12px/1.2 Manrope,sans-serif;white-space:nowrap}
.member-heading{top:174px;left:13px;width:223px;text-align:center}.secure-heading{top:718px;left:25px}.nav-divider{position:absolute;left:25px;top:695px;width:200px;border-top:1px solid #1c5b82}
.nav-hit{display:flex;align-items:center;gap:17px;padding:0 12px;color:#fff;top:auto!important;background:transparent!important;font:400 17px/1 Manrope,sans-serif;transition:background-color .12s ease,color .12s ease;outline:none}
.nav-hit:nth-of-type(1){top:203px!important}.nav-hit:nth-of-type(2){top:247px!important}.nav-hit:nth-of-type(3){top:291px!important}.nav-hit:nth-of-type(4){top:335px!important}.nav-hit:nth-of-type(5){top:379px!important}.nav-hit:nth-of-type(6){top:423px!important}.nav-hit:nth-of-type(7){top:467px!important}.nav-hit:nth-of-type(8){top:511px!important}.nav-hit:nth-of-type(9){top:555px!important}.nav-hit:nth-of-type(10){top:599px!important}.nav-hit:nth-of-type(11){top:643px!important}.nav-hit:nth-of-type(12){top:744px!important}.nav-hit:nth-of-type(13){top:788px!important}.nav-hit:nth-of-type(14){top:832px!important}
.nav-hit:hover,.nav-hit:focus-visible{background:#143d52!important;color:#fff;outline:none}
.nav-hit:active{background:#225974!important}
.nav-hit[aria-current=page],.nav-hit[aria-current=page]:hover,.nav-hit[aria-current=page]:focus-visible{background:linear-gradient(110deg,#ffe237,#ffca14 58%,#ffe13e)!important;color:#071019;box-shadow:0 3px 8px #0007}
.nav-hit:focus-visible{box-shadow:0 0 0 2px #006BFF,inset 0 0 0 2px #fff}
.nav-hit[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}
.nav-icon{display:flex;width:29px;height:29px;align-items:center;justify-content:center;flex:none}.nav-icon svg{width:27px;height:27px;display:block}.nav-label{display:block;white-space:nowrap}
.club-selector:active{color:#006BFF}.mobile-menu:hover,.mobile-menu:focus-visible{background:#e6f6ff;border-radius:3px}.mobile-menu:active{background:#c8eaff}
.header{border-top:1px solid #d5e9f5;border-bottom:1px solid #d5e9f5}
.club-logo-zone{position:absolute;left:39px;top:7px;width:170px;height:150px;pointer-events:none}
.platform-brand-zone{position:absolute;left:24px;bottom:34px;width:202px;height:74px;pointer-events:none}
.club-logo-zone img,.platform-brand-zone img{width:100%;height:100%;object-fit:contain}

/* r03 reusable Member navigation state: yellow = current or hovered target. */
:root{--workspace:#E8F8FD;--action:#006BFF;--action-hover:#004FBD;--action-pressed:#003B91;--action-focus:#006BFF}
.nav-hit:hover,.nav-hit:focus-visible{background:linear-gradient(110deg,#ffe237,#ffca14 58%,#ffe13e)!important;color:#071019;box-shadow:inset 0 0 0 2px #b58000,0 3px 8px #0007}
.nav-hit[aria-current=page]{background:linear-gradient(110deg,#ffe237,#ffca14 58%,#ffe13e)!important;color:#071019;box-shadow:0 3px 8px #0007}
.nav-hit[aria-current=page]:hover,.nav-hit[aria-current=page]:focus-visible{box-shadow:inset 0 0 0 2px #b58000,0 3px 8px #0007}
.nav-hit:active{background:linear-gradient(110deg,#f2c926,#f2b900 58%,#f2c926)!important}
.nav-hit:focus-visible{outline:2px solid var(--action-focus);outline-offset:1px}


/* r07: align the existing tenant header to the r06 wide desktop content plane. */
@media (min-width:1534px){.header{width:1241px;max-width:100%}}


/* r08: restrained finish on the existing contained header edge only. */
@media (min-width:1534px){.header{border-right:1px solid rgba(213,233,245,.7);border-radius:0 7px 7px 0}}

/* Member shell containment r01. Admin r07 method: cap and center the entire grid.
   1490px is the approved Member desktop shell width at the 1533px proof viewport;
   the 249px rail and 1241px header/workspace track remain unchanged. */
@media (min-width:1534px){
  .member-shell{width:calc(100% - 43px);max-width:1490px;margin-inline:auto}
}

/* System-provided platform version below the existing BuildGenie rail branding. */
.software-version{position:absolute;left:24px;bottom:16px;width:202px;text-align:center;color:#fff;font:400 13px/1.2 Manrope,sans-serif;white-space:nowrap}
.software-version[hidden]{display:none}

/* Fourteen-item Member rail: allow the branded footer to follow the navigation in the mobile drawer. */
@media(max-width:800px){.rail{overflow-y:auto}.platform-brand-zone{top:935px;bottom:auto}.software-version{top:1010px;bottom:auto}.rail::after{content:"";position:absolute;top:1050px;height:1px;width:1px;pointer-events:none}}

/* Shared Member tenant selector surface. */
.header{position:relative}
.club-switch-panel{position:absolute;z-index:12;top:53px;left:25px;width:min(390px,calc(100vw - 35px));padding:14px 15px;background:#fff;border:1px solid #a6ceef;border-radius:6px;box-shadow:0 10px 25px #00263a30;color:#00263a}
.club-switch-panel[hidden]{display:none!important}
.club-switch-panel strong{display:block;font-size:16px;margin-bottom:8px}
.club-switch-options{display:grid;gap:7px}
.club-switch-current,.club-switch-option{display:block;border:1px solid #c8def0;border-radius:4px;padding:9px 11px;font-size:15px;color:#062d50}
.club-switch-current{background:#e9f6ff;font-weight:700}
.club-switch-option{text-decoration:none;background:#fff;cursor:pointer}
.club-switch-option:hover,.club-switch-option:focus-visible{background:#eaf3ff;outline:2px solid #006bff}
.club-switch-note{font-size:13px;line-height:1.4;color:#527399;margin:4px 0 0}
@media(max-width:800px){.club-switch-panel{left:14px;top:55px;width:calc(100vw - 28px)}}