:root{--green:#111214;--ink:#f4f4f4;--muted:#b4bac1;--paper:#151719;--line:#383c42;--lime:#ff7900;--orange:#ff7900}
body{background:#101113;color:var(--ink);position:relative;isolation:isolate}
body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(#101113e8,#101113fa),url('garage-background.png') center center/cover no-repeat;pointer-events:none}
header{background:#101113d9;border-bottom-color:#363a40;max-width:1100px}
.brand{display:block;line-height:0}.brand-logo{width:205px;height:59px;object-fit:cover;object-position:50% 51%;clip-path:inset(0 1%);mix-blend-mode:screen}
.private{background:#25282d;color:#d8dde2;border:1px solid #41464e}
.primary,.searchbar button{background:var(--orange);color:#151515;border:1px solid #ff963a;font-weight:800;box-shadow:0 3px 14px #ff790016}
.primary:hover,.searchbar button:hover{background:#ff963a}.searchbar button span{color:#151515}
.hero{position:relative;isolation:isolate;padding:48px 30px 30px;margin:24px -6px 0;border:1px solid #3f4145;border-radius:18px;overflow:hidden;background:#111214;min-height:455px}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('garage-background.png') center right/cover no-repeat;opacity:.78}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101113fa 0%,#101113d9 43%,#10111347 100%),linear-gradient(0deg,#111214c9,transparent 80%)}
.hero-logo{position:absolute;right:25px;top:25px;width:330px;height:104px;z-index:0;opacity:.95;pointer-events:none;mix-blend-mode:screen}
.hero-logo img{width:100%;height:100%;object-fit:cover;object-position:50% 51%;clip-path:inset(0 1%)}
.hero .eyebrow{color:#ff983d;max-width:400px}.hero h1{font-size:clamp(36px,5.6vw,56px);text-shadow:0 2px 18px #000;max-width:600px}.hero>p{color:#d3d7dc;max-width:500px}
.hero form{max-width:700px}.hero .hint{color:#bdc3cb}.hero label{color:#f3f3f3}
.searchbar{background:#151719eb;border-color:#555a63;box-shadow:0 8px 25px #0004}.searchbar input{color:white}.searchbar input::placeholder{color:#aeb4bd}
.stats{background:#141619e6;border:1px solid var(--line);border-radius:12px;margin-top:22px;padding:23px 20px}.stat b{color:#ff963a}.stat span{color:#b9c0c8}
.textbtn{color:#e0e4e8;background:#22252a;border-color:#4b515a}.textbtn:hover{background:#34302b;border-color:#ff963a}
.vehicle,.record{background:#191c20f5;border-color:#3e444c;box-shadow:0 3px 20px #0002}.vehicle:hover{border-color:#ff963a;background:#212327}
.plate{background:#ecece9;color:#17191b;border-color:#fff}.vehicle .model{color:#f2f2f2}.vehicle .bottom,.vehicle p{color:#b6bec8}
.summary{background:linear-gradient(120deg,#22252b,#141619);border:1px solid #ff790080;border-left:4px solid var(--orange)}.summary .plate{background:#ff8b22;border-color:#ff8b22}.summary p,.amount small{color:#c8ced6}.summary .amount b{color:#ff9c4b}
.date,.source{color:#ffad69}.recordmeta{color:#bdc6d1}.total{color:#f6f6f6}.recordmeta a,.contact a{color:#ffba84;text-underline-offset:3px}
.bill{background:#101215;border:1px solid #333941}.bill span{color:#b9c1ca}.bill b{color:#f8f8f8}details{border-top-color:#3c424a}
select{color:#eee;background:#22252a;border-color:#50565f}.loadmore{color:#eee;background:#22252a;border-color:#50565f}
.notice{background:#382719;border-color:#946036;color:#ffe0c2}.empty{background:#16191de6;border-color:#565d66}.empty p{color:#b9c1ca}
footer{background:#151719d9;padding:22px;border:1px solid var(--line);border-radius:12px;max-width:none}footer a{color:#ffad69}footer strong{color:#f0f0f0}
dialog{background:#1a1d21;color:#f5f5f5;border-color:#525860;box-shadow:0 24px 90px #0009;color-scheme:dark}dialog::backdrop{background:#000c}dialog .eyebrow{color:#ff9b48}
.form-grid input,.form-grid textarea,#assign-plate{background:#101215;color:#f5f5f5;border-color:#59616b}.form-grid input::placeholder,.form-grid textarea::placeholder,#assign-plate::placeholder{color:#a1aab6}
.form-section span,.filters{color:#b9c1ca}.assign-context{background:#292d33;color:#e0e5ea}.form-actions{border-top-color:#3c424a}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ffad69;outline-offset:3px}
@media(max-width:850px){.hero-logo{width:240px;height:80px;opacity:.7;right:20px}.hero h1{max-width:480px}.hero:after{background:linear-gradient(90deg,#101113f7,#101113b5),linear-gradient(0deg,#111214b0,transparent)}}
@media(max-width:640px){header{padding:14px 18px}.brand-logo{width:174px;height:49px}.hero{margin:18px -4px 0;padding:118px 18px 20px;min-height:0;border-radius:14px}.hero-logo{top:9px;left:15px;right:auto;width:min(320px,calc(100% - 30px));height:99px;opacity:1}.hero:before{background-position:65% center;opacity:.55}.hero h1{font-size:38px;margin:13px 0}.hero>p{font-size:15px}.hero .eyebrow{font-size:9px;letter-spacing:1.4px}.hero form{margin-top:23px}.searchbar button{padding:15px 10px;font-size:12px}.searchbar input{font-size:20px}.stats{padding:20px 14px}.stat{padding-left:12px}.stat b{font-size:23px}.stat span{font-size:10px}footer{padding:18px}.header-actions{gap:6px}.header-actions .primary{font-size:12px;padding:12px 10px}}
@media(prefers-reduced-motion:reduce){.vehicle{transition:none}}

.hero>:not(.hero-logo){position:relative;z-index:1}

header{justify-content:flex-end}.hero{padding-top:158px}.hero-logo{top:18px;left:50%;right:auto;transform:translateX(-50%);width:min(460px,calc(100% - 40px));height:130px;opacity:1}.extra-searches{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:900px;margin-top:18px}.extra-searches form{margin-top:0;min-width:0}.contact-searchbar{display:flex;gap:8px;align-items:center;background:#151719ed;border:1px solid #555a63;border-radius:12px;padding:7px}.contact-searchbar input{width:100%;min-width:0;border:0;outline-offset:3px;background:transparent;color:white;padding:10px;font:inherit;font-size:16px}.contact-searchbar input::placeholder{color:#aeb4bd}.contact-searchbar .primary{font-size:13px;padding:12px 13px}.search-results-title{font-size:16px;margin:26px 0 14px}.contact-hit{margin-top:10px!important;line-height:1.5;overflow-wrap:anywhere}.search-match-count{font-size:13px;color:var(--muted);margin-bottom:18px}@media(max-width:640px){.hero{padding-top:118px}.hero-logo{top:9px;left:50%;right:auto;transform:translateX(-50%);width:min(320px,calc(100% - 30px));height:99px}.extra-searches{grid-template-columns:1fr;gap:12px;margin-top:18px}.extra-searches .hint{margin-bottom:0}.contact-searchbar input{font-size:16px}.contact-hit{font-size:11px!important}.hero>p{max-width:100%}}

.edit-button{margin-top:16px;margin-right:10px}
/* Client navigation and contact actions */
.client-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;background:#101215f2;border:1px solid #363b43;border-radius:0 0 16px 16px;box-shadow:0 8px 30px #0003}.client-navigation{display:flex;align-items:center;gap:10px;margin-left:auto}.nav-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;min-height:46px;border:1px solid #434952;border-radius:10px;text-decoration:none;color:#f3f4f6;font-size:13px;font-weight:650;line-height:1.25;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s}.nav-action svg{width:18px;height:18px;flex:none}.nav-book{background:#ff7900;color:#141414;border-color:#ff963a}.nav-estimate{background:#24272d}.nav-staff{background:transparent;color:#bac1cc;border-color:#363b43}.nav-action:hover{transform:translateY(-1px);border-color:#ff963a;background:#34312d;color:#fff}.nav-book:hover{background:#ff963a;color:#141414}.nav-action[aria-current="page"]{box-shadow:0 0 0 2px #ff790033;border-color:#ff963a}.nav-home{font-size:13px;font-weight:600;color:#c6ccd5;text-decoration:none}.nav-home:hover{color:#ffab68}.nav-action:focus-visible,.whatsapp-button:focus-visible,.nav-home:focus-visible{outline:3px solid #fff;outline-offset:4px}.client-help{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid #363b43}.client-help:last-child{margin:0;padding:0;border:0}.help-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:#ff9d51}.client-help h2{font-size:24px;margin:8px 0;color:#f6f6f6}.client-help p{margin:0;color:#bdc3cc;font-size:14px}footer .whatsapp-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:13px 18px;border-radius:12px;border:1px solid #4a8667;background:#16352a;color:#e4fff0;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}.whatsapp-button svg{width:25px;height:25px;flex:none}.whatsapp-button small{display:block;font-size:11px;font-weight:400;color:#b4dbc7;margin-top:4px}footer .whatsapp-button:hover{background:#214735;border-color:#67b18a}@media(max-width:760px){.client-header{flex-wrap:wrap;padding:14px 16px;gap:12px}.client-navigation{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.nav-action{padding:11px 7px;gap:6px;font-size:11px;white-space:normal;text-align:center}.nav-action svg{width:16px;height:16px}.client-help{flex-direction:column;align-items:stretch;gap:18px}.client-help h2{font-size:22px}.whatsapp-button{width:100%}}@media(max-width:380px){.nav-action{flex-direction:column;gap:6px;font-size:10px}}
.staff-header .client-navigation{flex-wrap:wrap;justify-content:flex-end}.staff-header .private{font-size:10px;font-weight:600;letter-spacing:.04em;padding:8px 10px;border:1px solid #363b43;border-radius:8px;color:#aeb7c4;background:#171a20}.staff-header button.nav-action{font-family:inherit}.staff-header button.nav-action:disabled{transform:none}.staff-header .nav-action{box-shadow:0 3px 12px #0002}.staff-header .nav-staff:hover{color:#fff}@media(max-width:760px){.staff-header .client-navigation{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.staff-header .private{display:none}.staff-header .nav-action{min-height:48px;font-size:12px;padding:12px 8px;flex-direction:row}.staff-header .nav-action svg{width:18px;height:18px}.staff-header .header-actions .primary{font-size:12px;padding:12px 8px}}

/* One service visit, with its notes grouped inside the same card. */
#results .service-card{display:block;margin:18px 0;padding:24px;border:1px solid #454b54;border-left:4px solid #ff7900;border-radius:16px;background:#171b22;box-shadow:0 8px 24px #0003;overflow-wrap:anywhere}
#results .service-card h3{margin:0 0 14px;font-size:20px;line-height:1.4;color:#ffad6b}
#results .service-card .service-description{margin:0;color:#f0f2f5;white-space:pre-wrap;line-height:1.7}
#results .service-work-notes{margin-top:18px;padding-top:16px;border-top:1px solid #353b44}
#results .service-work-notes h4{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#aeb8c7}
#results .service-work-notes p{margin:0;white-space:pre-wrap;font-size:14px;line-height:1.7;color:#d4dbe5}
@media(max-width:600px){#results .service-card{padding:18px;margin:14px 0;border-radius:12px}#results .service-card h3{font-size:18px}}
#results .history-summary{margin:22px 0 18px;padding:20px;border:1px solid #454b54;border-radius:16px;background:#171b22;box-shadow:0 8px 24px #0003}
#results .history-summary h2{font-size:20px;line-height:1.35;overflow-wrap:anywhere}
#results .history-summary p{margin:10px 0 0;color:#c6cbd2;line-height:1.6}
#results .client-vehicle-details{margin:18px 0;padding-top:16px;border-top:1px solid #353b44}
#results .client-vehicle-details h3{margin:0 0 12px;color:#ffad6b;font-size:15px}
#results .client-vehicle-details dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:0}
#results .client-vehicle-details dl>div{min-width:0}
#results .client-vehicle-details dt{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#aeb8c7}
#results .client-vehicle-details dd{margin:3px 0 0;color:#f0f2f5;overflow-wrap:anywhere}
#results .view-plate-estimate{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:16px;padding:12px 18px;text-decoration:none}
@media(max-width:600px){#results .history-summary{padding:18px;border-radius:14px}#results .view-plate-estimate{display:flex;width:100%;margin-top:16px}}
@media(max-width:420px){#results .client-vehicle-details dl{grid-template-columns:1fr}}

.visual-booking-link{display:inline-block;margin:8px 0 14px}.visual-booking-choice{margin:0 0 24px}

.appointment-options:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0 40px}.appointment-option{display:block;padding:28px;border:1px solid #454b54;border-radius:16px;background:#171b22;color:#f2f5f8;text-decoration:none}.appointment-option:hover{border-color:#ff7900;background:#20242c}.appointment-option h2{font-size:25px;margin:14px 0}.appointment-option p{color:#bdc5d1;line-height:1.6}.appointment-option strong{display:block;margin-top:24px;color:#ffab6b}.appointment-option:focus-visible{outline:3px solid #ff7900;outline-offset:4px}@media(max-width:650px){.appointment-options:not([hidden]){grid-template-columns:1fr}.appointment-option{padding:22px}}

.vehicle-appointment{margin:18px 0 26px;padding:24px;border:2px solid #5ab78d;border-radius:14px;background:#152d24;color:#f2fff7}.vehicle-appointment.pending{border-color:#ffa35b;background:#342718}.appointment-label{display:block;font-size:14px;letter-spacing:.05em;line-height:1.5;color:#94edb9}.pending .appointment-label{color:#ffbd83}.vehicle-appointment h2{margin:12px 0 8px;font-size:27px;color:#fff}.vehicle-appointment p{margin:8px 0;line-height:1.5}.vehicle-appointment a{color:#b9ffe0;font-weight:700}.pending a{color:#ffbd83}@media(max-width:600px){.vehicle-appointment{padding:18px}.vehicle-appointment h2{font-size:23px}}
.client-reviews{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;padding:32px;margin:8px 0 28px;text-align:left;background:linear-gradient(125deg,#24201d,#171b22 65%);border:1px solid #504237;border-top:3px solid #ff7900;border-radius:18px}.client-reviews h2{font-size:clamp(24px,4vw,32px);margin:10px 0 12px;color:#fff;letter-spacing:-.02em}.client-reviews p{max-width:620px;margin:0;color:#c6cbd2;line-height:1.7;font-size:15px}.review-button{display:flex;align-items:center;gap:14px;min-height:76px;padding:17px 20px;border-radius:12px;border:1px solid #e3e6ea;background:#f7f8fa;color:#18202a;text-decoration:none;font-weight:700;font-size:16px;transition:transform .15s,background .15s}.review-button:hover{background:#fff;transform:translateY(-2px);color:#18202a}.review-brand{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:white;border:1px solid #dfe4eb;color:#4285f4;font-size:26px;font-weight:800}.review-button small{display:block;margin-top:5px;color:#59616d;font-size:12px;font-weight:400}.review-arrow{margin-left:12px;font-size:22px}.review-button:focus-visible{outline:3px solid #ff7900;outline-offset:5px}@media(max-width:760px){.client-reviews{grid-template-columns:1fr;gap:22px;padding:24px}.review-button{justify-content:flex-start}.review-arrow{margin-left:auto}}
.review-actions{display:grid;gap:12px;min-width:280px}.facebook-button{border-color:#42679d;background:#182a44;color:#f7faff}.facebook-button:hover{background:#203b61;color:#fff}.facebook-button small{color:#c1d3ef}.facebook-brand{background:#1877f2;color:white;border:0;font-family:Arial,sans-serif;font-size:32px;line-height:1}.review-actions .review-arrow{margin-left:auto}@media(max-width:760px){.review-actions{min-width:0;width:100%}}
.hero .eyebrow.garage-slogan{font-size:clamp(16px,2.4vw,24px);font-weight:750;line-height:1.4;letter-spacing:1.2px;max-width:100%;margin:12px 0 16px;text-wrap:balance}@media(max-width:640px){.hero .eyebrow.garage-slogan{font-size:17px;letter-spacing:.7px}}
.edit-vehicle-button{margin:0 0 24px}#vehicle-editor select{width:100%;min-height:45px;border:1px solid #68717e;border-radius:8px;background:#151920;color:#f5f5f5;padding:10px;font:inherit}#vehicle-editor-message{line-height:1.5}#vehicle-editor .plate{display:inline-block;margin:12px 0}
@media(min-width:651px){.appointment-options .appointment-option:nth-child(3):last-child{grid-column:1/-1}}

/* Centred, side-by-side client actions at every screen size. */
.client-header:not(.staff-header){justify-content:center}.client-header:not(.staff-header) .client-navigation{margin:0;display:flex;flex-wrap:nowrap;justify-content:center;gap:12px}.client-header:not(.staff-header) .nav-action{min-height:50px;padding:14px 22px;font-size:14px;flex-direction:row}
@media(max-width:760px){.client-header:not(.staff-header) .client-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:420px;gap:9px}.client-header:not(.staff-header) .nav-action{min-width:0;min-height:50px;padding:12px 9px;font-size:12px;gap:7px;flex-direction:row}.client-header:not(.staff-header) .nav-action svg{width:17px;height:17px}}

.referral-invite{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0;padding:22px;border:1px solid #775235;border-radius:14px;background:#201b17}.referral-invite h2{margin:8px 0;font-size:23px}.referral-invite p{margin:0;max-width:650px;color:#c9c5c1}.referral-invite>a{flex-shrink:0}.reward-card{border:1px solid #515966;border-radius:10px;padding:16px;margin:14px 0}.reward-card strong{color:#ffb16c}.reward-card p{margin:8px 0}.reward-card button{margin:8px 8px 0 0}.booking-coupon{padding:16px;border:1px solid #68513b;border-radius:10px;margin:20px 0}#referral-code,#reward-code{font-family:monospace;font-size:13px;overflow-wrap:anywhere;width:100%}@media(max-width:600px){.referral-invite{flex-direction:column;align-items:stretch}.referral-invite>a{text-align:center}}
.referral-demo{margin:18px 0;padding:16px;border:1px dashed #ba8350;border-radius:12px;background:#251e17}.referral-demo>summary{cursor:pointer;font-weight:650;color:#ffbc83}.referral-demo h3{margin:12px 0}.referral-demo .details-confirmation{margin:14px 0!important;font-size:14px}.demo-coupon{padding:18px;border:1px dashed #70ac83;border-radius:10px;background:#182a1d;color:#b1ebc3}.referral-steps li{padding:6px 0 12px}.referral-steps li>p{margin:7px 0;line-height:1.6}.referral-steps{padding-left:24px}