:root{font-family:Arial,Helvetica,sans-serif;color:#101820;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}h1{font-size:24px;margin:0 0 22px}h2{font-size:17px;margin:0 0 16px}p{line-height:1.5}.top{background:#0d203a;color:white;padding:17px 25px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:22px;font-weight:900;letter-spacing:1px}.brand span{font-size:12px;display:block;color:#bcd4e9;letter-spacing:2px}.logout{color:white}.shell{display:flex;min-height:calc(100vh - 75px)}.side{width:245px;flex-shrink:0;background:#142c49;padding:15px;display:flex;flex-direction:column;gap:5px}.side a{padding:13px 12px;border-radius:7px;text-decoration:none;color:white;font-size:13px;font-weight:800}.side a:hover,.side a.active{background:#1474c7}.main{padding:28px;flex:1;min-width:0}.panel{background:white;border:1px solid #d6e0e9;border-radius:10px;padding:20px;margin:0 0 18px;box-shadow:0 2px 5px #142c490a}.panel h2{border-bottom:2px solid #1474c7;padding-bottom:12px}.formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}label{display:block;font-size:13px;font-weight:700;color:#101820}input,textarea,select{width:100%;border:1px solid #9baaba;border-radius:5px;padding:10px;margin-top:6px;font:inherit;color:#101820;background:#fff}textarea{min-height:85px}button,.button{border:0;background:#086bb8;color:white;padding:11px 16px;border-radius:6px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#004c89}.secondary{background:#233c55}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px}.stats div{background:white;border-radius:10px;padding:22px}.stats b{display:block;font-size:30px;color:#075c9d}.stats span{font-size:13px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:10px;border-bottom:1px solid #dce4ec;text-align:left;vertical-align:top}th{background:#eef4fa}td a{margin-right:8px}.inline{display:inline}.smallbtn{font-size:11px;padding:5px 7px;background:#566579}.search{display:flex;gap:8px;margin-bottom:16px}.search input{margin:0;max-width:380px}.uploadrow{display:flex;gap:15px;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e0e7ee;align-items:center}.uploadrow form{display:flex;gap:8px;align-items:center}.uploadrow input{max-width:240px}.dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-left:8px}.green{background:#20a154}.red{background:#d83b3b}.uploadrow small{margin-left:7px}.auth{max-width:440px;margin:9vh auto;background:white;border-radius:12px;padding:32px;box-shadow:0 8px 30px #1232}.auth label{margin:13px 0}.auth button{width:100%;margin-top:12px}.error{color:#a21a1a}.success{color:#0a7b40}.small{font-size:12px}.print{max-width:850px;margin:30px auto;background:white;padding:35px}.print th{width:40%}@media(max-width:850px){.shell{display:block}.side{width:auto;flex-direction:row;overflow-x:auto}.side a{white-space:nowrap}.main{padding:15px}.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.uploadrow{display:block}.stats{grid-template-columns:1fr}}@media(max-width:540px){.formgrid{grid-template-columns:1fr}.brand{font-size:17px}.uploadrow form{display:block}.uploadrow input{max-width:100%}}@media print{body{background:white}.top,.side,.no-print{display:none!important}.shell{display:block}.main,.print{padding:0;margin:0}.panel{box-shadow:none;break-inside:avoid}}

/* Fluid Purchase Inventory design: layout only, existing PHP actions preserved */
:root{--ink:#142335;--line:#e2e8f0;--accent:#0c6fbd}
body{background:#f3f6fa}
.main{padding:clamp(16px,2vw,32px)}
.inventory-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(115deg,#102945,#1b5382);border-radius:17px;padding:clamp(20px,3vw,34px);color:#fff;margin-bottom:22px;box-shadow:0 12px 30px #112d4c20}
.inventory-hero h2{font-size:clamp(23px,2.4vw,34px);margin:8px 0;color:#fff;letter-spacing:-.6px}
.inventory-hero p{color:#dcebf8;margin:0;font-size:14px;max-width:680px}
.eyebrow{font-size:11px;font-weight:900;letter-spacing:2px;color:#a5d5ff}
.inventory-new{white-space:nowrap;background:#fff;color:#123d65;border-radius:10px;padding:13px 20px}
.inventory-new:hover{background:#e5f3ff;color:#123d65}
.inventory-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.inventory-form .panel{margin:0;border:1px solid var(--line);border-radius:15px;padding:clamp(18px,2vw,25px);box-shadow:0 5px 24px #152c460a}
.inventory-form .stock-panel,.inventory-form .inventory-actions{grid-column:1/-1}
.inventory-form .formgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.inventory-form .panel h2,.inventory-documents h2{border:0;border-bottom:1px solid #e8edf3;padding:0 0 14px;margin:0 0 19px;color:#101820;font-size:16px;font-weight:900}
.inventory-form label{font-size:11px;letter-spacing:.25px;text-transform:uppercase;color:#101820;font-weight:800}
.inventory-form input,.inventory-form textarea,.inventory-form select{border:1px solid #d3dce6;background:#fbfcfe;border-radius:9px;min-height:43px;padding:11px 12px;font-size:13px;font-weight:500;outline:none;transition:border .2s,box-shadow .2s}
.inventory-form input:focus,.inventory-form textarea:focus{border-color:#1474c7;box-shadow:0 0 0 3px #1474c720;background:#fff}
.inventory-form .stock-panel label{max-width:500px}
.inventory-actions{position:sticky;bottom:12px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:#fff;border:1px solid #dbe4ec;border-radius:13px;box-shadow:0 10px 30px #132a4530}
.inventory-actions span{font-size:12px;color:#59697a}
.inventory-actions button{border-radius:9px;padding:13px 22px}
.inventory-documents{margin-top:22px;border-radius:15px}
.inventory-documents .uploadrow{gap:18px}
.inventory-documents .uploadrow>div{min-width:220px}
.inventory-documents .uploadrow form{flex-wrap:wrap;justify-content:flex-end}
.inventory-documents .uploadrow input{width:230px}
@media(max-width:1100px){.inventory-form{grid-template-columns:1fr}.inventory-form .formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.inventory-hero{flex-direction:column;align-items:flex-start}.inventory-form .formgrid{grid-template-columns:1fr}.inventory-actions{flex-direction:column;align-items:stretch}.inventory-actions button{width:100%}.inventory-documents .uploadrow form{justify-content:flex-start}}

/* Larger, clearer inventory typography — scoped to Purchase Inventory */
.inventory-hero h2{font-size:clamp(30px,3vw,42px)}
.inventory-hero p{font-size:17px;line-height:1.6}
.inventory-hero .eyebrow{font-size:13px}
.inventory-form .panel h2,.inventory-documents h2{font-size:23px;line-height:1.35}
.inventory-form label{font-size:17px;line-height:1.45;letter-spacing:0;font-weight:800;color:#111827}
.inventory-form input,.inventory-form select,.inventory-form textarea{font-size:18px;line-height:1.45;min-height:52px;padding:13px 14px;color:#111827}
.inventory-form input::placeholder,.inventory-form textarea::placeholder{font-size:16px}
.inventory-actions span{font-size:16px}
.inventory-actions button,.inventory-new{font-size:17px;font-weight:800}
.inventory-documents,.inventory-documents label,.inventory-documents .uploadrow{font-size:17px;line-height:1.5}
.inventory-documents input,.inventory-documents button{font-size:16px;min-height:44px}
@media(max-width:650px){.inventory-form label{font-size:16px}.inventory-form input,.inventory-form select,.inventory-form textarea{font-size:17px}}

/* 4 U MOTORS — chrome / navy 3D navigation */
.shell .side{width:290px;flex:0 0 290px;align-self:stretch;padding:14px 12px 25px;gap:10px;background:linear-gradient(150deg,#071727 0%,#071527 58%,#102c52 100%);box-shadow:inset -2px 0 0 #224b78,7px 0 22px #07182c1c}
.side-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 6px 18px;margin-bottom:3px;border-bottom:1px solid #31517b;background:radial-gradient(ellipse at top,#194777 0%,transparent 72%)}
.side-brand img{width:100%;max-width:260px;height:auto;object-fit:contain;filter:drop-shadow(0 3px 6px #0008)}
.side-brand span{color:#e4edfa;font-size:10px;font-weight:900;letter-spacing:3px;margin-top:5px}
.shell .side .side-link{display:flex;align-items:center;gap:11px;min-height:57px;padding:6px 10px;border:1px solid #33506e;border-radius:13px;background:linear-gradient(155deg,#203d59,#0b1b30 70%);color:#f7faff;box-shadow:inset 0 1px 1px #ffffff24,0 5px 8px #0007,0 1px 0 #05101c;font-size:12px;font-weight:850;line-height:1.25;transition:transform .18s,box-shadow .18s,background .18s}
.shell .side .side-link:hover{transform:translateY(-2px);background:linear-gradient(155deg,#285981,#102d52);box-shadow:inset 0 1px 1px #ffffff55,0 8px 13px #0009}
.shell .side .side-link.active{border-color:#27d9ff;background:linear-gradient(145deg,#0789ec,#0045bb 82%);box-shadow:inset 0 2px 3px #ffffff72,0 0 0 1px #03cfff,0 0 14px #00bfff8c,0 6px 12px #0009}
.side-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:11px;border:1px solid #6593ba;background:linear-gradient(145deg,#446581,#071a31 85%);box-shadow:inset 0 2px 3px #ffffff55,0 3px 5px #0009;font-size:24px;line-height:1;color:white;text-shadow:0 2px 3px #0009}
.active .side-icon{background:linear-gradient(145deg,#00c9ff,#0860e3);border-color:#80edff}
.side-label{flex:1;min-width:0}.side-arrow{font-size:31px;line-height:1;color:#dbe9ff;font-weight:400}
@media(max-width:850px){.shell .side{width:100%;flex:auto;flex-direction:row;overflow-x:auto;align-items:center;padding:9px;gap:8px}.side-brand{flex:0 0 115px;padding:5px;border:0;margin:0}.side-brand span{font-size:7px;letter-spacing:1px}.shell .side .side-link{flex:0 0 auto;min-height:50px;padding:5px 10px}.side-icon{width:35px;height:35px;flex-basis:35px;font-size:20px}.side-arrow{display:none}.side-label{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.shell .side .side-link{transition:none}}

/* Raised 3D tiles inside Vehicle Location / Manual Status */
.manual-status-grid > div:not(.manual-status-total){background:linear-gradient(145deg,#ffffff 0%,#f0f2f5 55%,#dce1e7 100%);border:1px solid #c1c9d3;border-radius:14px;box-shadow:7px 8px 14px rgba(34,48,65,.19),inset 2px 2px 3px #fff,inset -2px -2px 4px rgba(90,105,125,.12);padding:20px 22px;min-height:105px;transition:transform .2s,box-shadow .2s}
.manual-status-grid > div:not(.manual-status-total):hover{transform:translateY(-2px);box-shadow:9px 11px 18px rgba(34,48,65,.23),inset 2px 2px 3px #fff}
.manual-status-grid > div b{font-weight:900}
.manual-status-grid > div span{display:block;margin-top:5px;font-weight:700;letter-spacing:.025em}
@media(max-width:850px){.manual-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.manual-status-grid{grid-template-columns:1fr}}