@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{font-family:Inter,system-ui,sans-serif;color:#e8ecf0;background:#0c1015;font-size:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% -20%,#2b2026 0%,transparent 38%),#0c1015}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}.v3hidden{display:none!important}.app-shell{min-height:100vh}.topbar{height:78px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;background:#141a20;border-bottom:1px solid #323942}.v3brand{display:flex;align-items:center;gap:13px}.brand-mark{font:800 30px 'Barlow Condensed',sans-serif;color:white;background:#bd2532;border:1px solid #e33c48;width:44px;height:44px;display:grid;place-items:center;clip-path:polygon(15% 0,85% 0,100% 50%,85% 100%,15% 100%,0 50%)}.brand-mark span{font-size:10px;margin-left:1px}.brand-name{font:800 26px 'Barlow Condensed',sans-serif;letter-spacing:1.4px;line-height:1}.brand-name>span{color:#ee3e4b}.brand-name small{display:block;color:#85919d;font:700 9px Inter,sans-serif;letter-spacing:2.3px;margin-top:5px}#logout{background:#232b34;color:#dce2e7;border:1px solid #3a4652;padding:11px 17px;border-radius:7px}.test-banner{padding:10px 30px;margin:0;color:#d5a8aa;background:#2b1c23;border-bottom:1px solid #5d3037;font-size:11px;font-weight:700;letter-spacing:1.1px}.system-message{margin:0;padding:12px 30px;background:#17232a;border-bottom:1px solid #30454c;color:#a7d9dc;font-size:12px;min-height:42px}.workspace-layout{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 155px)}.side-nav{background:#11171d;border-right:1px solid #303842;padding:30px 13px;display:flex;flex-direction:column;gap:5px}.nav-label{font-size:10px;letter-spacing:2px;color:#697887;font-weight:800;margin:3px 13px 18px}.nav-item{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:7px;color:#9daab6;font-weight:600;transition:background .15s}.nav-item:hover,.nav-item.active{color:white;background:#2b323c}.nav-item.active{border-left:3px solid #e03542}.nav-foot{font-size:10px;color:#697683;line-height:2;letter-spacing:1px;margin-top:auto;padding:25px 12px}.main-content{padding:32px clamp(18px,3.2vw,50px);min-width:0;max-width:1650px;width:100%;margin:auto}.company-title{font-size:12px;font-weight:600;color:#aab7c3;margin:0 0 20px}.dashboard-hero{background:linear-gradient(110deg,#262c34,#191f27 60%,#421e29);border:1px solid #3b414b;border-radius:13px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:15px;overflow:hidden}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#f16b74}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#62c89d;margin:0 6px 1px 13px}.dashboard-hero h1{font:800 clamp(30px,4vw,48px) 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.6px;margin:10px 0}.dashboard-hero p{color:#b1bcc5;line-height:1.6;margin:0}.hero-badge{border:1px solid #76505b;padding:16px 20px;border-radius:9px;color:#f6e8e9;font:800 22px 'Barlow Condensed';letter-spacing:1px;min-width:170px;text-align:center}.hero-badge strong{color:#f04b57}.hero-badge small{display:block;font:700 9px Inter;letter-spacing:1.2px;color:#c0a7ae;margin-top:7px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:18px 0 35px}.metric-card{background:#1a2129;border:1px solid #323b46;border-radius:10px;padding:21px;box-shadow:0 10px 25px #0001}.metric-label{color:#9eacb8;font-size:10px;letter-spacing:1.2px;font-weight:800}.metric-card strong{display:block;font:800 38px 'Barlow Condensed';margin:9px 0;color:#fff}.metric-card small{color:#7e8d9b;font-size:11px}.section-title{display:flex;justify-content:space-between;align-items:end;margin:20px 0 13px;gap:15px}.section-title h2{font:700 27px 'Barlow Condensed';text-transform:uppercase;margin:6px 0}.section-caption{color:#8c99a5;font-size:12px}.forms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.v3card{background:#1a2129;border:1px solid #333e49;border-radius:11px;padding:22px;margin:0 0 17px;min-width:0}.v3card h3{font:700 23px 'Barlow Condensed';text-transform:uppercase;letter-spacing:.5px;margin:0 0 18px}.v3card label{display:block;font-size:12px;font-weight:600;color:#b9c4cd;margin:12px 0 0}.v3card input,.v3card select,.v3card textarea{width:100%;min-width:0;padding:11px 12px;margin:6px 0 2px;background:#10161c;color:#f4f5f7;border:1px solid #3e4a56;border-radius:6px;outline:none}.v3card input:focus,.v3card select:focus,.v3card textarea:focus{border-color:#ec4b56;box-shadow:0 0 0 2px #c92c3d33}.v3card button,.main-content button{padding:11px 15px;background:#b92735;color:white;border:1px solid #d63c49;border-radius:6px;font-weight:700;margin:10px 7px 0 0}.v3card button:hover,.main-content button:hover{filter:brightness(1.15)}.v3hint{color:#9faeba;line-height:1.65;font-size:12px}.data-card{margin-top:18px}.v3bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:22px 0 12px}.v3bar h2{font:700 28px 'Barlow Condensed';margin:0;text-transform:uppercase}.v3scroll{overflow-x:auto}.v3table{border-collapse:collapse;width:100%;min-width:660px}.v3table th{background:#242d36;color:#aebbc6;font-size:10px;letter-spacing:1.2px;text-transform:uppercase}.v3table td,.v3table th{text-align:left;padding:14px 12px;border-bottom:1px solid #333d48}.v3table td{font-size:12px}.v3table tr:hover td{background:#222b34}.v3action{font-size:11px!important;padding:7px 10px!important;margin:2px!important}.v3table td:last-child{white-space:nowrap}#archiveToggle,#cancelEdit{background:#323d48;border-color:#485564}.v3gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:20px}.v3photo{background:#10171e;border:1px solid #3c4650;border-radius:9px;padding:8px}.v3photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}.v3photo small{display:block;overflow-wrap:anywhere;color:#aab6c0;font-size:10px;margin-top:9px}.v3photo button{font-size:11px}.app-footer{border-top:1px solid #323a43;color:#758391;font-size:11px;padding:22px 0;margin-top:35px;display:flex;justify-content:space-between;gap:15px}.login-card{max-width:450px;margin:70px auto;padding:32px}.login-card h2{font:700 30px 'Barlow Condensed';text-transform:uppercase}@media(max-width:1150px){.forms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.topbar{height:66px;padding:0 16px}.brand-name{font-size:22px}.brand-mark{width:37px;height:37px;font-size:24px}.test-banner,.system-message{padding:10px 16px}.workspace-layout{display:block}.side-nav{position:sticky;top:0;z-index:3;display:flex;flex-direction:row;overflow-x:auto;padding:8px;background:#11171df5;border-right:0;border-bottom:1px solid #303842;gap:3px}.nav-label,.nav-foot{display:none}.nav-item{flex-shrink:0;padding:11px 13px;font-size:12px}.main-content{padding:20px 14px}.dashboard-hero{padding:22px}.hero-badge{display:none}.metric-grid{gap:9px}.metric-card{padding:14px}.metric-card strong{font-size:32px}.metric-label{font-size:9px}.forms-grid{grid-template-columns:1fr}.v3card{padding:17px}.section-caption{display:none}.app-footer{display:block}.app-footer span{display:block;margin-top:7px}}

/* Build 6 — Executive dashboard visual system; existing business logic unchanged */
:root{--panel:#161e27;--panel2:#1c2631;--line:#2b3642;--red:#ef4352;--muted:#90a0ae}
body{background:#0b1118;color:#eaf0f5;background-image:radial-gradient(ellipse at 78% 0%,rgba(130,35,50,.11),transparent 45%)}
.topbar{height:74px;background:#101820;border-bottom:1px solid #273440;padding:0 28px;gap:18px}
.topbar-meta{margin-left:auto;display:flex;gap:18px;align-items:center;color:#8795a3;font-size:10px;font-weight:700;letter-spacing:1.3px}
.topbar-tag{border-right:1px solid #33404a;padding-right:18px}
.topbar-date{color:#b3bec8;letter-spacing:0}
.brand-mark{background:linear-gradient(145deg,#f54b57,#a41e2e);box-shadow:0 5px 20px #c32e3a30}
.brand-name{letter-spacing:1.5px}
.test-banner{padding:8px 28px;font-size:10px;background:#261a22;color:#e5a4ad}
.system-message{padding:10px 28px;min-height:36px;font-size:11px}
.workspace-layout{grid-template-columns:245px minmax(0,1fr)}
.side-nav{background:#101820;border-right:1px solid #27323e;padding:28px 14px;gap:6px}
.nav-label{font-size:10px;color:#6e7f8f;padding-left:11px;margin-bottom:12px}
.nav-item{font-size:13px;border:1px solid transparent;border-radius:9px;padding:14px 15px;gap:12px}
.nav-item:hover{background:#202b35;border-color:#303c48}
.nav-item.active{border-left:0;border:1px solid #57323c;background:linear-gradient(90deg,#4b2631,#242831);color:#fff;box-shadow:inset 3px 0 #f04c58}
.sidebar-help{margin-top:48px;padding:19px 16px;border:1px solid #34404b;border-radius:12px;background:linear-gradient(135deg,#25252d,#1b252d);display:flex;flex-direction:column;gap:8px}
.sidebar-help-icon{font-size:20px;color:#ef4a55}.sidebar-help strong{font-size:13px}.sidebar-help small{font-size:11px;line-height:1.6;color:#9ca9b5}
.nav-foot{margin-top:auto;font-size:9px}
.main-content{max-width:1700px;padding:30px clamp(20px,3vw,52px)}
.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.toolbar-kicker{font-size:10px;letter-spacing:1.7px;color:#8998a8;font-weight:800;margin-bottom:7px}
.company-title{font-family:'Barlow Condensed',sans-serif;font-size:25px;line-height:1.1;color:#f3f6f8;margin:0;text-transform:uppercase;letter-spacing:.5px}
.toolbar-right{display:flex;gap:14px;align-items:center}.cloud-pill{color:#a5d7be;border:1px solid #315746;border-radius:30px;padding:9px 13px;font-size:10px;letter-spacing:1px;font-weight:800;background:#183129}.cloud-led{display:inline-block;width:7px;height:7px;background:#61d19b;border-radius:50%;margin-right:6px}
.toolbar-refresh{background:#202b36!important;border:1px solid #3b4855!important;border-radius:8px!important;font-size:12px!important;padding:10px 13px!important}
.dashboard-hero{position:relative;min-height:248px;padding:37px 40px;background:radial-gradient(circle at 82% 38%,#64313a 0,transparent 34%),linear-gradient(120deg,#222d37,#19222c 65%,#30212a);border:1px solid #3c4651;border-radius:16px;box-shadow:0 18px 48px #0002}
.dashboard-hero:after{content:'';pointer-events:none;position:absolute;right:15%;top:-100px;width:250px;height:420px;border:1px solid #ffffff12;transform:rotate(30deg);border-radius:60px}
.dashboard-hero h1{font-size:clamp(37px,4.1vw,61px);letter-spacing:.3px;margin:13px 0 8px;line-height:1.03}.dashboard-hero h1 em{font-style:normal;color:#f44e5b}
.dashboard-hero p{max-width:460px;color:#b5c1cc;font-size:13px;line-height:1.8}
.hero-actions{display:flex;align-items:center;gap:12px;margin-top:23px;flex-wrap:wrap}.hero-actions a{display:inline-flex;gap:16px;align-items:center;background:#e33c4b;border:1px solid #ff5664;padding:11px 17px;border-radius:7px;font-size:12px;font-weight:800;color:#fff}.hero-actions a.secondary{background:#2b3440;border-color:#44515d}
.hero-badge{position:relative;z-index:1}
.overview-label{display:flex;justify-content:space-between;gap:12px;margin:27px 1px 13px;font-size:11px;letter-spacing:1.5px;font-weight:800;color:#c2cbd3}.overview-label small{font-size:11px;letter-spacing:0;color:#8293a1;font-weight:500}
.metric-grid{gap:16px}.metric-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#1b2631,#172029);border:1px solid #35414e;border-radius:12px;padding:23px;min-height:150px}.metric-card:before{content:'';position:absolute;top:0;left:0;width:55px;height:3px;background:#ef4855}.metric-card strong{font-size:43px;line-height:1.2}.metric-card small{color:#8899a9}
.section-title{margin-top:38px}.section-title h2,.form-heading h2{font-family:'Barlow Condensed',sans-serif;font-size:30px;text-transform:uppercase;letter-spacing:.5px}
.quick-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 32px}.quick-links>a{display:flex;align-items:center;gap:12px;padding:18px 14px;border:1px solid #34414d;border-radius:11px;background:#19232d;min-width:0;transition:transform .15s,background .15s}.quick-links>a:hover{transform:translateY(-2px);background:#222e39}.quick-links .quick-icon{width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;color:#ff6570;background:#432832;border-radius:8px;font-size:20px}.quick-links a span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:6px}.quick-links strong{font-size:12px}.quick-links small{font-size:10px;color:#92a0af;line-height:1.5}.quick-links b{margin-left:auto;color:#b8c2cc;font-weight:500}
.form-heading{margin:12px 0 18px}.form-heading h2{margin:7px 0}.form-heading p{color:#8e9eac;font-size:12px}
.forms-grid{gap:16px}.form-card,.data-card{background:#18222c;border:1px solid #34414d;border-radius:12px;box-shadow:0 8px 28px #00000014}.form-card h3,.data-card h3{font-family:'Barlow Condensed',sans-serif;font-size:23px;text-transform:uppercase;letter-spacing:.4px}
.v3bar{margin-top:38px}.v3bar h2 span{font-size:12px;color:#7d91a1;font-weight:500}
.v3table th{background:#202b36;color:#a9b7c4;font-size:10px;letter-spacing:.7px}.v3table td{border-color:#2e3a46}
input,select,textarea{background:#111a23!important;border:1px solid #3a4753!important;color:#e7edf2!important;border-radius:7px!important}
input:focus,select:focus,textarea:focus{outline:2px solid #e84b5666;outline-offset:1px}
#photos .v3gallery{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}
@media(max-width:1180px){.quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-tag{display:none}}
@media(max-width:760px){.topbar{padding:0 15px}.topbar-meta{display:none}.side-nav{padding:8px 12px}.sidebar-help{display:none}.page-toolbar{align-items:flex-start}.toolbar-right{gap:6px}.cloud-pill{font-size:0;padding:10px}.cloud-led{margin:0}.toolbar-refresh{font-size:11px!important}.dashboard-hero{padding:28px 22px;min-height:230px}.dashboard-hero h1{font-size:40px}.overview-label small{display:none}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quick-links>a{padding:12px 10px;gap:8px}.quick-links .quick-icon{width:30px;height:30px;font-size:16px}.quick-links strong{font-size:11px}.quick-links small{font-size:9px}.quick-links b{display:none}.metric-card{min-height:126px}.metric-card strong{font-size:35px}}
@media(max-width:420px){.quick-links{grid-template-columns:1fr}.toolbar-refresh{padding:8px!important}.hero-actions a{padding:10px 12px}.company-title{font-size:21px}}

/* Build 7: Original brand + distinct shop/fleet workspace presentation */
.banner-logo{display:block;width:min(300px,28vw);flex-shrink:0}.banner-logo img{width:100%;display:block;object-fit:contain}.topbar{gap:18px;align-items:center}.topbar .v3brand{display:none}.sidebar-brand{padding:14px 10px 18px;border-bottom:1px solid #333;margin-bottom:18px}.sidebar-brand img{width:100%;display:block}.sidebar-brand small{display:block;color:#a6adb6;letter-spacing:1.4px;font-size:9px;text-align:center}.workspace-picker{padding:8px 8px 20px}.workspace-picker label{display:block;color:#a8b1bc;font-size:10px;letter-spacing:1.7px;margin-bottom:9px}.workspace-picker select{background:#181e26;color:#f4f5f7;border:1px solid #4b5663;border-radius:9px;padding:12px 10px;width:100%;font-weight:700}.login-banner{display:block;width:100%;max-width:620px;margin:0 auto 24px;border-radius:9px}.login-card{max-width:720px!important}.hero-art{width:100%;grid-column:1/-1}.hero-art img{width:100%;max-height:225px;object-fit:contain;display:block;filter:drop-shadow(0 12px 20px rgba(0,0,0,.35))}.dashboard-hero{overflow:hidden}.shop-intro{background:linear-gradient(120deg,#1d252e,#11171f);border:1px solid #414e5a;border-left:4px solid #e02832;border-radius:14px;padding:22px 26px;margin:18px 0 22px;display:flex;gap:24px;align-items:center;justify-content:space-between}.shop-intro.v3hidden{display:none!important}.shop-intro h2{font-size:27px;margin:9px 0}.shop-intro p{max-width:600px;color:#bac3ce;line-height:1.6}.shop-future{min-width:195px;display:grid;gap:7px}.shop-future span{font-size:10px;color:#ed555b;letter-spacing:1.4px}.shop-future strong{font-size:12px;color:#dce2e9;padding:7px 10px;border:1px solid #46515d;border-radius:6px}.shop-mode .dashboard-hero .hero-badge{display:none}.shop-mode .dashboard-hero{border-color:#a52d35}.shop-mode .metric-card:first-child .metric-label::after{content:' / CUSTOMER UNITS';color:#e05c62}.shop-mode .sidebar-help strong::after{content:' Repair shop workspace';display:block;color:#e55b60;font-size:11px}.shop-mode .shop-intro{display:flex!important}.nav-item:focus-visible,.workspace-picker select:focus-visible{outline:2px solid #e02e36;outline-offset:3px}@media(max-width:850px){.banner-logo{width:min(320px,75vw)}.topbar{flex-wrap:wrap}.sidebar-brand img{max-height:100px;object-fit:contain}.shop-intro{flex-direction:column;align-items:stretch}.shop-future{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-future span{grid-column:1/-1}.shop-future strong{font-size:10px}}@media(max-width:520px){.shop-future{grid-template-columns:1fr}.hero-art img{max-height:150px}.banner-logo{width:100%}}

/* BUILD 8: brand integration. Keep original banner file untouched. */
.topbar{background:linear-gradient(90deg,#10171e 0%,#151d25 70%,#211820 100%);border-bottom:1px solid #39424b;box-shadow:0 8px 28px #0003}
.banner-logo{width:auto;min-width:0;max-width:360px}
.compact-brand{display:flex;align-items:center;gap:10px;white-space:nowrap}
.compact-gear{font-size:32px;color:#bfc8d0;line-height:1;filter:drop-shadow(0 1px 1px #000);position:relative}
.compact-gear:after{content:'';position:absolute;width:9px;height:9px;background:#e42c39;border-radius:50%;top:12px;left:11px}
.compact-word{font-family:'Arial Narrow',Impact,'Barlow Condensed',sans-serif;font-weight:900;font-stretch:condensed;font-size:28px;letter-spacing:1.3px;line-height:.95;color:#e6eaee;text-shadow:0 1px 0 #fff5,0 2px 4px #0009}
.compact-word>span{color:#ed3442}
.compact-word small{display:block;font:700 8px Inter,system-ui,sans-serif;letter-spacing:1.1px;color:#97a4b0;margin-top:7px;text-shadow:none}
.sidebar-brand{padding:14px 8px 23px;margin-bottom:16px;background:linear-gradient(180deg,#1a232c,transparent);border-bottom:1px solid #34404b}
.sidebar-brand .compact-brand{gap:7px}
.sidebar-brand .compact-gear{font-size:24px}.sidebar-brand .compact-gear:after{width:7px;height:7px;top:9px;left:8px}
.sidebar-brand .compact-word{font-size:21px;letter-spacing:.3px}.sidebar-brand .compact-word small{font-size:6.4px;letter-spacing:.65px;margin-top:6px}
.dashboard-hero{isolation:isolate;display:block;padding:48px clamp(22px,4vw,58px);background:linear-gradient(105deg,#202b35 0%,#17212b 55%,#251b23 100%);border-color:#3d4854;min-height:245px}
.dashboard-hero>div:not(.hero-art){position:relative;z-index:2}
.dashboard-hero .hero-art{position:absolute;inset:0 0 0 auto;width:60%;height:100%;pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#202b35 0%,transparent 45%),url('fixitfirst-original-banner.png');background-size:cover;background-position:center center;opacity:.18;filter:grayscale(.25);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 45%);mask-image:linear-gradient(90deg,transparent 0%,#000 45%)}
.dashboard-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 72%,#c92e3b15);pointer-events:none}
.dashboard-hero .hero-badge{position:absolute;right:26px;bottom:22px;z-index:2;opacity:.6;min-width:125px;padding:10px 12px;font-size:17px}
.dashboard-hero h1{max-width:720px}.dashboard-hero p{max-width:560px}
.login-card{background:linear-gradient(155deg,#1c252e,#111820);border-color:#39444f;box-shadow:0 20px 60px #0006}
.login-banner{border-radius:0;max-width:620px;filter:drop-shadow(0 8px 16px #0008);-webkit-mask-image:radial-gradient(ellipse 72% 64% at 50% 47%,#000 45%,transparent 100%);mask-image:radial-gradient(ellipse 72% 64% at 50% 47%,#000 45%,transparent 100%)}
.metric-card,.v3card,.quick-links>a{box-shadow:0 8px 28px #0002;border-color:#35414d}
.metric-card{background:linear-gradient(160deg,#1e2832,#171f27)}
@media(max-width:850px){.topbar{flex-wrap:nowrap}.banner-logo{width:auto}.compact-word{font-size:22px}.compact-word small{font-size:6.5px}.compact-gear{font-size:25px}.compact-gear:after{width:7px;height:7px;top:9px;left:8px}.dashboard-hero .hero-art{width:90%;opacity:.12}.dashboard-hero .hero-badge{display:none}}
@media(max-width:520px){.banner-logo{width:auto}.compact-word{font-size:19px}.compact-word small{font-size:5.7px;letter-spacing:.4px}.topbar{gap:6px}.dashboard-hero{padding:32px 20px}.login-card{margin:30px 12px}}

/* Build 9: use the exact original artwork in the upper-left header, blended into chrome/charcoal. */
.banner-logo{display:flex;align-items:center;width:clamp(205px,26vw,360px);height:70px;max-width:360px;overflow:hidden;flex:0 1 auto}
.topbar-original-banner{display:block;width:100%;height:auto;max-height:68px;object-fit:contain;object-position:left center;filter:contrast(1.07) drop-shadow(0 2px 9px rgba(0,0,0,.28));-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 89%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 13%,#000 83%,transparent 100%);-webkit-mask-composite:source-in;mask-image:radial-gradient(ellipse 72% 65% at 50% 49%,#000 57%,transparent 100%)}
@media(max-width:760px){.banner-logo{width:clamp(160px,51vw,275px);height:62px}.topbar-original-banner{max-height:59px}}
@media(max-width:390px){.banner-logo{width:170px}}

/* Build 10: continuous wide brand masthead; artwork is not distorted. */
.topbar.topbar-wide{position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:flex-end;min-height:clamp(145px,16vw,235px);height:auto;padding:18px clamp(18px,3vw,46px);background:linear-gradient(90deg,#10171e,#151d25 55%,#211820);overflow:hidden;border-bottom:1px solid #41434b}
.topbar-wide .banner-logo-wide{position:absolute;inset:0;display:block;width:100%;max-width:none;height:100%;overflow:hidden;z-index:-1;pointer-events:none}
.topbar-wide .topbar-original-banner{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 48%;filter:brightness(.85) contrast(1.04);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 92%,transparent 100%)}
.topbar-wide::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(16,23,30,.06) 0%,rgba(16,23,30,.04) 50%,rgba(16,23,30,.96) 100%)}
.topbar-wide .topbar-meta{margin-left:0;position:relative;z-index:1;text-shadow:0 2px 8px #000}
.topbar-wide #logout{position:relative;z-index:1;background:rgba(20,27,35,.86);backdrop-filter:blur(8px)}
.side-nav{padding-top:25px}.workspace-picker{padding-top:3px}
@media(max-width:760px){.topbar.topbar-wide{min-height:115px;padding:12px 14px;align-items:flex-end}.topbar-wide .topbar-original-banner{object-position:center center}.topbar-wide .topbar-meta{display:none}.topbar-wide #logout{font-size:11px;padding:8px 11px}.side-nav{padding-top:8px}}
@media(max-width:420px){.topbar.topbar-wide{min-height:96px}.topbar-wide .topbar-original-banner{object-position:center center}}

/* Build 11: restrained brand placement. Reverses Build 10 oversized masthead. */
.topbar.topbar-wide{
  min-height:78px;height:78px;padding:8px 26px;
  align-items:center;justify-content:space-between;
  gap:16px;background:#101820;isolation:auto;overflow:visible;
}
.topbar-wide .banner-logo-wide{
  position:relative;inset:auto;z-index:auto;pointer-events:auto;
  display:flex;align-items:center;flex:0 1 320px;
  width:min(320px,35vw);max-width:320px;height:62px;overflow:hidden;
}
.topbar-wide .topbar-original-banner{
  width:100%;height:100%;max-height:62px;object-fit:contain;
  object-position:left center;filter:brightness(1.06) contrast(1.04);
  -webkit-mask-image:radial-gradient(ellipse 76% 70% at 50% 50%,#000 60%,transparent 100%);
  mask-image:radial-gradient(ellipse 76% 70% at 50% 50%,#000 60%,transparent 100%);
}
.topbar-wide::after{display:none}
.topbar-wide .topbar-meta{margin-left:auto}
.login-card{max-width:560px!important}
.login-banner{
  width:100%;max-width:410px;max-height:155px;object-fit:contain;
  margin:0 auto 14px;filter:none;
  -webkit-mask-image:radial-gradient(ellipse 73% 66% at 50% 50%,#000 55%,transparent 100%);
  mask-image:radial-gradient(ellipse 73% 66% at 50% 50%,#000 55%,transparent 100%);
}
@media(max-width:760px){
 .topbar.topbar-wide{min-height:68px;height:68px;padding:6px 14px;align-items:center}
 .topbar-wide .banner-logo-wide{width:min(245px,65vw);height:55px;flex-basis:245px}
 .topbar-wide .topbar-original-banner{max-height:55px}
 .login-banner{max-width:340px;max-height:128px}
}
@media(max-width:420px){
 .topbar.topbar-wide{min-height:62px;height:62px}
 .topbar-wide .banner-logo-wide{width:min(210px,62vw);height:49px;flex-basis:210px}
 .topbar-wide .topbar-original-banner{max-height:49px}
 .login-banner{max-width:290px;max-height:115px}
}

/* Build 12: continuous full-width header, artwork kept at compact native proportions */
.topbar.topbar-wide{height:84px;min-height:84px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;padding:8px 26px;background:linear-gradient(90deg,#111820 0%,#151d26 36%,#1b242d 64%,#211a21 100%);border-bottom:1px solid #39434c;box-shadow:0 6px 20px #0004}
.topbar.topbar-wide::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(148,160,173,.035) 45%,transparent 75%),linear-gradient(0deg,rgba(209,40,51,.14) 0,transparent 3px);z-index:0}
.topbar-wide .banner-logo-wide{position:relative;inset:auto;z-index:1;display:flex;align-items:center;flex:0 0 auto;width:clamp(275px,32vw,420px);max-width:420px;height:72px;overflow:visible;pointer-events:auto}
.topbar-wide .topbar-original-banner{width:100%;height:72px;max-height:72px;object-fit:contain;object-position:left center;filter:brightness(1.06) contrast(1.03);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 73%,transparent 100%);mask-image:linear-gradient(to right,#000 0%,#000 73%,transparent 100%)}
.topbar-wide .topbar-meta{position:relative;z-index:1;margin-left:auto}
.topbar-wide #logout{position:relative;z-index:1}
@media(max-width:760px){.topbar.topbar-wide{height:72px;min-height:72px;padding:6px 14px;align-items:center}.topbar-wide .banner-logo-wide{width:min(290px,68vw);height:60px;flex-basis:auto}.topbar-wide .topbar-original-banner{height:60px;max-height:60px}}
@media(max-width:420px){.topbar.topbar-wide{height:66px;min-height:66px}.topbar-wide .banner-logo-wide{width:min(240px,65vw);height:54px}.topbar-wide .topbar-original-banner{height:54px;max-height:54px}}

/* BUILD 14 — approved cinematic design; all existing app forms and data logic preserved. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body{background-color:#080c11;background-image:linear-gradient(90deg,rgba(4,7,10,.87),rgba(8,12,17,.7)),repeating-linear-gradient(130deg,transparent 0,transparent 34px,rgba(130,142,154,.025) 35px,transparent 37px)}
.topbar.topbar-wide{
 height:clamp(88px,10.5vw,168px)!important;min-height:0!important;
 width:100%;padding:0 22px!important;display:flex;align-items:flex-end!important;
 background:#10151b url('fixitfirst-approved-header.webp') left center / 100% 100% no-repeat!important;
 border-bottom:2px solid #d41221!important;box-shadow:0 5px 0 #090d12,0 10px 22px #0009!important;
 isolation:isolate;overflow:hidden!important;
}
.topbar.topbar-wide::before,.topbar.topbar-wide::after{display:none!important}
.topbar-wide .banner-logo-wide{position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;height:100%!important;z-index:0!important;pointer-events:auto!important}
.topbar-wide .topbar-meta{display:none!important}
.topbar-wide .v3brand{display:none!important}
.topbar-wide #logout{position:relative!important;z-index:3!important;margin-left:auto;margin-bottom:9px;background:#101820df!important;border:1px solid #b51a28!important;backdrop-filter:blur(8px)}
/* Sign-in card mirrors the approved mockup while keeping real form controls */
#login.login-card{
 position:relative;overflow:hidden;box-sizing:border-box;
 width:min(92vw,650px);max-width:650px!important;
 margin:clamp(24px,6vh,68px) auto 64px!important;padding:34px clamp(20px,5vw,58px) 0!important;
 background:linear-gradient(145deg,#30373ddf,#11161ce9 65%,#10151a)!important;
 border:1px solid #646b70!important;border-radius:26px!important;
 box-shadow:0 20px 55px #000b,0 0 0 1px #ffffff12 inset!important;
}
#login .login-welcome{text-align:center;position:relative;z-index:1;margin:0 0 26px}
#login .login-welcome h2{font-size:clamp(25px,3.1vw,40px);letter-spacing:-.5px;margin:0 0 5px;color:#f4f6f8;text-shadow:0 3px 5px #000b}
#login .login-welcome p{font-size:17px;margin:0;color:#e4e8eb}
#login .login-gear{position:absolute;right:10px;top:75px;font-size:200px;line-height:1;color:#a9b4be0b;pointer-events:none}
#login form{position:relative;z-index:1}
#login form label{color:#d4dce4;font-weight:600}
#login form input{background:#272f36!important;color:#f4f6fa!important;border:1px solid #5d6974!important;border-radius:10px!important;min-height:48px;box-sizing:border-box}
#login form button[type=submit]{width:100%;background:linear-gradient(#e10a16,#85000a)!important;border:1px solid #f41e2c!important;border-radius:10px!important;min-height:51px;font-size:17px;font-weight:800;box-shadow:0 6px 16px #0008}
#login .v3hint{text-align:center;color:#aeb9c4;position:relative;z-index:1}
#login .login-tagline{position:relative;margin:25px calc(-1 * clamp(20px,5vw,58px)) 0;padding:14px 18px 17px;background:linear-gradient(90deg,#1b2026,#11161b,#1b2026);border-top:2px solid #e20c1a;color:#f4f4f4;font-weight:700;font-style:italic;text-align:center;text-shadow:0 2px 4px #000}
@media(max-width:700px){
 .topbar.topbar-wide{height:clamp(70px,14vw,100px)!important;background-size:auto 100%!important;background-position:left center!important}
 .topbar-wide #logout{font-size:11px;padding:6px 8px}
 #login.login-card{margin-top:30px!important}
}
@media(max-width:420px){
 .topbar.topbar-wide{height:75px!important;background-size:auto 100%!important}
 #login.login-card{padding-top:27px!important}
 #login .login-welcome p{font-size:15px}
}

/* BUILD 15: Subtle semi drive-axle tread, sourced from approved visual reference.
   Login form remains real HTML and all Supabase JavaScript is unchanged. */
body{background:#0c1015!important;background-image:linear-gradient(180deg,rgba(8,12,16,.05),rgba(8,12,16,.15)),url('fixitfirst-drive-tread-background.webp')!important;background-size:cover,100% auto!important;background-position:center center,center 165px!important;background-repeat:no-repeat,no-repeat!important;background-attachment:fixed,fixed!important}
#login.login-card{margin-top:clamp(35px,7vh,90px)!important;box-shadow:0 22px 55px #000d,0 0 0 1px #ffffff10 inset!important}
#login .login-tagline{border-top:1px solid #a41b25!important;background:linear-gradient(90deg,#181c22,#11161b 12%,#11161b 88%,#181c22)!important;box-shadow:inset 0 3px 0 #b50d1b,0 -5px 15px #0007}
#login .login-tagline::before,#login .login-tagline::after{content:'///';color:#e51224;font-size:18px;letter-spacing:-3px;position:absolute;top:9px}
#login .login-tagline::before{left:12px}#login .login-tagline::after{right:18px}
#login .login-welcome h2{text-transform:none!important}
@media(max-width:700px){body{background-size:cover,auto 100vh!important;background-position:center center,center 90px!important}#login .login-tagline{font-size:12px;padding-left:26px;padding-right:26px}}

/* BUILD 15 REFINED: real controls faithfully styled to approved visual. */
.topbar.topbar-wide{height:clamp(92px,10.9vw,174px)!important;background-position:center center!important;background-size:100% 100%!important}
.test-banner{font-size:9px!important;padding:5px 20px!important;background:#11171ce0!important;border-bottom:1px solid #26303a!important;letter-spacing:.6px!important}
.system-message{padding:5px 20px!important;min-height:0!important;background:#10151a99!important;border-bottom:0!important;font-size:10px!important}
#login.login-card{width:min(92vw,766px)!important;max-width:766px!important;margin:clamp(30px,5vh,66px) auto 60px!important;padding:31px clamp(28px,5.9vw,96px) 0!important;background:linear-gradient(155deg,#30353a 0%,#151b20 50%,#0a0e12 100%)!important;border:2px solid #737d85!important;border-radius:32px!important;box-shadow:0 24px 60px #000c,inset 0 1px 0 #ffffff2b,0 0 24px #c5101b15!important}
#login .login-welcome{margin-bottom:27px!important}
#login .login-welcome h2{font:800 clamp(27px,3.1vw,43px) Inter,Arial,sans-serif!important;letter-spacing:-1.5px!important;margin:0 0 8px!important;color:#f5f6f7!important;text-shadow:0 3px 3px #000a!important}
#login .login-welcome p{font-size:clamp(15px,1.4vw,21px)!important}
#login .login-gear{right:18px!important;top:87px!important;font-size:210px!important;color:#b8c4d012!important}
#login form{display:flex!important;flex-direction:column!important;gap:15px!important}
#login form .login-field{display:block!important;position:relative!important;margin:0!important;font-size:0!important}
#login form .login-field input{width:100%!important;min-height:59px!important;padding:13px 52px 13px 62px!important;margin:0!important;background:linear-gradient(110deg,#252c32,#323b43)!important;border:2px solid #66717a!important;border-radius:13px!important;font-size:19px!important;font-weight:400!important;color:#f5f6f7!important;box-shadow:inset 0 2px 8px #0007!important}
#login form .login-field input::placeholder{color:#e2e5e8!important;opacity:1}
#login form .login-field .field-icon{position:absolute!important;z-index:2;left:20px;top:50%;transform:translateY(-50%);font-size:29px!important;font-family:Arial,sans-serif!important;font-weight:400!important;color:#f3f5f7;line-height:1;pointer-events:none}
#login form .login-field .lock-icon{font-size:28px!important}
#login form .password-toggle{position:absolute!important;z-index:3!important;right:9px!important;top:50%!important;transform:translateY(-50%);width:42px!important;height:42px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;color:#f4f5f6!important;font-size:26px!important;box-shadow:none!important}
#login form .login-submit{min-height:62px!important;margin:8px 0 0!important;background:linear-gradient(#ff161d 0%,#df000b 38%,#990007 100%)!important;border:2px solid #f92832!important;border-radius:12px!important;font-size:24px!important;font-weight:800!important;box-shadow:0 9px 20px #000b,inset 0 2px 1px #ff9b9b66!important}
#login form .login-submit span{font-size:28px;vertical-align:-1px;margin-right:12px}
#login .login-help{font-size:11px!important;margin:13px 0 0!important;color:#a9b4bd!important}
#login .login-tagline{margin:26px calc(-1 * clamp(28px,5.9vw,96px)) 0!important;padding:15px 45px 19px!important;background:linear-gradient(90deg,#14191f,#0c1116 17%,#12171c 83%,#14191f)!important;border-top:1px solid #a72a30!important;border-radius:0 0 29px 29px!important;font-size:clamp(13px,1.55vw,20px)!important;font-weight:800!important;letter-spacing:-.4px!important;white-space:normal!important;box-shadow:inset 0 3px 0 #a30e18,0 -5px 14px #0006!important}
#login .login-tagline::before,#login .login-tagline::after{content:'❯❯'!important;font-size:22px!important;letter-spacing:-8px!important;top:12px!important;color:#ee1426!important}
#login .login-tagline::before{left:18px!important}#login .login-tagline::after{right:24px!important}
@media(max-width:700px){.topbar.topbar-wide{height:clamp(65px,13vw,98px)!important;background-size:auto 100%!important;background-position:left center!important}#login.login-card{padding:25px 24px 0!important;border-radius:22px!important}#login .login-welcome h2{font-size:27px!important}#login form .login-field input{min-height:52px!important;font-size:15px!important;padding-left:48px!important}#login form .login-field .field-icon{left:14px;font-size:23px!important}#login form .login-submit{min-height:54px!important;font-size:20px!important}#login .login-tagline{margin-left:-24px!important;margin-right:-24px!important;font-size:12px!important;padding:14px 33px!important;border-radius:0 0 20px 20px!important}#login .login-tagline::before,#login .login-tagline::after{font-size:15px!important;letter-spacing:-6px!important}#login .login-tagline::before{left:9px!important}#login .login-tagline::after{right:14px!important}}

/* BUILD 16: pixel-matched login. The exact approved reference is the visual
   background; accessible live HTML fields are aligned with its artwork. */
body:has(#login:not(.v3hidden)){margin:0!important;background:#07090c!important}
body:has(#login:not(.v3hidden)) .app-shell{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;min-height:100vh!important;background:transparent!important}
body:has(#login:not(.v3hidden)) .topbar,
body:has(#login:not(.v3hidden)) .test-banner,
body:has(#login:not(.v3hidden)) .system-message{display:none!important}
body:has(#login:not(.v3hidden)) #login.pixel-login{
 display:block!important;position:relative!important;isolation:isolate!important;
 width:100%!important;max-width:none!important;height:auto!important;
 aspect-ratio:1670/941!important;margin:0 auto!important;padding:0!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 background: url('approved-login-reference.webp') center top / 100% 100% no-repeat!important;
 overflow:hidden!important;
}
#login.pixel-login #loginForm{position:absolute!important;inset:0!important;display:block!important;margin:0!important;padding:0!important;z-index:2!important}
#login.pixel-login #loginForm .login-field{position:absolute!important;display:block!important;margin:0!important;padding:0!important;width:33.8%!important;height:6.3%!important;font-size:0!important;transform:none!important}
#login.pixel-login #loginForm .login-field:nth-child(1){left:32.8%!important;top:42.9%!important}
#login.pixel-login #loginForm .login-field:nth-child(2){left:32.8%!important;top:51.2%!important}
#login.pixel-login #loginForm .login-field .field-icon{display:none!important}
#login.pixel-login #loginForm input{
 box-sizing:border-box!important;position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;min-height:0!important;
 margin:0!important;padding:0 12% 0 12%!important;border:0!important;
 background:transparent!important;box-shadow:none!important;outline:none!important;
 border-radius:12px!important;color:#fff!important;font:500 clamp(10px,1.3vw,21px) Arial,sans-serif!important;
}
#login.pixel-login #loginForm input:focus{background:#232b32f5!important;outline:2px solid #e0e6ea!important;outline-offset:-2px!important}
#login.pixel-login #loginForm .password-toggle{
 position:absolute!important;top:0!important;right:0!important;
 transform:none!important;width:15%!important;height:100%!important;
 border:0!important;background:transparent!important;box-shadow:none!important;
 color:transparent!important;font-size:0!important;cursor:pointer!important;
}
#login.pixel-login #loginForm .login-submit{
 position:absolute!important;left:32.8%!important;top:59.8%!important;
 width:33.8%!important;height:6.8%!important;min-height:0!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:13px!important;
 background:transparent!important;box-shadow:none!important;color:transparent!important;
 font-size:0!important;cursor:pointer!important;
}
#login.pixel-login #loginForm .login-submit span{display:none!important}
#login.pixel-login #loginForm .login-submit:focus-visible,
#login.pixel-login #resetPassword:focus-visible{outline:3px solid white!important;outline-offset:2px!important}
#login.pixel-login #loginForm .login-submit:disabled{cursor:wait!important;opacity:.6!important}
#login.pixel-login #resetPassword{
 position:absolute!important;left:42.5%!important;top:67.6%!important;
 width:15%!important;height:4.6%!important;padding:0!important;margin:0!important;
 border:0!important;background:transparent!important;box-shadow:none!important;
 color:transparent!important;font-size:0!important;cursor:pointer!important;z-index:3!important;
}
body:has(#login:not(.v3hidden)) .system-message.has-error{
 display:block!important;position:fixed!important;bottom:12px!important;left:50%!important;
 transform:translateX(-50%)!important;max-width:min(90vw,650px)!important;
 z-index:100!important;padding:12px 18px!important;border-radius:9px!important;
 background:#3a1017!important;color:#fff!important;border:1px solid #e22637!important;
 font-size:14px!important;text-align:center!important;
}
@media(max-aspect-ratio:1670/941){
 body:has(#login:not(.v3hidden)) #login.pixel-login{margin-top:max(0px,calc((100vh - 56.35vw)/2))!important}
}

/* Build 17 equipment directory — scoped to workspace, login untouched */
.equipment-directory{display:grid;grid-template-columns:minmax(190px,240px) minmax(0,1fr);gap:18px;margin-top:16px}
.equipment-folders{padding:16px;border:1px solid #39424a;border-radius:12px;background:#171c22;align-self:start}
.equipment-folders strong{display:block;margin-bottom:12px;color:#f3f4f6}
.equipment-folders small{display:block;margin-top:13px;line-height:1.5;color:#aeb7c1}
.folder-buttons{display:grid;gap:6px}
.equipment-folder{display:block;width:100%;text-align:left;padding:11px 12px;background:transparent;color:#d8dfe6;border:1px solid transparent;border-radius:8px;cursor:pointer;font:inherit;font-size:13px}
.equipment-folder:hover,.equipment-folder.selected{background:#343b43;border-color:#626b75;color:#fff}
.equipment-folder.selected{border-left:3px solid #c52d32}
.equipment-results{min-width:0}
.equipment-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.equipment-toolbar label{display:grid;gap:6px;font-size:12px;color:#cbd3dc}
.equipment-search-label{flex:1;min-width:200px}
.equipment-toolbar input,.equipment-toolbar select{min-height:40px;width:100%;padding:9px 11px;border:1px solid #505b66;border-radius:7px;background:#111820;color:#fff;font:inherit}
.equipment-count{color:#cbd3dc;font-size:12px;margin:8px 0 12px}
@media(max-width:850px){.equipment-directory{grid-template-columns:1fr}.folder-buttons{display:flex;flex-wrap:wrap}.equipment-folder{width:auto}.equipment-folders{padding:12px}}

/* Build 17 Phase 2: equipment directory tools */
.equipment-directory-actions{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 14px}
.equipment-directory-actions button{background:#242c34;color:#e8edf2;border:1px solid #56616c;border-radius:8px;padding:9px 12px;cursor:pointer;font:inherit;font-size:12px}
.equipment-directory-actions button:hover{border-color:#d04449;background:#303842}

/* Build 17 Phase 3 — custom folder management */
.folder-creator{display:grid;gap:9px;margin-top:16px;padding-top:14px;border-top:1px solid #52565b}.folder-creator label{font-weight:700;font-size:12px}.folder-creator input{width:100%;min-width:0;padding:9px;border-radius:6px;border:1px solid #777;background:#1b1d20;color:#fff}.folder-creator button,.custom-folder-manage button{padding:7px 9px;border:1px solid #777;border-radius:6px;background:#33383d;color:#fff;cursor:pointer}.folder-creator>button{background:#a31e25;border-color:#bc353c}.custom-folder-manage{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:6px 0}.custom-folder-manage span{flex:1;min-width:100px;overflow-wrap:anywhere;font-size:12px}.custom-folder-manage button{font-size:11px}.folder-assign-label{display:inline-flex;align-items:center;gap:6px;margin-left:6px;font-size:12px;white-space:nowrap}.folder-assign-label select{max-width:170px;padding:6px;border:1px solid #777;border-radius:5px;background:#26292d;color:#fff}@media(max-width:800px){.folder-assign-label{display:flex;margin:8px 0 0}}

/* Build 18 preventive maintenance */
.pm-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:12px;margin:14px 0}.pm-form label{display:flex;flex-direction:column;gap:5px}.pm-form input,.pm-form select{width:100%;box-sizing:border-box}.pm-actions{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.pm-detail{display:block;font-size:11px;opacity:.8;margin-top:4px}.pm-overdue{color:#f27b7b}.pm-soon{color:#e9b65d}.pm-ok{color:#6fd4a4}.pm-unset{color:#c8c8c8}

/* Build 19: company parts inventory */
.inventory-section{margin:28px 0;padding:24px!important;scroll-margin-top:18px}.inventory-heading{display:flex;justify-content:space-between;gap:20px;align-items:start;flex-wrap:wrap}.inventory-heading h2{margin:6px 0}.inventory-summary{display:grid;grid-template-columns:auto auto;gap:2px 12px;align-items:baseline;padding:10px 16px;border:1px solid #4b535b;border-radius:10px}.inventory-summary strong{color:#f05555;font-size:23px}.inventory-summary small{font-size:10px;letter-spacing:.08em}.inventory-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0;padding:18px;border:1px solid #424951;border-radius:12px;background:rgba(13,18,23,.32)}.inventory-form label,.inventory-toolbar label{display:flex;flex-direction:column;gap:6px}.inventory-form input,.inventory-toolbar input{width:100%;min-width:0}.inventory-form-actions{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.inventory-toolbar{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;margin:18px 0}.inventory-toolbar label{flex:1;min-width:200px}.inventory-table-wrap{overflow-x:auto}.inventory-low{color:#ffb870;font-weight:700}.inventory-actions{display:flex;gap:6px}.inventory-actions button{white-space:nowrap}.side-nav .nav-label{margin-top:18px}@media(max-width:800px){.inventory-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.inventory-form{grid-template-columns:1fr}.inventory-section{padding:14px!important}}

.inventory-adjustment{margin-top:20px;padding:18px;border:1px solid #505962;border-radius:12px}.inventory-toolbar select,.inventory-adjustment select{min-height:40px;background:#1b242d;color:#f1f3f5;border:1px solid #626b73;border-radius:6px;padding:8px}.inventory-summary{flex-wrap:wrap}.inventory-summary strong{white-space:nowrap}

/* Build 19 Phase 3: responsive fuel and receipt entry forms */
.ops-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:18px 0}.ops-form label{display:flex;flex-direction:column;gap:6px;font-size:13px}.ops-form input,.ops-form select,.ops-form textarea{width:100%;box-sizing:border-box}.ops-form .ops-wide{grid-column:1/-1}.ops-form button{align-self:end}.ops-summary{font-size:14px;margin:12px 0;font-weight:600}

/* Equipment folders in the main navigation */
.equipment-directory{display:block}
.equipment-folder-nav{min-width:0}
.equipment-folder-nav summary{display:list-item;cursor:pointer}
.equipment-folder-nav summary:focus-visible{outline:2px solid #f16b74;outline-offset:-2px}
.equipment-folder-nav .equipment-folders{margin:4px 0 8px;padding:10px}
.equipment-folder-nav .folder-buttons{display:grid;gap:3px}
.equipment-folder-nav .equipment-folder{width:100%;overflow-wrap:anywhere}
@media(max-width:760px){
  .equipment-folder-nav{flex:none}
  .equipment-folder-nav summary{white-space:nowrap}
  .equipment-folder-nav[open]{width:min(275px,75vw)}
  .equipment-folder-nav .equipment-folders{max-height:45vh;overflow:auto}
  #fleet{scroll-margin-top:80px}
}