/* POSH Workshop ERP V4 — Production Polish Pass
   Final visual alignment layer. Presentation only; no API/business logic changes. */
:root{
  --posh-bg:#f4f8fc;--posh-surface:#ffffff;--posh-surface-soft:#f8fbfe;
  --posh-navy:#061b31;--posh-navy-2:#0a2945;--posh-text:#0b1931;
  --posh-body:#516783;--posh-muted:#73879e;--posh-disabled:#a7b5c7;
  --posh-blue:#087edb;--posh-blue-2:#136df0;--posh-cyan:#35c7f3;
  --posh-green:#12a777;--posh-amber:#d99814;--posh-red:#dc3545;
  --posh-border:#d9e6f0;--posh-shadow:0 10px 30px rgba(12,37,64,.07);
}
html,body,#root,.main-area,.page-content{background:var(--posh-bg)!important;color:var(--posh-text)!important}
body{color:var(--posh-body)!important}
h1,h2,h3,h4,h5,h6,.panel-header h2,.panel-header h3,.detail-block h3{color:var(--posh-text)!important}
p,small,.muted,.helper-text,.panel p,.detail-block p{color:var(--posh-body)!important}
.eyebrow,.subtle,.caption,.meta,.secondary-text{color:var(--posh-muted)!important}

/* Never allow legacy charcoal workspace surfaces to leak into BOS pages. */
.page-content .stack,.page-content .grid-page,.page-content .dashboard-panels,
.page-content .workshop-cars-workspace,.page-content .customer-workspace,
.floor-mode,.floor-updates-page,.workshop-floor-mode,.job-updates-page{
  background:transparent!important;color:var(--posh-text)!important;
}
.page-content [style*="background: rgb(0"],.page-content [style*="background:#0"],
.page-content [style*="background: #0"],.page-content [style*="background-color: rgb(0"],
.page-content [style*="background-color:#0"],.page-content [style*="background-color: #0"]{
  background:transparent!important;
}

