/* POSH Workshop ERP — consolidated BOS UI suite. Presentation only. */
:root{
  --posh-navy:#061b31;--posh-navy-2:#082944;--posh-blue:#087edb;--posh-blue-2:#136df0;
  --posh-cyan:#35c7f3;--posh-bg:#f4f8fc;--posh-surface:#fff;--posh-border:#dbe7f1;
  --posh-text:#0b1931;--posh-muted:#687b92;--posh-green:#12a777;--posh-red:#dc3d45;
  --posh-amber:#e8a72c;--posh-shadow:0 10px 30px rgba(12,37,64,.07);--posh-radius:14px;
}
html,body,#root{min-height:100%;background:var(--posh-bg)!important;color:var(--posh-text)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.app-shell{grid-template-columns:206px minmax(0,1fr)!important;background:var(--posh-bg)!important}
.sidebar{background:linear-gradient(180deg,#061b31 0%,#051827 100%)!important;padding:12px 9px!important;border-right:1px solid rgba(73,184,255,.14)}
.brand{min-height:64px!important;border:1px solid rgba(62,186,255,.25)!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(10,78,129,.48),rgba(5,28,47,.78))!important;box-shadow:none!important;padding:10px!important}
.nav-list{gap:12px!important;margin-top:16px!important}.nav-section{gap:4px!important}.nav-section-label{font-size:8px!important;letter-spacing:.2em!important;color:#7593aa!important;padding:3px 8px!important}
.nav-item{min-height:36px!important;border-radius:8px!important;color:#d7e6f2!important;padding:0 9px!important;font-size:12px!important;font-weight:650!important;gap:9px!important}
.nav-item:hover{background:rgba(16,116,177,.22)!important;color:#fff!important}.nav-item.active{background:linear-gradient(90deg,#087cb5,#10a2dc)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(98,218,255,.22)!important}
.main-area{background:var(--posh-bg)!important}.topbar{min-height:62px!important;padding:0 18px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--posh-border)!important;box-shadow:0 2px 14px rgba(11,35,60,.05)!important}
.topbar h1{font-size:20px!important;color:var(--posh-text)!important}.topbar-actions{gap:7px!important}.global-search{width:min(360px,31vw)!important;min-height:38px!important;background:#f7fafe!important;border-color:#d9e5ee!important;border-radius:9px!important}
.page-content{padding:18px 20px 28px!important;max-width:1500px;margin:0 auto;width:100%;box-sizing:border-box}
.stack{gap:14px!important}.grid-page{gap:12px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.stat-card,.panel,.public-form{background:#fff!important;color:var(--posh-text)!important;border:1px solid var(--posh-border)!important;border-radius:var(--posh-radius)!important;box-shadow:var(--posh-shadow)!important;padding:16px!important}
.stat-card{min-height:118px!important;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;right:-22px;bottom:-32px;width:105px;height:72px;border-radius:60% 0 0 0;background:linear-gradient(145deg,rgba(56,199,242,.16),rgba(19,109,240,.06));pointer-events:none}
.stat-card span{font-size:11px!important;letter-spacing:.04em!important;color:var(--posh-muted)!important}.stat-card strong{font-size:27px!important;line-height:1.05!important;margin-top:10px!important;color:var(--posh-text)!important}.stat-card small{color:#8293a7!important;font-size:11px!important}
.panel-header{margin-bottom:13px!important;gap:12px!important}.panel-header h2{font-size:16px!important;color:var(--posh-text)!important}.panel p{color:var(--posh-muted)!important}
button,.media-button{border-radius:9px!important;font-weight:750!important;transition:.16s ease!important}button:not(.nav-item):not(.danger-button):not(.secondary-button),.record-actions .active-action{background:linear-gradient(135deg,#0788d4,#1268ed)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 6px 15px rgba(13,117,216,.18)!important}.secondary-button,.media-button{background:#fff!important;color:#23364c!important;border:1px solid #d4e0ea!important}.danger-button{background:#d92d36!important;color:#fff!important;border-color:#d92d36!important}
input,select,textarea{background:#fff!important;color:#17283d!important;border:1px solid #d3e0ea!important;border-radius:9px!important;box-shadow:none!important}input:focus,select:focus,textarea:focus{border-color:#2fa9ef!important;box-shadow:0 0 0 3px rgba(47,169,239,.12)!important;outline:0!important}
.notice{background:#fff9eb!important;border:1px solid #f0d699!important;color:#875a00!important;border-radius:10px!important;padding:10px 12px!important;font-size:12px!important}.notice[data-posh-schema-warning="true"]{background:#fff7e8!important;border-left:4px solid var(--posh-amber)!important}
.onboarding-panel{background:linear-gradient(135deg,#071f36,#0a3451)!important;border-color:#164f73!important;color:#fff!important}.onboarding-panel h2,.onboarding-panel .eyebrow{color:#fff!important}.onboarding-panel p{color:#bcd2e3!important}.onboarding-steps{gap:8px!important}.onboarding-steps div{background:rgba(255,255,255,.96)!important;border-color:rgba(255,255,255,.16)!important;border-radius:9px!important;padding:10px 11px!important}.onboarding-steps span{font-size:12px!important;color:#2f4055!important}
.erp-alert{border-radius:10px!important;padding:10px 12px!important;font-size:12px!important}.erp-alert.success{background:#effbf7!important;border-color:#bcebdd!important;color:#087b5d!important}.erp-alert.info{background:#eef7ff!important;border-color:#cbe5fb!important;color:#1767a2!important}.erp-alert.warning{background:#fff8e9!important;border-color:#f1dba8!important;color:#8b5e00!important}
.dashboard-panels{gap:12px!important}.enterprise-card{border-left-width:0!important}.dashboard-row{padding:10px 0!important}
.table-wrap{border:1px solid #e0e9f1!important;border-radius:10px!important;overflow:auto!important}table{background:#fff!important}th{background:#f7fafe!important;color:#5b7088!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.04em!important}td{color:#24384d!important}th,td{border-color:#e7eef4!important;padding:10px 11px!important}
.pill{background:#eaf8f4!important;color:#087b61!important}.danger-pill{background:#fff0f1!important;color:#bd2731!important}
/* My Cars / vehicle workspace */
.workshop-cars-page{gap:13px!important}.workshop-cars-page>.grid-page{grid-template-columns:repeat(4,minmax(0,1fr))!important}.workshop-cars-workspace{grid-template-columns:minmax(360px,42%) minmax(0,1fr)!important;gap:14px!important;align-items:start!important}
.workshop-cars-workspace>.stack{gap:14px!important}.workshop-cars-workspace .panel{padding:14px!important}.workshop-cars-workspace .panel.form-grid{background:#fbfdff!important}
.car-toolbar{gap:9px!important}.workshop-car-list{gap:7px!important;max-height:300px!important;overflow:auto!important;padding-right:3px!important}.workshop-car-card{background:#fff!important;border:1px solid #dbe6ef!important;border-radius:10px!important;padding:10px 11px!important;color:var(--posh-text)!important}.workshop-car-card:hover{border-color:#90cfea!important;background:#f7fcff!important}.workshop-car-card.active{background:#eefaf8!important;border-color:#7bd8c2!important;box-shadow:inset 3px 0 #10a77d!important}.workshop-car-card span,.workshop-car-card small{color:var(--posh-muted)!important}.workshop-car-card em{background:#edf3f7!important;color:#4c6277!important}.workshop-car-card.active em{background:#d9f5ec!important;color:#087b61!important}
.customer-detail{position:sticky!important;top:78px!important;align-self:start!important;background:#fff!important}.customer-detail .detail-block{border-top:1px solid #e5edf3!important;padding-top:13px!important}.customer-detail .detail-block h3{color:#172b43!important}.vehicle-tags{gap:7px!important}.vehicle-tags span{background:#f2f6fa!important;border:1px solid #dde7ef!important;color:#41566d!important;border-radius:8px!important;padding:8px 10px!important}
.scan-panel{background:#f7fbfe!important;border-color:#dbe8f1!important;border-radius:11px!important}.scan-panel-header p{color:var(--posh-muted)!important}
/* Customers and list/detail pages */
.customer-workspace{grid-template-columns:minmax(320px,400px) minmax(0,1fr)!important;gap:14px!important}.customer-list-item,.ticket-item{background:#fff!important;border-color:#dbe6ef!important;border-radius:9px!important}.customer-list-item.active,.ticket-item.active{background:#eefaf8!important;border-color:#73d3ba!important;box-shadow:inset 3px 0 #10a77d!important}
/* HR, support, templates, finance */
.mini-card,.category-group,.contact-strip span,.checkbox-row{background:#f8fbfd!important;border-color:#dfe9f1!important}.message.inbound{background:#f5f8fb!important}.message.outbound{background:#edf9f5!important}.message.internal{background:#fff8e9!important}.tab{background:#edf3f7!important;color:#33485e!important}.tab.active{background:#0b2942!important;color:#fff!important}
/* Keep login from the BOS brand layer clear and high contrast */
.login-screen{color:#0b1931}.login-screen .login-panel{background:rgba(255,255,255,.94)!important;border:1px solid rgba(255,255,255,.66)!important;box-shadow:0 24px 70px rgba(2,18,36,.28)!important}.login-screen .login-panel h1,.login-screen .login-panel h2{color:#08182c!important}.login-screen .login-panel p,.login-screen .login-help{color:#71849a!important}.login-screen input{background:#f8fbff!important;color:#10233a!important}
@media(max-width:1200px){.app-shell{grid-template-columns:180px minmax(0,1fr)!important}.grid-page,.workshop-cars-page>.grid-page{grid-template-columns:repeat(2,minmax(0,1fr))!important}.workshop-cars-workspace{grid-template-columns:minmax(320px,40%) minmax(0,1fr)!important}.page-content{padding:15px!important}.global-search{width:min(280px,26vw)!important}}
@media(max-width:860px){.app-shell{display:block!important}.sidebar{position:relative!important;width:100%!important}.page-content{padding:12px!important}.grid-page,.workshop-cars-page>.grid-page{grid-template-columns:repeat(2,minmax(0,1fr))!important}.workshop-cars-workspace,.grid-two,.customer-workspace,.dashboard-panels{grid-template-columns:1fr!important}.customer-detail{position:static!important}.topbar{padding:8px 12px!important;min-height:58px!important;flex-wrap:wrap!important}.global-search{width:100%!important;order:3}.three-col,.two-col{grid-template-columns:1fr!important}}
@media(max-width:560px){.grid-page,.workshop-cars-page>.grid-page{grid-template-columns:1fr!important}.stat-card{min-height:100px!important}.page-content{padding:9px!important}.record-actions{justify-content:flex-start!important}.panel{padding:12px!important}}