/* FlexiBuild R3.1 — Unified Product Experience
   Canonical authenticated shell for construction, civic, finance and account surfaces. */
:root{--fb-blue:#0b95d9;--fb-green:#2f8a57;--fb-gold:#e7b63f;--fb-dark:#172126;--fb-ink:#183038;--fb-muted:#6f7d81;--fb-line:#dfe5e2;--fb-bg:#f1f4f2;--fb-soft:#f7f9f8}

/* Canonical brand */
.brand{display:flex;align-items:center;gap:11px;text-decoration:none!important}.brand .brand-copy{display:block;min-width:0}.brand .brand-copy>b{display:block;line-height:1;font-weight:850}.brand .brand-copy>small{display:block;margin-top:4px;font-size:7px;line-height:1.1;letter-spacing:.16em;color:var(--fb-muted);font-weight:800}.brand-mark{display:block;position:relative;flex:0 0 40px;width:40px;height:36px}.brand-mark i{position:absolute;left:4px;width:30px;height:8px;transform:skewX(-27deg);border-radius:2px}.brand-mark .b1{bottom:2px;background:var(--fb-blue)}.brand-mark .b2{bottom:13px;background:var(--fb-green);width:26px;left:7px}.brand-mark .b3{bottom:24px;background:var(--fb-gold);width:22px;left:10px}

/* Unified shell */
.fb-unified-body,.fb-unified-shell{background:var(--fb-bg)}
.fb-unified-shell{grid-template-columns:280px minmax(0,1fr)}
.fb-shell-sidebar{width:auto;overflow-y:auto;overflow-x:hidden;padding:18px 14px;background:#172126;z-index:60}
.fb-shell-sidebar .fb-sidebar-brand{padding:5px 9px 20px;margin:0 0 12px;border-bottom:1px solid #2c383b;color:#fff}.fb-shell-sidebar .fb-sidebar-brand .brand-copy>b{font-size:20px;color:#fff}.fb-shell-sidebar .fb-sidebar-brand .brand-copy>small{color:#7f918d}.fb-shell-sidebar .side-section{padding:16px 11px 6px;margin:0;color:#71817d;font-size:9px;letter-spacing:.13em}.fb-shell-sidebar .side-link{min-height:40px;margin:1px 0;padding:8px 10px;border-radius:9px;font-size:12px;line-height:1.2}.fb-shell-sidebar .side-link .si{flex:0 0 24px;width:24px;height:24px}.fb-shell-sidebar .side-link .si i{font-size:15px}.fb-shell-sidebar .user{padding:16px 10px 4px;margin-top:18px}.fb-shell-sidebar .user b{font-size:12px}.fb-shell-sidebar .user small{font-size:10px;overflow-wrap:anywhere}
.fb-shell-header{min-height:74px;height:auto;padding:10px 28px}.fb-shell-heading h1{font-size:18px}.fb-shell-heading small{display:block;color:var(--fb-muted);font-size:7px;letter-spacing:.15em;margin-top:2px}.fb-shell-menu{display:none;width:38px;height:38px;border:1px solid var(--fb-line);border-radius:10px;background:#fff;color:var(--fb-ink);font-size:21px;place-items:center}.fb-connected{white-space:nowrap}.fb-connected span{color:var(--fb-green)}.r2-avatar{text-decoration:none!important}
.fb-sidebar-scrim{display:none}

/* Legacy finance/account views now live inside the same shell */
.fb-unified-legacy{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--fb-ink)}
.fb-unified-legacy .card,.fb-unified-legacy .custom--card,.fb-unified-legacy .db-card2{border:1px solid var(--fb-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;overflow:hidden}.fb-unified-legacy .card-body{padding:20px}.fb-unified-legacy .custom--card .card-header{background:#fff;border-bottom:1px solid var(--fb-line);padding:16px 20px}.fb-unified-legacy h1,.fb-unified-legacy h2,.fb-unified-legacy h3,.fb-unified-legacy h4,.fb-unified-legacy h5,.fb-unified-legacy h6{font-family:inherit;color:var(--fb-ink);letter-spacing:-.02em}.fb-unified-legacy p,.fb-unified-legacy .text--muted{color:var(--fb-muted)!important}.fb-unified-legacy .form--control,.fb-unified-legacy .form-control,.fb-unified-legacy select,.fb-unified-legacy textarea{border:1px solid var(--fb-line)!important;border-radius:9px!important;min-height:42px;background:#fff;color:var(--fb-ink)}.fb-unified-legacy textarea{min-height:96px}.fb-unified-legacy .btn--base,.fb-unified-legacy .btn.btn--base{background:var(--fb-blue)!important;border-color:var(--fb-blue)!important;color:#fff!important;border-radius:9px!important;font-weight:800}.fb-unified-legacy .btn--base:hover{background:#0876ae!important;border-color:#0876ae!important}.fb-unified-legacy .badge--base{background:#e1f4fc!important;color:#0877ad!important}.fb-unified-legacy .badge--success{background:#e2f2e8!important;color:#226b43!important}.fb-unified-legacy .badge--warning{background:#fbf2d6!important;color:#8a691b!important}.fb-unified-legacy .badge--danger{background:#fde8e6!important;color:#a8463e!important}.fb-unified-legacy .alert--custom{border-radius:12px;border:1px solid var(--fb-line)}.fb-unified-legacy .alert--info{background:#eaf4ff;border-color:#d7e9fb}.fb-unified-legacy .db-card2{height:100%;padding:18px}.fb-unified-legacy .db-card2__label{font-size:10px;letter-spacing:.09em;color:var(--fb-muted);text-transform:uppercase}.fb-unified-legacy .db-card2__title{font-size:28px;margin:8px 0 2px}.fb-unified-legacy .db-card2__subtitle{font-size:11px}.fb-unified-legacy table{background:#fff;border-radius:12px;overflow:hidden}.fb-unified-legacy table th{color:var(--fb-muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.fb-unified-legacy .hw-pathway-card{transition:.15s}.fb-unified-legacy .hw-pathway-card:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(24,48,56,.06)!important}.fb-unified-legacy .hw-action-form{display:flex;gap:8px;align-items:center}.fb-unified-legacy .hw-action-form .form--control{flex:1}.fb-unified-legacy .hw-empty-state{padding:24px;color:var(--fb-muted)}

/* Make legacy profile, verification and payment forms feel like the same portal */
.fb-unified-legacy .profile-setting,.fb-unified-legacy .user-profile{max-width:none}.fb-unified-legacy .file-upload-wrapper,.fb-unified-legacy .upload-wrapper{border-color:var(--fb-line)!important}.fb-unified-legacy input[disabled],.fb-unified-legacy input[readonly]{background:#f1f4f2!important;color:#5d6b6d!important}

/* Public brand consistency */
.fb3-nav .brand .brand-copy>b,.fb3-footer .brand .brand-copy>b{font-size:21px}.fb3-footer .brand .brand-copy>b{color:#fff}.fb3-footer .brand .brand-copy>small{color:#849390}.fb3-footer a.brand{display:flex!important}

/* Improve product image capture and prevent blank full-page screenshots */
.fb3-product-image img{background:#e8ecea}.fb3-product-grid .fb3-product-card:nth-child(-n+8) .fb3-product-image img{content-visibility:auto}

/* Admin palette hooks */
.fb-admin-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.fb-admin-brand .brand-copy>b{font-size:19px;color:#fff}.fb-admin-brand .brand-copy>small{color:#8a9a96}

@media(max-width:1180px){.fb-unified-shell{grid-template-columns:88px minmax(0,1fr)}.fb-shell-sidebar .brand-copy,.fb-shell-sidebar .side-link>span:last-child,.fb-shell-sidebar .side-section,.fb-shell-sidebar .user{display:none}.fb-shell-sidebar .fb-sidebar-brand{justify-content:center;padding-left:0;padding-right:0}.fb-shell-sidebar .fb-sidebar-brand .brand-mark{display:block}.fb-shell-sidebar .side-link{justify-content:center;padding:8px}.fb-shell-sidebar .side-link .si{margin:0}.fb-shell-header .r2-searchbox{width:min(300px,30vw)}}
@media(max-width:760px){.fb-unified-shell{display:block}.fb-shell-sidebar{position:fixed;left:-300px;top:0;width:280px;height:100vh;transition:left .2s ease;box-shadow:16px 0 40px rgba(0,0,0,.18)}.fb-shell-sidebar.open{left:0}.fb-shell-sidebar .brand-copy,.fb-shell-sidebar .side-link>span:last-child,.fb-shell-sidebar .side-section,.fb-shell-sidebar .user{display:block}.fb-shell-sidebar .fb-sidebar-brand{justify-content:flex-start}.fb-shell-sidebar .side-link{justify-content:flex-start}.fb-sidebar-scrim{position:fixed;inset:0;background:rgba(12,23,27,.45);z-index:55}.fb-sidebar-scrim.open{display:block}.fb-shell-menu{display:grid}.fb-shell-header{padding:10px 14px}.fb-shell-header .r2-searchbox,.fb-shell-header .fb-connected{display:none}.portal-content{padding:16px}.fb-unified-legacy .card-body{padding:16px}.fb-unified-legacy .hw-action-form{display:grid}.fb-unified-legacy .row>[class*="col-"]{min-width:0}}
