/* Shared Freight Network UI. Scoped to the application, leaving the host theme alone. */
.fnc-root{
 --fnc-ink:#142e42;--fnc-muted:#506273;--fnc-accent:#b74308;--fnc-accent-hover:#913404;
 --fnc-navy:#102b40;--fnc-surface:#fff;--fnc-canvas:#f2f5f9;--fnc-border:#c8d4df;
 --fnc-focus:#09679f;--fnc-danger:#a52118;--fnc-success:#16634a;
 --fnc-radius:10px;--fnc-surface-radius:16px;--fnc-control-height:46px;
 --bs-link-color:#155c90;--bs-link-color-rgb:21,92,144;--bs-link-hover-color:#0d426a;--bs-link-hover-color-rgb:13,66,106;
 --bs-primary:#b74308;--bs-primary-rgb:183,67,8;--bs-body-color:#142e42;--bs-border-color:#c8d4df;
 color:var(--fnc-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;
}
.fnc-root *, .fnc-root *::before,.fnc-root *::after{box-sizing:border-box}
.fnc-root [hidden]{display:none!important}
.fnc-root :is(h1,h2,h3,h4){color:var(--fnc-ink);line-height:1.25;letter-spacing:-.025em;font-weight:700}
.fnc-root h1{font-size:clamp(1.8rem,3vw,2.4rem)}
.fnc-root h2{font-size:clamp(1.4rem,2.3vw,1.8rem)}
.fnc-root h3{font-size:1.22rem}.fnc-root h4{font-size:1.08rem}
.fnc-root p{font-size:1rem;line-height:1.65}.fnc-root :is(small,.fnc-muted){color:var(--fnc-muted)}
.fnc-root :is(input,select,textarea,button){font:inherit}
.fnc-root :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){
 min-height:var(--fnc-control-height);border:1px solid #718497;border-radius:var(--fnc-radius);background:var(--fnc-surface);color:var(--fnc-ink);padding:10px 12px;max-width:100%;font-size:16px;line-height:1.5;
}
.fnc-root textarea{min-height:112px;resize:vertical}.fnc-root input::placeholder,.fnc-root textarea::placeholder{color:#687987;opacity:1}
.fnc-root label{font-size:.94rem;font-weight:600;line-height:1.55;gap:7px}
.fnc-root :is(input[type=checkbox],input[type=radio]){accent-color:var(--fnc-accent);width:20px;height:20px;min-height:20px;flex:0 0 20px;vertical-align:middle}
.fnc-root :is(.fnc-btn,.btn,.button,button[type=submit],.fnc-wizard-progress-btn,.fnc-menu-toggle,.fnc-menu-close){
 min-height:var(--fnc-control-height);border-radius:var(--fnc-radius);font-size:.94rem;line-height:1.4;font-weight:650;padding:11px 16px;cursor:pointer;text-decoration:none;
}
.fnc-root :is(.fnc-btn,.btn,.button){display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:normal;text-align:center}
.fnc-root :is(.fnc-btn-primary,.btn-primary,.button-primary){background:var(--fnc-accent);border:1px solid var(--fnc-accent);color:#fff}
.fnc-root :is(.fnc-btn-primary,.btn-primary,.button-primary):hover{background:var(--fnc-accent-hover);border-color:var(--fnc-accent-hover);color:#fff}
.fnc-root :is(.fnc-btn-ghost,.btn-outline-primary,.btn-outline-secondary,.button-secondary){background:#fff;color:var(--fnc-ink);border:1px solid #718497}
.fnc-root :is(.fnc-btn-ghost,.btn-outline-primary,.btn-outline-secondary,.button-secondary):hover{background:#edf3f8;color:var(--fnc-ink)}
.fnc-root :is(button,[type=submit])[aria-disabled=true]{cursor:progress;opacity:.78}
.fnc-root :is(button:disabled,input:disabled,select:disabled){cursor:not-allowed;opacity:.7}
.fnc-root :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--fnc-focus);outline-offset:3px;box-shadow:none}
.fnc-root :where([id],input,select,textarea,summary,button){scroll-margin-top:24px}
.fnc-root :is(.fnc-panel,.fnc-work-area.card,.fnc-ux-task,.postbox){border:1px solid var(--fnc-border);border-radius:var(--fnc-surface-radius);box-shadow:0 3px 14px #102b4006;background:var(--fnc-surface)}
.fnc-root .fnc-panel{padding:clamp(16px,2.2vw,26px);margin-bottom:20px}
.fnc-root .fnc-main,.fnc-staff-portal .fnc-container{min-width:0}
.fnc-root.fnc-workspace{background:var(--fnc-canvas);grid-template-columns:248px minmax(0,1fr);max-width:1480px;margin-inline:auto;border:1px solid var(--fnc-border);border-radius:20px;overflow:clip}
.fnc-root .fnc-main{padding:clamp(18px,3vw,36px)}
.fnc-root .fnc-topbar{background:#fff;border-bottom:1px solid var(--fnc-border);padding:14px 24px;min-height:72px;gap:16px;flex-wrap:wrap}
.fnc-root .fnc-topbar>div{display:flex;gap:16px;align-items:center}.fnc-root .fnc-topbar a{font-size:.9rem;min-height:44px;display:inline-flex;align-items:center;color:#274c68}
.fnc-root .fnc-topmark{letter-spacing:0;font-size:.94rem;font-weight:650;color:var(--fnc-ink)}
.fnc-root .fnc-ux-sidebar{background:var(--fnc-navy);color:#fff;padding:26px 16px;min-width:0;--fnc-focus:#ffb177}
.fnc-root .fnc-ux-sidebar :is(.fnc-side-head strong,.fnc-side-head small,.fnc-usertext strong,.fnc-usertext small){color:#edf5fb}
.fnc-root .fnc-side-head{padding:0 10px 24px}.fnc-root .fnc-side-head strong{font-size:1.1rem}
.fnc-root .fnc-side-head small{font-size:.81rem;line-height:1.5;display:block;margin-top:4px}
.fnc-root .fnc-side-link{color:#dce7f1;font-size:.91rem;min-height:46px;padding:12px;border-radius:10px;margin:3px 0;line-height:1.4}
.fnc-root .fnc-side-link:hover{color:#fff;background:#ffffff14}.fnc-root .fnc-side-link.is-active{background:#fff;color:#15364e;box-shadow:inset 4px 0 0 #b74308}
.fnc-root .fnc-side-link.is-active::before{display:none}.fnc-root .fnc-nav-area>summary{min-height:46px;padding:12px;color:#d0dce7;font-size:.85rem;line-height:1.5}
.fnc-root .fnc-ux-secondary{padding:0 4px 8px 8px}.fnc-root .fnc-side-foot{border-top:1px solid #ffffff26;margin-top:24px;padding-top:18px}
.fnc-root .fnc-menu-toggle,.fnc-root .fnc-menu-close{border:1px solid #718497;background:#fff;color:#16364e}
.fnc-root .fnc-menu-close{margin-bottom:16px;width:100%}
.fnc-root .fnc-menu-toggle,.fnc-root .fnc-menu-close{display:none}
.fnc-root .fnc-ux-task{padding:28px;background:linear-gradient(135deg,#fff 30%,#fff3e9);border-left:4px solid var(--fnc-accent)}
.fnc-root .fnc-ux-kicker,.fnc-root .fnc-eyebrow{font-size:.76rem;color:#934019;font-weight:750;letter-spacing:.08em}
.fnc-root .fnc-ux-action-grid{gap:12px}.fnc-root .fnc-ux-action{min-height:70px;font-size:1rem;border:1px solid var(--fnc-border);background:#fff;color:var(--fnc-ink);border-radius:12px;padding:16px}
.fnc-root .fnc-ux-action:hover{border-color:#9bb4c7;background:#f4f8fb}
.fnc-root .fnc-work-area>summary.card-header{padding:18px 20px;font-size:1.04rem;min-height:60px;background:#fff;color:var(--fnc-ink)}
.fnc-root .fnc-work-area[open]>summary{background:#f8fafc;border-bottom-color:var(--fnc-border)}
.fnc-root .fnc-work-area>.card-body{padding:20px}.fnc-root .fnc-area-toggle{font-size:1.3rem;font-weight:400;color:#536b7d}
.fnc-root .fnc-status{font-size:.8rem;letter-spacing:0;line-height:1.4;min-height:28px;padding:5px 9px;border-radius:6px;color:#274a65;background:#edf3f8;border:1px solid #cad8e4;text-transform:none}
.fnc-root :is(.fnc-status-approved,.fnc-status-completed,.fnc-status-paid){color:#12523e;background:#eaf5ef;border-color:#afcfbd}
.fnc-root :is(.fnc-status-rejected,.fnc-status-cancelled,.fnc-status-failed){color:#8d201a;background:#fff0ee;border-color:#e4bbb6}
.fnc-root :is(.fnc-alert,.notice){padding:16px 18px;border-radius:10px;font-size:.96rem;line-height:1.6;overflow-wrap:anywhere}
.fnc-root .fnc-field-error{margin:6px 0 12px;color:var(--fnc-danger);font-size:.9rem;font-weight:600}
.fnc-root [aria-invalid=true]{border-color:var(--fnc-danger)!important}
.fnc-root .fnc-error-summary{padding:18px;border:1px solid #d6a29c;border-left:4px solid var(--fnc-danger);border-radius:10px;background:#fff6f4;margin:0 0 20px}
.fnc-root .fnc-error-summary h3{font-size:1.06rem;margin:0 0 8px}.fnc-root .fnc-error-summary ul{margin:0;padding-left:22px}.fnc-root .fnc-error-summary a{color:#8d201a;text-decoration:underline}
.fnc-root .fnc-form-status{margin:12px 0;color:var(--fnc-muted);font-size:.94rem;flex:1 0 100%}
.fnc-root .fnc-draft-tools{background:#f1f6fb;border:1px solid #c1d1df;border-radius:12px;padding:18px;margin-bottom:24px}
.fnc-root .fnc-draft-tools p{font-size:.9rem;margin:5px 0 10px;max-width:65ch}.fnc-root .fnc-draft-actions{display:flex;gap:10px;flex-wrap:wrap}.fnc-root [data-fnc-draft-status]{margin:10px 0 0}
.fnc-root .fnc-wizard-progress ol{gap:8px}.fnc-root .fnc-wizard-progress-btn{border:1px solid #c8d4df;background:#fff;color:#415b70;min-height:46px}
.fnc-root .fnc-wizard-progress-btn[aria-current=step]{background:#163b56;color:#fff;border-color:#163b56}
.fnc-root .fnc-wizard-review{background:#f6f9fc;border:1px solid var(--fnc-border);padding:18px;border-radius:12px;margin-top:20px}
.fnc-root .fnc-wizard-review dl{display:grid;grid-template-columns:minmax(120px,1fr) 2fr;gap:8px 16px;margin:12px 0 0}
.fnc-root .fnc-wizard-review dt{font-weight:600;color:#415b70}.fnc-root .fnc-wizard-review dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.fnc-root .fnc-table-wrap{max-width:100%;overflow:auto}.fnc-root table{font-size:.94rem}.fnc-root th{font-size:.87rem;color:#3b5368}
.fnc-root td,.fnc-root th{padding:14px 12px;line-height:1.6}.fnc-root .fnc-staff-menu-title{display:none}
.fnc-staff-portal .fnc-staff-navigation{background:#fff;border:1px solid var(--fnc-border);border-radius:14px;padding:12px;align-self:start}
.fnc-staff-portal .fnc-staff-nav-link{min-height:46px;font-size:.94rem}.fnc-staff-portal .fnc-staff-nav-link[aria-current=page]{background:#163b56;color:#fff}
.fnc-staff-portal .fnc-staff-layout{grid-template-columns:216px minmax(0,1fr);gap:24px}.fnc-staff-portal .fnc-portal-account{padding:14px 0;border-bottom:1px solid var(--fnc-border)}
.fnc-staff-portal .fnc-portal-account p{margin:0;flex:1}.fnc-staff-portal .fnc-portal-account>a{min-height:44px;display:inline-flex;align-items:center}
.fnc-root summary{cursor:pointer}.fnc-root details:not(.fnc-work-area):not(.fnc-nav-area)>summary{padding-block:10px;min-height:44px}
.fnc-ux-skip,.fnc-portal-skip{z-index:1100!important}
@media(min-width:992px){.fnc-root .offcanvas-lg{visibility:visible!important;position:static!important;transform:none!important;display:block!important;height:auto!important;max-width:100%}.fnc-root .fnc-menu-close{display:none!important}}
@media(max-width:991px){
 .fnc-root.fnc-workspace{display:block;border-radius:12px}.fnc-root .fnc-main{padding:18px 14px}.fnc-root .fnc-topbar{padding:12px 14px}
 .fnc-root.fnc-ux-enhanced .fnc-menu-toggle,.fnc-root.fnc-ux-enhanced .fnc-menu-close{display:inline-flex;align-items:center;justify-content:center}
 .fnc-root.fnc-ux-enhanced .fnc-ux-sidebar.offcanvas-lg,.fnc-root.fnc-ux-enhanced .fnc-staff-navigation.offcanvas-lg{position:fixed;top:0;bottom:0;left:0;width:min(88vw,330px);height:100dvh;max-width:100%;z-index:1045;overflow-y:auto;padding:22px 16px;display:block;visibility:hidden;border-radius:0;border:0}
 .fnc-root.fnc-ux-enhanced .offcanvas-lg.show,.fnc-root.fnc-ux-enhanced .offcanvas-lg.showing,.fnc-root.fnc-ux-enhanced .offcanvas-lg.hiding{visibility:visible}
 .fnc-root .fnc-ux-sidebar .fnc-ux-primary,.fnc-root .fnc-ux-sidebar .fnc-ux-secondary{display:grid;grid-template-columns:1fr;overflow:visible;gap:2px}
 .fnc-root .fnc-ux-sidebar .fnc-side-head{display:flex}.fnc-root .fnc-ux-sidebar .fnc-side-foot{display:flex}
 .fnc-root .fnc-ux-sidebar .fnc-nav-area{display:block;width:100%;margin:0;border-top:1px solid #ffffff17}
 .fnc-root .fnc-ux-sidebar nav>.fnc-side-link{display:flex}.fnc-root .fnc-side-link{white-space:normal}
 .fnc-staff-portal .fnc-staff-layout{display:block}.fnc-staff-portal .fnc-staff-navigation nav{display:grid;position:static;gap:4px}.fnc-staff-portal .fnc-staff-menu-title{display:block;margin-bottom:16px}
 .fnc-root .fnc-topmark{font-size:.86rem}.fnc-root .fnc-topbar>div{margin-left:auto;gap:12px}
}
@media(max-width:767px){
 .fnc-root .fnc-panel{padding:18px}.fnc-root .fnc-work-area>.card-body{padding:14px}.fnc-root .fnc-work-area>summary.card-header{padding:16px;font-size:1rem}
 .fnc-root .fnc-field-grid,.fnc-root .fnc-form .fnc-field-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
 .fnc-root .fnc-draft-actions{display:grid;grid-template-columns:1fr}.fnc-root .fnc-ux-task{padding:22px;align-items:stretch}
 .fnc-root .fnc-wizard-progress ol{display:flex;flex-direction:row;overflow:auto;flex-wrap:nowrap;padding:3px 3px 8px}
 .fnc-root .fnc-wizard-progress li{flex:0 0 auto;max-width:85%}.fnc-root .fnc-wizard-progress-btn{font-size:.86rem;white-space:normal;text-align:left}
 .fnc-root .fnc-wizard-review dl{grid-template-columns:minmax(0,1fr);gap:2px}.fnc-root .fnc-wizard-review dd{margin-bottom:10px}
 .fnc-root .fnc-responsive-records{display:block;min-width:0!important;width:100%;border:0}
 .fnc-root .fnc-responsive-records>thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .fnc-root .fnc-responsive-records>tbody{display:grid;gap:14px;width:100%}
 .fnc-root .fnc-responsive-records>tbody>tr{display:block;background:#fff;border:1px solid var(--fnc-border);border-radius:12px;padding:8px 14px}
 .fnc-root .fnc-responsive-records>tbody>tr>td{display:block;border:0;border-bottom:1px solid #e1e8ee;padding:12px 0;width:100%!important;min-width:0!important;overflow-wrap:anywhere}
 .fnc-root .fnc-responsive-records>tbody>tr>td:last-child{border-bottom:0}
 .fnc-root .fnc-responsive-records td::before{content:attr(data-fnc-column);display:block;font-size:.78rem;font-weight:700;letter-spacing:.035em;color:#536b7d;margin-bottom:6px}
 .fnc-root .fnc-responsive-records td form{max-width:100%}.fnc-root .fnc-responsive-records td .button{margin:3px 3px 3px 0}
 .fnc-root .fnc-portal-account{flex-wrap:wrap}.fnc-root .fnc-portal-account p{font-size:.86rem}
}
@media(prefers-reduced-motion:reduce){.fnc-root *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}}
@media print{.fnc-root :is(.fnc-menu-toggle,.fnc-menu-close,.fnc-draft-tools,.fnc-wizard-controls){display:none!important}.fnc-root .fnc-ux-sidebar{display:none!important}}

@media(max-width:767px){.fnc-staff-portal .fnc-portal-account p{order:3;flex:1 0 100%;overflow-wrap:anywhere}.fnc-staff-portal .fnc-portal-account>a{margin-left:auto}}
.fnc-root a:not(.fnc-btn):not(.btn):not(.button):not(.fnc-side-link):not(.fnc-load):not(.fnc-ux-action){text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
body.fnc-workspace-page{margin:0;background:#eaf0f6;color:#142e42}
.fnc-workspace-page .fnc-workspace-shell{padding:24px clamp(0px,2vw,28px);min-height:100vh}
.fnc-workspace-page .fnc-root.fnc-workspace{min-height:calc(100vh - 80px);margin:0 auto}
.fnc-workspace-page .fnc-workspace-shell>.wp-block-group{margin:0;padding:0;max-width:none}
@media(max-width:991px){.fnc-workspace-page .fnc-workspace-shell{padding:0}.fnc-workspace-page .fnc-root.fnc-workspace{border:0;border-radius:0;min-height:100vh}.fnc-workspace-page .fnc-main{padding-bottom:36px}}
.fnc-root a.fnc-back{display:inline-flex;align-items:center;min-height:44px;color:#155c90;font-size:.9rem;margin-bottom:16px}

/* Keep the active theme's header/footer; widen only the workspace content area. */
:is(.fnc-theme-workspace-page,.fnc-theme-staff-page) .wp-block-post-content{width:100%;max-width:1480px!important;margin-inline:auto}
:is(.fnc-theme-workspace-page,.fnc-theme-staff-page) .wp-block-post-content>.fnc-root{max-width:1480px!important;width:100%;margin-inline:auto}
.fnc-theme-workspace-page .fnc-root.fnc-workspace{margin-block:24px}
.fnc-theme-staff-page .fnc-staff-portal>.fnc-container{max-width:1480px;margin:auto;padding:0 20px}
.fnc-theme-staff-page .fnc-evidence-step{max-width:none!important}
@media(max-width:767px){.fnc-theme-staff-page .fnc-staff-portal>.fnc-container{padding:0 14px}.fnc-theme-workspace-page .fnc-root.fnc-workspace{min-height:0;margin-block:16px}}
