/* NFG Bay usability system. Original CSS informed by Tabler's layout principles. */
:root{--bay-focus:#8abfff}
html{scroll-padding-top:110px}body{font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.6}
a,button,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--bay-focus)!important;outline-offset:3px}
input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;min-height:44px;border-radius:9px!important}button,summary{touch-action:manipulation}
.bay-public{--bg:#101a2b;--paper:#101a2b;--card:#19263c;--card2:#21324a;--surface:#19263c;--line:#3a4b64;--border:#3a4b64;--text:#f2f6fc;--ink:#f2f6fc;--muted:#b7c6da;--cyan:#8fbcff;--lime:#91c9ff;background:var(--bg)!important;color:var(--text);font-family:Arial,Helvetica,sans-serif}
.bay-public>header:not(.bay-site-header){display:none!important}.bay-public .grid-bg{display:none}
.bay-site-header{height:auto;min-height:80px;max-width:none;width:100%;margin:0;padding:16px max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;background:#142137;border-bottom:1px solid #3a4b64;position:relative;z-index:20;box-sizing:border-box;flex-wrap:wrap}
.bay-site-header .bay-site-brand{display:flex;gap:10px;align-items:center;color:#f5f8ff;text-decoration:none;font-size:20px;font-weight:750;white-space:nowrap;letter-spacing:-.04em}.bay-site-brand b{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#91c9ff;color:#10223a;font-style:italic}
.bay-site-header .bay-site-links{display:flex;align-items:center;gap:5px}.bay-site-links a{padding:10px 13px;color:#c0cee0;text-decoration:none;font-size:14px;font-weight:600;border-radius:8px;white-space:nowrap}.bay-site-links a[aria-current=page]{background:#29415f;color:#fff}.bay-site-links a:hover{background:#20354f;color:white}
.bay-site-actions{display:flex;gap:9px;align-items:center}.bay-site-actions a,.bay-site-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid #49617e;border-radius:9px;background:transparent;color:#eef5ff;text-decoration:none;font:600 13px Arial;cursor:pointer}.bay-site-actions .bay-site-start{background:#91c9ff;color:#10223a;border-color:#91c9ff}.bay-site-menu{display:none}
.bay-public h1{font-size:clamp(36px,4.8vw,64px);line-height:1.12;letter-spacing:-.045em}.bay-public h2{line-height:1.2;letter-spacing:-.03em}.bay-public p{line-height:1.75}.bay-public :is(.card,.panel,.feature-card,.finder-card,.industry-card,.product-flow article){border-radius:14px;background:#19263c;border:1px solid #3a4b64;box-shadow:none}.bay-public :is(.primary,.secondary,.button,.bay-btn){clip-path:none;border-radius:9px;min-height:44px;font-size:14px;letter-spacing:normal}.bay-public :is(.primary,.bay-btn.lime){background:#91c9ff;color:#10223a;border-color:#91c9ff;box-shadow:none}.bay-public .bay-btn:not(.outline){background:#91c9ff;color:#10223a;border-color:#91c9ff}.bay-public .bay-btn.outline{border-color:#617793;color:#e5efff}.bay-public .bay-stage:before{transform:none;background:#24354f;box-shadow:none;border-color:#4a6081}.bay-public .sample-app{transform:none;box-shadow:0 16px 48px #0003}.bay-public .sample-stat:first-child{background:#91c9ff}.bay-public .feature-card.featured{background:#213a54;border-color:#6688af}.bay-public .feature-card.featured p{color:#c3d5eb}.bay-public .workflow-section{background:#1a2c46;box-shadow:none}.bay-public .workflow-tabs button[aria-selected=true]{background:#91c9ff;color:#10223a}.bay-public .closing{background:#213a54;border-color:#6688af}.bay-public .closing .bay-btn{background:#91c9ff;color:#10223a}.bay-public .capability-strip{color:#bdcde3}.bay-public .bay-hero{padding:62px 0}.bay-public .bay-section{padding:65px 0}.bay-public .nfg-language-bar{background:#0d1727!important}
/* Apply shared spacing to the existing business modules without changing permissions. */
.workspace .ui-nav-row .nav-item{font-size:14px!important;line-height:1.4;min-height:44px;padding:10px 12px!important}.workspace .ui-nav-group summary{font-size:13px!important;min-height:44px;padding-block:12px}.workspace .ui-nav-caption{font-size:11px;letter-spacing:.06em}.workspace .sidebar .brand{font-size:20px}.workspace .topbar{gap:14px;min-height:72px}.workspace main{line-height:1.6}.workspace :is(.panel,.metric,.suite-card,.ui-home-panel,.ui-home-stat){border-radius:12px!important}.workspace :is(th,td){font-size:14px;line-height:1.5;padding:13px 14px}.workspace th{font-weight:700}.workspace :is(button.primary,a.primary){min-height:44px;padding:11px 18px;border-radius:9px}.workspace :is(.tabs,.suite-tabs,.module-tabs){gap:8px;flex-wrap:wrap}.workspace :is(.tabs,.suite-tabs,.module-tabs) button{min-height:44px;padding:10px 15px}.workspace .page-heading h1{font-size:clamp(28px,3vw,38px);letter-spacing:-.035em}.workspace .muted,.workspace .context-note{line-height:1.65}.login-card{border-radius:16px}.login-card h2{line-height:1.2}.portal-shell{line-height:1.7}.portal-shell :is(button,a.primary){min-height:44px}.bay-website-home{font-size:12px;color:var(--muted);text-decoration:underline;white-space:nowrap}
:root:not([data-workspace-color=light]) .workspace{--bg:#101a2b;--surface:#19283e;--surface-raised:#263d59;--line:#3b506c;--muted:#b7c8de;--accent:#91c9ff;background:var(--bg)}:root:not([data-workspace-color=light]) .workspace .sidebar{background:#142137}:root:not([data-workspace-color=light]) .workspace :is(.panel,.metric,.suite-card,.ui-home-panel,.ui-home-stat,.platform-surface){background:#19283e;box-shadow:none}
@media(max-width:1000px){.bay-site-header{gap:12px;padding:15px 20px}.bay-site-header .bay-site-links{order:3;width:100%;justify-content:center}.bay-site-links a{padding:9px 12px}}
@media(max-width:600px){.bay-site-header{padding:12px 16px}.bay-site-header .bay-site-brand{font-size:18px}.bay-site-actions{gap:6px}.bay-site-actions a,.bay-site-actions button{padding:9px 10px;font-size:12px}.bay-site-actions .bay-site-signin{display:none}.bay-site-header .bay-site-links{justify-content:flex-start;overflow-x:auto;gap:0}.bay-site-links a{font-size:13px;padding:9px 11px}.bay-public .bay-hero{padding:36px 0}.bay-public .bay-hero h1{font-size:43px}.bay-public .bay-section{padding:42px 0}.bay-website-home{display:none}.workspace :is(th,td){padding:12px;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}


.workspace .ui-nav-primary .nav-item span{font-size:14px!important;line-height:1.4}@media(max-width:600px){.bay-site-header .bay-site-links{flex-wrap:wrap;overflow:visible;gap:3px}.bay-site-links a{min-height:40px;display:inline-flex;align-items:center}.bay-site-header{gap:10px}}
/* Unified workspace: the same slate, blue, typography and controls as the website. */
:root:not([data-workspace-color=light]){--bg:#101a2b;--surface:#19263c;--surface-raised:#243a55;--line:#3a4b64;--text:#f2f6fc;--muted:#b7c6da;--accent:#91c9ff;--cyan:#91c9ff;--nfg-cyan:#91c9ff}
.login-shell{min-height:calc(100dvh - 72px);background:var(--bg);grid-template-columns:1fr 1fr}
.login-story{min-height:0;background:var(--bg);padding:48px max(32px,7vw);border-inline-end:1px solid var(--line);gap:40px}
.login-story h1{font-size:clamp(40px,4.8vw,64px);line-height:1.12;letter-spacing:-.045em;color:var(--text)}
.login-story .brand-symbol,.workspace .brand-symbol{background:#91c9ff!important;color:#10223a!important;border-radius:11px!important;box-shadow:none!important}
.login-story .accent,.workspace .brand .accent{color:var(--text)}
.login-story .login-points{gap:16px;border-top:1px solid var(--line);padding-top:24px}
.login-panel{background:var(--bg);padding:40px 24px}.login-card{width:min(100%,440px);padding:30px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-sizing:border-box}
.login-card h2{font-size:28px;letter-spacing:-.035em}.login-card input,.login-card select{background:var(--bg);border:1px solid var(--line);color:var(--text);min-height:48px;padding:12px}
.login-card .login-submit{background:var(--accent);color:#10223a;border-radius:9px;min-height:48px;font-size:15px;font-weight:700}
.workspace{grid-template-columns:264px minmax(0,1fr);font-family:Arial,Helvetica,sans-serif}
.workspace .sidebar{padding:24px 14px;background:var(--surface)!important;border-inline-end:1px solid var(--line)}
.workspace .sidebar>.brand{margin-bottom:24px;font-size:20px;letter-spacing:-.04em}.workspace .brand small{font-size:10px;letter-spacing:.08em;color:var(--muted)}
.workspace .ui-nav-primary{padding-bottom:12px;margin-bottom:16px}.workspace .ui-nav-primary .nav-item{font-weight:600}
.workspace .ui-nav-row .nav-item{border:1px solid transparent!important;box-shadow:none!important;background:transparent;color:var(--muted);letter-spacing:normal!important;min-height:44px}
.workspace .ui-nav-row .nav-item.active,.workspace .ui-nav-row .nav-item[aria-current=page]{background:var(--surface-raised)!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:inset 3px 0 var(--accent)!important}
.workspace .ui-nav-row .nav-item:hover{background:var(--surface-raised);color:var(--text)}
.workspace .ui-nav-group{margin:7px 0;border:1px solid transparent;border-radius:10px}.workspace .ui-nav-group[open]{background:var(--bg);border-color:var(--line)}
.workspace .ui-nav-group summary{font-size:14px!important;font-weight:600;padding:12px!important;letter-spacing:normal}.workspace .ui-nav-group summary:after{font-size:17px;color:var(--accent)}
.workspace .ui-nav-group-body{margin:0 8px 10px;padding:0;border:0}.workspace .ui-nav-search{background:var(--bg);color:var(--text);border:1px solid var(--line);width:100%;padding:12px}.workspace .ui-nav-search-label{font-size:12px;margin:0 0 6px}
.workspace .ui-favorite-toggle{opacity:.35}.workspace .ui-nav-row:hover .ui-favorite-toggle,.workspace .ui-nav-row:focus-within .ui-favorite-toggle,.workspace .ui-favorite-toggle[aria-pressed=true]{opacity:1}
.workspace .sidebar-bottom{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.ui-workspace-links>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted)}.ui-workspace-links>summary:after{content:'+'}.ui-workspace-links[open]>summary:after{content:'−'}.ui-workspace-links>a{display:block;padding:8px 0;font-size:12px}.ui-workspace-links .nav-label{font-size:10px;margin-top:12px}
.workspace .topbar{background:var(--surface);border-bottom:1px solid var(--line);min-height:76px;padding:16px 28px}.workspace .breadcrumb{font-size:14px;letter-spacing:normal}.workspace .breadcrumb b{color:var(--text)}
.workspace main{padding:28px;max-width:1600px;width:100%;margin-inline:auto;box-sizing:border-box}.workspace .page-heading{padding-bottom:24px;margin-bottom:24px}.workspace .page-heading h1{font-size:32px!important;font-weight:700;letter-spacing:-.035em}.workspace .eyebrow{font-size:11px;letter-spacing:.08em;color:var(--muted)}
.workspace :is(.panel,.metric,.suite-card,.ui-home-panel,.ui-home-stat,.platform-surface,.platform-quick article,.platform-metrics article){background:var(--surface)!important;border:1px solid var(--line);border-radius:14px!important;box-shadow:none!important}
.workspace :is(.platform-quick,.platform-metrics){gap:16px}.workspace .platform-quick article{padding:24px}.workspace .platform-quick h3{font-size:20px;letter-spacing:-.025em}.workspace .platform-quick p{color:var(--muted);font-size:14px;line-height:1.7}
.workspace :is(button.primary,a.primary){background:var(--accent);color:#10223a;clip-path:none;box-shadow:none;letter-spacing:normal;font-size:14px}.workspace :is(.secondary,.quiet){letter-spacing:normal;border-radius:9px}.workspace .filter-bar{border-radius:12px;background:var(--surface);padding:16px;border:1px solid var(--line)}
.workspace table th{font-size:12px!important;text-transform:none!important;letter-spacing:normal!important;color:var(--muted)}.workspace table td{font-size:14px!important}.workspace .launchpad-trigger{background:var(--bg);border-radius:9px}.workspace .launchpad-focus{background:transparent;font-size:12px;color:var(--muted)}
[data-workspace-color=light] .workspace :is(button.primary,a.primary),[data-workspace-color=light] .login-submit{color:#fff}
@media(max-width:1000px){.login-story{padding:32px}.login-card{padding:24px}.workspace .topbar{padding:14px 20px}}
@media(max-width:850px){.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-panel{padding:24px 16px;align-items:start}.login-card{padding:24px 20px;width:100%}.workspace{grid-template-columns:1fr}.workspace main{padding:20px 16px 90px}.workspace .topbar{padding:12px 16px}.workspace .page-heading h1{font-size:28px!important}.workspace .sidebar{width:min(300px,86vw)}.workspace .platform-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace .platform-quick{grid-template-columns:1fr}.workspace .ui-bottom-nav{background:var(--surface);border-top:1px solid var(--line)}}

.workspace .sidebar,.workspace .sidebar *{box-sizing:border-box}.workspace .sidebar{overflow-x:hidden}.workspace .ui-nav-group summary{min-height:44px!important;padding-block:9px!important}.workspace .ui-nav-group{margin:3px 0}

.bay-transport-frame{display:block;width:100%;height:calc(100dvh - 180px);min-height:650px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.workspace .page-heading{background:linear-gradient(110deg,var(--surface),var(--bg));padding:24px;border:1px solid var(--line);border-radius:16px}.workspace .metric strong,.workspace .ui-home-stat strong{font-variant-numeric:tabular-nums}.workspace .ui-nav-row .nav-item[aria-current=page]{box-shadow:inset 3px 0 var(--accent),0 0 18px #91c9ff0a!important}@media(max-width:850px){.bay-transport-frame{height:calc(100dvh - 150px);min-height:620px}.workspace .page-heading{padding:20px}}

#nfg-transport-root{min-width:0;width:100%;isolation:isolate}

.bay-task-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.bay-task-cards a{display:grid;gap:8px;position:relative;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text);text-decoration:none;transition:transform .15s,border-color .15s}.bay-task-cards a:hover{border-color:var(--accent);transform:translateY(-2px)}.bay-task-cards strong{font-size:19px}.bay-task-cards small{font-size:13px;color:var(--muted);line-height:1.5}.bay-task-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent);font-size:24px;margin-bottom:12px}.bay-task-arrow{position:absolute;right:22px;top:24px;color:var(--muted)}.ui-home-lead h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.035em}.ui-home-panel{border-radius:18px;padding:24px}.ui-home-panel h3{font-size:18px}.ui-home-actions{gap:8px}.ui-nav-primary .ui-nav-row{margin-bottom:4px}.ui-nav-group summary{min-height:46px;padding-top:14px;padding-bottom:14px}.ui-favorite-toggle{opacity:0}.ui-nav-row:hover .ui-favorite-toggle,.ui-favorite-toggle:focus-visible,.ui-favorite-toggle[aria-pressed=true]{opacity:1}.driver-signin-link{display:block;padding:14px 18px;margin:16px 0;border:1px solid var(--line);border-radius:12px;text-align:center;font-weight:650;color:var(--accent)}
@media(max-width:1000px){.bay-task-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.bay-task-cards{gap:10px;margin:18px 0}.bay-task-cards a{padding:18px 14px;border-radius:16px}.bay-task-cards strong{font-size:17px}.bay-task-cards small{font-size:12px}.bay-task-arrow{right:14px;top:20px}.ui-home-panel{padding:18px}.ui-home-actions .secondary[data-edit-dashboard]{display:none}.ui-home-lead{gap:18px}.ui-home-actions{flex-wrap:wrap}}

.bay-driver-mode .ui-workspace-links,.bay-driver-mode .launchpad-trigger,.bay-driver-mode .launchpad-focus{display:none}.ui-bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.bay-driver-mode .ui-bottom-nav{grid-template-columns:repeat(2,minmax(0,1fr))}