/* BlueCollarWorx shared brand theme v4 — approved dark navy/orange app system */
:root{--bcw-logo-navy:#082a48;--bcw-logo-orange:#ff6e14;--bcw-navy:#0b315f;--bcw-navy-mid:#123f73;--bcw-navy-dark:#061a35;--bcw-orange:#ff6a00;--bcw-orange-dark:#e65500;--bcw-surface:#0f2f55;--bcw-surface-2:#163f6e;--bcw-text:#f7fbff;--bcw-muted:#b8c8da;--bcw-border:#345b82;--bcw-white:#ffffff;--bcw-orange-soft:#fff0e7;--bcw-blue-soft:#dce8f5}
html,body{background:linear-gradient(180deg,#061a35 0%,#0a2a50 42%,#061a35 100%)!important;color:var(--bcw-text)!important;min-height:100%}
body{background-attachment:fixed!important}
.brand{display:inline-flex!important;align-items:baseline!important;white-space:nowrap!important;width:max-content;color:var(--bcw-logo-navy)!important;background:#fff!important;border-radius:10px!important;padding:7px 11px!important;font-family:Helvetica,Arial,sans-serif!important;font-weight:700!important;line-height:1!important;letter-spacing:-.035em!important;box-shadow:0 2px 8px rgba(0,0,0,.12)!important}.brand b,.brand span[style*="f97316"],.brand span[style*="#f97316"],.brand span[style*="ff6a00"]{color:var(--bcw-logo-orange)!important}.shell>.brand{display:flex!important;margin-left:auto!important;margin-right:auto!important}.bcw-header-logo{font-size:20px!important;margin-bottom:5px!important}
.top,.header,.pageHeader,.page-header{background:linear-gradient(180deg,rgba(6,26,53,.98),rgba(11,49,95,.98))!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important}.top h1,#pageTitle,.top h2,.header h1,.pageHeader h1{color:#fff!important}
.side,.bottom,.bottomNav,.bottom-nav{background:linear-gradient(180deg,var(--bcw-navy-dark),#092748)!important;border-color:#21496e!important;color:#fff!important}.side .nav button,.side #nav button{background:transparent!important;color:#dfeafb!important}.side .nav button:hover,.side #nav button:hover{background:#143d68!important}.side .nav button.active,.side #nav button.active{background:var(--bcw-orange)!important;color:#fff!important}
.orange,.btn-orange,.actionPrimary{background:linear-gradient(145deg,var(--bcw-orange-dark),var(--bcw-orange))!important;color:#fff!important;border-color:var(--bcw-orange)!important;box-shadow:0 6px 16px rgba(255,106,0,.22)!important}.blue,.primary,.green{background:linear-gradient(145deg,#082544,var(--bcw-navy-mid))!important;color:#fff!important;border-color:#2d5b85!important}.ghost,.secondary{background:#12395f!important;color:#fff!important;border-color:#42678c!important}
.card,.box,.panel,.section{background:linear-gradient(180deg,#12395f 0%,#0d2d50 100%)!important;color:#fff!important;border-color:#355f87!important;box-shadow:0 10px 26px rgba(0,0,0,.2)!important}.card:nth-of-type(even),.box:nth-of-type(even),.panel:nth-of-type(even){background:linear-gradient(180deg,#173f69 0%,#103459 100%)!important}.modal,.loginbox{background:linear-gradient(180deg,#0d2d50,#09233f)!important;color:#fff!important;border-color:#355f87!important}
.card>h2,.card>h3,.box>h2,.box>h3,.sectionTitle,.section-title,.cardTitle,.card-title{color:#fff!important}.sectionTitle,.section-title,.cardTitle,.card-title{border-left:5px solid var(--bcw-orange);padding-left:10px}.card:nth-of-type(even) .sectionTitle,.box:nth-of-type(even) .sectionTitle{border-left-color:#fff}
.hero,.vendorTopbar,.hubIntro,.pageHero,.page-hero{background:linear-gradient(135deg,#061a35 0%,#0c315c 68%,#ff6a00 68%,#ff6a00 100%)!important;color:#fff!important;border-color:#31587c!important}
.tile:not(.orange),.metricCard:nth-child(odd),.stat:nth-child(odd),.kpi:nth-child(odd){background:linear-gradient(145deg,#0a2748,#154678)!important;color:#fff!important;border-color:#315d86!important}.tile.orange,.metricCard:nth-child(even),.stat:nth-child(even),.kpi:nth-child(even){background:linear-gradient(145deg,var(--bcw-orange-dark),var(--bcw-orange))!important;color:#fff!important;border-color:#ff812d!important}.metricCard *, .stat *, .kpi *, .tile *{color:inherit!important}
.muted,.subtle,.help,.hint{color:var(--bcw-muted)!important}.pill,.badge,.count,.partNumber{background:#ffdbc3!important;color:#9a3600!important;border-color:#ffb784!important}.status.active,.activeBadge{background:#dff7e7!important;color:#16733e!important}
.tabs,.propertyTabs{background:#0b2948!important;border:1px solid #315a80!important;border-radius:14px;padding:4px}.tabs button,.propertyTabs button{color:#dce8f5!important;background:transparent!important}.tabs button.active,.propertyTabs button.active{background:var(--bcw-orange)!important;color:#fff!important}.tabs button:nth-child(even).active{background:var(--bcw-orange)!important}
.field label,label,.label{color:#dce8f5!important}input,select,textarea,.field input,.field select,.field textarea{background:#f8fbff!important;color:#0b1f35!important;border:1px solid #9fb4c9!important}.field input::placeholder,input::placeholder,textarea::placeholder{color:#718399!important}.field input:disabled,input:disabled{background:#dfe8f1!important;color:#52677c!important}
.tableWrap,.table-wrap{background:#0c2b4b!important;border-color:#31587c!important}table{background:#0d2f53!important;color:#fff!important;border-color:#31587c!important}thead th{background:#061a35!important;color:#fff!important;border-color:#31587c!important}tbody tr:nth-child(even){background:#12395f!important}tbody tr:nth-child(odd){background:#0d2f53!important}td,th{border-color:#31587c!important;color:inherit!important}
.listItem,.list-item,.rowItem,.row-item{background:#f8fbff!important;color:#0b1f35!important;border-color:#b4c5d6!important}.listItem *, .list-item *, .rowItem *, .row-item *{color:inherit}
.photoCard,.bcwPhotoCard,.documentCard,.pdfCard{background:#f8fbff!important;color:#0b1f35!important;border-color:#b4c5d6!important}.photoCard *, .bcwPhotoCard *, .documentCard *, .pdfCard *{color:inherit}
.actions,.stickyActions,.sticky-actions{background:linear-gradient(180deg,rgba(6,26,53,.15),rgba(6,26,53,.95))!important;border-color:#31587c!important}
a{color:#ff9a55;accent-color:var(--bcw-orange)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(255,106,0,.42)!important;outline-offset:2px}
@media(max-width:760px){html,body{background:linear-gradient(180deg,#061a35,#0a2b51 55%,#061a35)!important}.card,.box,.panel{border-radius:16px!important;box-shadow:0 6px 18px rgba(0,0,0,.22)!important}.top,.header,.pageHeader{position:relative}.bottom,.bottomNav,.bottom-nav{box-shadow:0 -6px 18px rgba(0,0,0,.22)!important}}