/* Shared cards/panels */
.panel,.stat-card,.mini-card,.enterprise-card,.public-form,.customer-detail,.scan-panel,
.card,.workspace-card,.detail-card,.form-card{
  background:var(--posh-surface)!important;color:var(--posh-text)!important;
  border:1px solid var(--posh-border)!important;box-shadow:var(--posh-shadow)!important;
}
.panel-header{border-bottom-color:#e4edf4!important}.panel-header p{color:var(--posh-muted)!important}

/* KPI cards */
.grid-page>.stat-card,.workshop-cars-page>.grid-page>.stat-card,.enterprise-kpis>.enterprise-card{
  background:linear-gradient(145deg,#fff 0%,#fff 74%,#f1f9ff 100%)!important;
  border:1px solid #d8e5ef!important;color:var(--posh-text)!important;
  box-shadow:0 8px 24px rgba(16,56,88,.065)!important;
}
.stat-card span,.enterprise-card span{color:#62768d!important}.stat-card strong,.enterprise-card strong{color:#08182f!important}.stat-card small,.enterprise-card small{color:#8092a6!important}

/* My Cars selected states: readable POSH blue, no grey-on-blue text. */
.workshop-car-card.active,.customer-list-item.active,.ticket-item.active{
  background:linear-gradient(135deg,#0a8bd8 0%,#146cef 100%)!important;
  border-color:#0d78e8!important;box-shadow:0 8px 20px rgba(18,112,224,.18)!important;
  color:#fff!important;
}
.workshop-car-card.active strong,.workshop-car-card.active b,.workshop-car-card.active h3,
.workshop-car-card.active span,.workshop-car-card.active small,.workshop-car-card.active p,
.customer-list-item.active *,.ticket-item.active *{color:#fff!important}
.workshop-car-card.active em{background:rgba(255,255,255,.17)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important}
.workshop-car-card:not(.active){background:#fff!important;color:var(--posh-text)!important}

/* Vehicle detail/info chips */
.vehicle-tags span,.info-chip,.field-chip{background:#f3f7fb!important;color:#31475f!important;border:1px solid #dbe6ef!important}
.customer-detail .detail-block{border-color:#e5edf3!important}.customer-detail .detail-block p,.customer-detail .detail-block span{color:#687c93!important}

/* Floor Updates: force BOS light workspace and readable labels */
.floor-mode,.floor-updates-page,.workshop-floor-mode,.job-updates-page,
body:has(.floor-mode) .page-content,body:has(.floor-updates-page) .page-content{
  background:var(--posh-bg)!important;color:var(--posh-text)!important;
}
.floor-mode .panel,.floor-updates-page .panel,.workshop-floor-mode .panel,.job-updates-page .panel,
.floor-mode .card,.floor-updates-page .card,.workshop-floor-mode .card,.job-updates-page .card{
  background:#fff!important;color:var(--posh-text)!important;border-color:var(--posh-border)!important;
}
.floor-mode h1,.floor-mode h2,.floor-mode h3,.floor-mode label,
.floor-updates-page h1,.floor-updates-page h2,.floor-updates-page h3,.floor-updates-page label,
.workshop-floor-mode h1,.workshop-floor-mode h2,.workshop-floor-mode h3,.workshop-floor-mode label,
.job-updates-page h1,.job-updates-page h2,.job-updates-page h3,.job-updates-page label{color:var(--posh-text)!important}
.floor-mode p,.floor-mode small,.floor-updates-page p,.floor-updates-page small,
.workshop-floor-mode p,.workshop-floor-mode small,.job-updates-page p,.job-updates-page small{color:var(--posh-body)!important}

/* Forms: remove disabled-looking grey fields unless actually disabled */
input,select,textarea,.input-with-icon{background:#fff!important;color:#14283f!important;border-color:#d2e0ea!important}
input::placeholder,textarea::placeholder{color:#8799ac!important;opacity:1!important}
input:disabled,select:disabled,textarea:disabled{background:#eef3f8!important;color:#7b8da1!important;opacity:1!important}
input[readonly]{background:#f7faff!important;color:#334b63!important}
input:focus,select:focus,textarea:focus,.input-with-icon:focus-within{border-color:#2ea7ee!important;box-shadow:0 0 0 3px rgba(46,167,238,.13)!important}

/* Login form contrast */
.login-screen.posh-login-bos .login-panel{background:rgba(255,255,255,.965)!important}
.login-screen.posh-login-bos .input-with-icon{background:#fff!important;border:1px solid #cedce8!important}
.login-screen.posh-login-bos .input-with-icon input{background:#fff!important;color:#10243d!important;-webkit-text-fill-color:#10243d!important;opacity:1!important}
.login-screen.posh-login-bos .input-with-icon input:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#10243d!important;
}
.login-screen.posh-login-bos label>span{color:#334a63!important}
.login-screen.posh-login-bos .mode-banner,.login-screen.posh-login-bos .erp-alert.success{background:#e9faf6!important;color:#08765c!important;border-color:#b6e7d9!important}

/* Topbar search and controls */
.global-search{background:#fff!important;border:1px solid #d7e4ee!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important}
.global-search input{background:#fff!important;color:#20364f!important}.global-search input::placeholder{color:#8798ab!important}
.posh-account-control,.posh-workspace-chip,.icon-button,.topbar-badge{box-shadow:0 3px 10px rgba(18,53,80,.04)!important}

/* Buttons */
button:not(.nav-item):not(.danger-button):not(.secondary-button):not(.icon-button),.primary-button,.record-actions .active-action{
  background:linear-gradient(135deg,#078edb,#1268ef)!important;color:#fff!important;border-color:transparent!important;
  box-shadow:0 7px 18px rgba(13,117,216,.18)!important;
}
button:not(.nav-item):hover,.media-button:hover,.secondary-button:hover{transform:translateY(-1px)!important}
.secondary-button,.media-button{background:#fff!important;color:#233950!important;border-color:#d3e0ea!important}
.danger-button{background:linear-gradient(135deg,#e13b45,#cb2631)!important;color:#fff!important}

/* Tabs */
.tab,.car-tabs button{background:#eef3f7!important;color:#415970!important;border-color:#dce6ee!important}
.tab.active,.car-tabs button.active{background:linear-gradient(135deg,#087edb,#146cef)!important;color:#fff!important;border-color:transparent!important}

/* Notices and alerts */
.notice,.erp-alert.warning{background:#fff8e9!important;color:#7c5700!important;border-color:#efd59c!important}
.erp-alert.info{background:#eef7ff!important;color:#1767a2!important;border-color:#cbe5fb!important}
.erp-alert.success{background:#edf9f5!important;color:#087b5d!important;border-color:#bcebdd!important}
.erp-alert.error{background:#fff0f1!important;color:#b62a35!important;border-color:#f0c2c7!important}

/* Tables */
.table-wrap{background:#fff!important;border-color:#dce7ef!important;box-shadow:0 6px 18px rgba(20,64,97,.04)!important}
th{background:#f5f9fc!important;color:#526b84!important}td{background:#fff!important;color:#233950!important}
tbody tr:nth-child(even) td{background:#fbfdff!important}tbody tr:hover td{background:#f2f8fd!important}

/* Compact animation polish */
.panel,.stat-card,.enterprise-card,.workshop-car-card,.customer-list-item,.ticket-item,button,.tab{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important}
.stat-card:hover,.enterprise-card:hover,.panel:hover{box-shadow:0 12px 30px rgba(14,52,82,.09)!important}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Responsive consistency */
@media(max-width:860px){
  .page-content{background:var(--posh-bg)!important}
  .workshop-cars-workspace,.customer-workspace{grid-template-columns:1fr!important}
  .customer-detail{position:static!important}
}