:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#192530;background:#f6f8fa;font-size:16px}*{box-sizing:border-box}body{margin:0}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{max-width:1120px;margin:auto;padding:0 18px}.top{background:#fff;border-bottom:1px solid #e6ebef;position:sticky;top:0;z-index:5}.topinner{display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:16px}.brand{font-weight:850;letter-spacing:-.04em;font-size:1.3rem;color:#122b37}.brand span{color:#ed713f}.top small{color:#647480}.hero{padding:27px 0 14px}.hero h1{font-size:clamp(1.55rem,4vw,2.5rem);letter-spacing:-.045em;line-height:1.15;margin:0 0 8px}.hero p{color:#657380;margin:0 0 20px}.filters{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:9px;margin:0 0 22px}.input,select,textarea{border:1px solid #dbe3e8;border-radius:13px;padding:13px 14px;background:#fff;width:100%;color:#25333b;outline:none}.input:focus,select:focus,textarea:focus{border-color:#ed713f;box-shadow:0 0 0 3px #ed713f22}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:13px;padding:13px 17px;background:#142d3b;color:#fff;font-weight:700}.btn.accent{background:#ed713f}.btn.light{background:#eef2f4;color:#20313d}.count{font-weight:700;margin:5px 0 15px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding-bottom:50px}.card{background:#fff;border:1px solid #e7ecee;border-radius:19px;overflow:hidden;box-shadow:0 5px 20px #142d3b07}.photo{aspect-ratio:1.55;background:#e7ecef;position:relative;display:block}.photo img{width:100%;height:100%;object-fit:cover}.noimage{height:100%;display:grid;place-items:center;color:#7e8d97}.badge{position:absolute;top:12px;left:12px;background:#fff;padding:6px 10px;border-radius:8px;font-weight:750;font-size:.78rem}.cardbody{padding:16px}.card h2{font-size:1.1rem;letter-spacing:-.02em;margin:0 0 8px}.price{color:#d65b2c;font-weight:850;font-size:1.4rem;margin:0 0 10px}.facts{color:#62717c;font-size:.88rem;line-height:1.6;margin-bottom:15px}.card .btn{width:100%}.empty{padding:48px;text-align:center;background:#fff;border-radius:18px;color:#687987}.detail{display:grid;grid-template-columns:1.4fr 1fr;gap:26px;padding:26px 0 70px}.gallery>img{width:100%;aspect-ratio:1.45;object-fit:cover;border-radius:18px;background:#e8ecee}.thumbs{display:flex;gap:8px;overflow:auto;margin-top:8px}.thumbs button{border:0;padding:0;background:none;flex:0 0 88px}.thumbs img{width:88px;height:67px;object-fit:cover;border-radius:8px}.detail h1{font-size:1.8rem;margin:0 0 8px}.specs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.spec{background:#fff;border-radius:11px;padding:12px;color:#65717b}.spec strong{display:block;color:#192b36;margin-top:4px}.actions{display:grid;gap:10px}.actions .btn{width:100%}.adminbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 20px}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}.table td,.table th{padding:13px;text-align:left;border-bottom:1px solid #edf0f2}.table th{font-size:.85rem;color:#63717a}.formbox{background:#fff;border:1px solid #e9edef;border-radius:18px;padding:22px;max-width:760px;margin:24px auto 65px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.formgrid label{font-weight:650;font-size:.9rem}.formgrid label>input,.formgrid label>select,.formgrid label>textarea{margin-top:7px}.full{grid-column:1/-1}.hint{font-size:.82rem;color:#66747b}.error{background:#fff0ed;color:#9a3e26;padding:12px;border-radius:10px;margin:12px 0}.success{background:#e8f7eb;color:#246339;padding:12px;border-radius:10px}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-actions .btn{padding:9px 13px}.current-images{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.current-images label{width:110px;font-size:.8rem}.current-images img{width:110px;height:80px;object-fit:cover;border-radius:9px}.mobile-nav{display:none}@media(max-width:760px){.wrap{padding:0 14px}.topinner{min-height:58px}.top small{display:none}.hero{padding-top:21px}.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:1/-1}.filters button{grid-column:1/-1}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{border-radius:14px}.cardbody{padding:11px}.card h2{font-size:.95rem;line-height:1.3}.price{font-size:1.13rem}.facts{font-size:.76rem;min-height:39px;margin-bottom:9px}.card .btn{padding:10px 5px;font-size:.84rem}.detail{display:block;padding-top:12px}.detail h1{margin-top:16px}.formgrid{grid-template-columns:1fr}.table{display:block;overflow-x:auto}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -4px 20px #132f4219;justify-content:space-around;padding:10px 6px max(10px,env(safe-area-inset-bottom));z-index:8;font-size:.85rem;font-weight:750}.mobile-nav a{text-align:center;min-width:80px}.mobile-nav span{display:block;font-size:1.3rem}.grid,.detail{padding-bottom:95px}}@media(max-width:390px){.grid{grid-template-columns:1fr 1fr}.facts{font-size:.72rem}}
/* Phase 2: thumb-friendly showroom inventory controls */
.admin-cards{display:none}.inventory-card{background:#fff;border:1px solid #e7ecee;border-radius:17px;overflow:hidden}.inventory-photo{display:block;background:#e8edef;color:#71818b;aspect-ratio:1.7;display:grid;place-items:center}.inventory-photo img{width:100%;height:100%;object-fit:cover}.inventory-content{padding:15px}.inventory-content>strong{display:block;margin-bottom:13px;font-size:1.05rem}.quick-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-form label{font-size:.85rem;font-weight:700;color:#51616b}.quick-form input,.quick-form select{margin-top:5px}.quick-form button{grid-column:1/-1}.small-link{display:inline-block;margin-top:12px;color:#bd552e;font-weight:700;font-size:.9rem}.upload-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.upload-preview img{width:100%;aspect-ratio:1.3;object-fit:cover;border-radius:9px}.current-images label{position:relative}.cover-marker{font-size:.75rem;background:#142d3b;color:white;border-radius:5px;padding:3px 5px;display:inline-block;margin-top:4px}@media(max-width:760px){.admin-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:60px}.table{display:none}.inventory-content{padding:11px}.quick-form{grid-template-columns:1fr}.quick-form button{grid-column:auto}.adminbar h1{font-size:1.45rem}}@media(max-width:560px){.admin-cards{grid-template-columns:1fr}.inventory-card{display:grid;grid-template-columns:115px 1fr}.inventory-photo{height:100%;aspect-ratio:auto}.inventory-content{min-width:0}.quick-form{grid-template-columns:1fr 1fr}.quick-form button{grid-column:1/-1}.inventory-content>strong{line-height:1.25}.quick-form input,.quick-form select{padding:10px 7px;font-size:.86rem}}
.filters .sort-select{grid-column:4/6}@media(max-width:760px){.filters .sort-select{grid-column:1/-1}}
.install-banner[hidden]{display:none}.install-banner{position:fixed;z-index:10;bottom:12px;left:50%;transform:translateX(-50%);width:min(95vw,460px);display:flex;align-items:center;gap:10px;padding:9px;background:#fff;border:1px solid #e7ecee;box-shadow:0 12px 40px #142d3b29;border-radius:16px}.install-banner img{width:44px;height:44px;border-radius:10px}.install-banner>div{flex:1;min-width:0}.install-banner strong,.install-banner small{display:block}.install-banner small{font-size:.75rem;color:#63727c}.install-banner .btn{padding:10px 12px;font-size:.85rem}.install-close{border:0;background:none;color:#6b7980;font-size:1.5rem;padding:4px}@media(max-width:760px){.install-banner{bottom:75px}}
.header-logo{width:38px;height:38px;object-fit:contain;border-radius:8px;margin-right:9px;vertical-align:middle}.brand{display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis}.brand span{margin-left:1px}.settings-logo{display:block;width:94px;height:94px;object-fit:contain;margin:12px 0;border:1px solid #e4e9eb;border-radius:12px}.admin-toplinks{display:flex;gap:16px;font-size:.9rem;font-weight:700;white-space:nowrap}@media(max-width:400px){.admin-toplinks{gap:8px;font-size:.8rem}.header-logo{width:29px;height:29px}.brand{font-size:1.08rem}}
.enquiry-box{margin-top:26px;padding:20px;background:#fff;border:1px solid #e5ecef;border-radius:16px}.enquiry-box h2{font-size:1.3rem;margin:0 0 4px}.enquiry-box>p{color:#657480;margin:0 0 17px}.enquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.enquiry-form label{font-size:.9rem;font-weight:700}.enquiry-form label>.input,.enquiry-form label>textarea{margin-top:6px}.enquiry-form .full{grid-column:1/-1}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.lead-tabs{display:flex;gap:7px;overflow-x:auto;margin-bottom:18px}.lead-tabs a{padding:9px 12px;border-radius:11px;background:#fff;border:1px solid #e2e9eb;white-space:nowrap;font-size:.88rem;font-weight:700}.lead-tabs a.active{background:#142d3b;color:#fff}.lead-tabs span{opacity:.7}.lead-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-bottom:50px}.lead-card{background:#fff;padding:17px;border:1px solid #e7ecee;border-radius:16px}.lead-card-head{display:flex;justify-content:space-between;gap:8px}.lead-card h2{margin:4px 0;font-size:1.12rem}.lead-time{font-size:.78rem;color:#71818b}.lead-car{font-size:.9rem;color:#c4572f;font-weight:650}.lead-status{font-size:.76rem;font-weight:750;padding:5px 8px;border-radius:8px;height:max-content;background:#eef2f3}.lead-status.new{background:#fff1df;color:#91520e}.lead-status.contacted{background:#e7f2fb;color:#235c81}.lead-status.closed{background:#e8f5ec;color:#25633a}.lead-message{line-height:1.5;white-space:pre-wrap;background:#f7f9fa;border-radius:10px;padding:10px}.lead-update{display:grid;grid-template-columns:1fr 2fr;gap:8px;margin-top:14px;border-top:1px solid #edf0f1;padding-top:12px}.lead-update label{font-size:.8rem;font-weight:700}.lead-update label>input,.lead-update label>select{margin-top:5px}.lead-update button{grid-column:1/-1}.lead-card .admin-actions{margin-top:12px}.lead-card .admin-actions .btn{font-size:.82rem}@media(max-width:800px){.lead-list{grid-template-columns:1fr}}@media(max-width:500px){.enquiry-form{grid-template-columns:1fr}.enquiry-form .full{grid-column:auto}.lead-update{grid-template-columns:1fr}.admin-toplinks{font-size:.78rem;gap:7px}}
.drive-update{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;border-top:1px solid #edf0f1;padding-top:12px}.drive-update label{font-size:.8rem;font-weight:700}.drive-update label>input,.drive-update label>select{margin-top:5px}.drive-update .full{grid-column:1/-1}.lead-status.requested{background:#fff1df;color:#91520e}.lead-status.confirmed{background:#e8f5ec;color:#25633a}.lead-status.rescheduled{background:#e7f2fb;color:#235c81}.lead-status.completed{background:#edf1f4;color:#41535f}.lead-status.cancelled{background:#f8e9e8;color:#904040}@media(max-width:520px){.drive-update{grid-template-columns:1fr}.drive-update .full{grid-column:auto}.admin-toplinks{gap:6px;font-size:.73rem}.admin-toplinks a{max-width:75px;overflow:hidden;text-overflow:ellipsis}}
.public-toplinks{display:flex;gap:15px;align-items:center}.public-toplinks>a{font-size:.82rem;font-weight:700;color:#51616d;white-space:nowrap}.staff-grid,.walkin-detail{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:50px}.staff-member{background:#fff;border:1px solid #e6ebee;border-radius:12px;margin:9px 0;padding:13px}.staff-member summary{cursor:pointer}.staff-member form{padding-top:15px}.walkin-list{display:grid;gap:10px;padding-bottom:50px}.walkin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e6ebee;border-radius:14px;padding:15px}.walkin-row strong,.walkin-row small{display:block}.walkin-row small{color:#697a83;margin-top:3px}.customer-facts>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #edf0f2}.customer-facts dt{color:#677782}.customer-facts dd{margin:0;text-align:right;font-weight:700}.followup-form,.assign-form{display:grid;gap:12px}.followup-form label,.assign-form label{font-size:.88rem;font-weight:700}.followup-form label>input,.followup-form label>select,.followup-form label>textarea,.assign-form select{margin-top:6px}.assign-form{margin-top:22px;padding-top:18px;border-top:1px solid #edf0f2}.history-item{border-left:3px solid #e6ebef;padding:7px 11px 7px 14px;margin:12px 0;line-height:1.5}.history-item p{white-space:pre-wrap;margin:5px 0}.lead-status.follow_up{background:#e7f2fb;color:#235c81}.lead-status.won{background:#e8f5ec;color:#25633a}.lead-status.lost{background:#f8e9e8;color:#904040}@media(max-width:760px){.staff-grid,.walkin-detail{grid-template-columns:1fr}.public-toplinks small{display:none}.public-toplinks>a{font-size:.75rem}.admin-toplinks{flex-wrap:wrap;justify-content:flex-end;max-width:240px}.admin-toplinks a{max-width:none}}
.staff-filters{display:grid;grid-template-columns:2fr 1fr auto;gap:9px;margin:0 0 18px}.staff-car-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:25px}.staff-car-grid .small-link{display:block;text-align:center}.staff-car-grid .facts{min-height:42px}.sold-note{display:block;background:#eef1f3;color:#5d6b73;text-align:center;border-radius:11px;padding:12px;font-weight:700}@media(max-width:850px){.staff-car-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.staff-filters{grid-template-columns:1fr 1fr}.staff-filters input{grid-column:1/-1}.staff-filters button{grid-column:1/-1}.staff-car-grid{gap:10px}.staff-car-grid .cardbody{padding:10px}.staff-car-grid .btn{font-size:.78rem;padding:10px 6px}}@media(max-width:370px){.staff-car-grid{grid-template-columns:1fr}}
