:root{color-scheme:light;--ink:#10141c;--gold:#c7a15d;--cream:#f5f3ee;--line:#e3e1da;--muted:#5e6571;--red:#a53535;--green:#176447}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;min-height:48px;border-radius:14px;border:1px solid var(--line);padding:12px 18px;font-weight:650;background:white;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{opacity:.55;cursor:wait}input,select,textarea{width:100%;min-width:0;border:1px solid #bfc4cb;background:white;border-radius:12px;padding:13px 14px;font-size:16px;color:var(--ink)}textarea{min-height:110px;resize:vertical}label{display:grid;gap:7px;font-weight:600;font-size:14px}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.035em}h1{font-size:clamp(32px,5vw,56px);line-height:1.06}h2{font-size:27px}h3{font-size:20px;margin-bottom:8px}.topbar{position:sticky;top:0;z-index:20;background:var(--ink);color:white;min-height:72px;padding:12px max(20px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:750;letter-spacing:-1px}.mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(140deg,#ead4a5,#be954d);color:var(--ink);display:grid;place-items:center;font-size:15px;letter-spacing:0}.top-actions{display:flex;gap:8px}.topbar .ghost{background:none;border-color:#596170;color:white;min-height:43px;padding:8px 12px;font-size:13px}.notice{text-align:center;background:#e9dec5;padding:9px 18px;font-size:13px;font-weight:600}.shell{max-width:1160px;margin:auto;padding:30px 20px calc(110px + env(safe-area-inset-bottom));min-height:80vh}.hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;background:radial-gradient(ellipse at top right,#403525,var(--ink) 65%);color:white;padding:40px;border-radius:26px;margin-bottom:30px;align-items:center}.hero h1 em{font-style:normal;color:#e5ca95}.hero p{color:#d0d3db}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#e5ca95;font-weight:700;margin-bottom:16px}.panel{background:white;border:1px solid var(--line);padding:24px;border-radius:21px;box-shadow:0 7px 25px #11182705}.stack{display:grid;gap:17px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden}.card-body{padding:21px}.vehicle-art{height:180px;display:grid;place-items:center;background:linear-gradient(130deg,#202735,#636e7c);color:#e9d3a6}.vehicle-art svg{width:75%;max-width:260px;height:auto}.vehicle-art img{width:100%;height:180px;object-fit:cover}.tag{display:inline-flex;align-items:center;font-size:12px;background:#eee9df;padding:5px 10px;border-radius:20px;font-weight:650}.tag.green{color:var(--green);background:#e5f4ec}.tag.red{color:var(--red);background:#fae7e7}.muted{color:var(--muted)}.small{font-size:13px}.price{font-size:23px;font-weight:750}.price small{font-size:12px;font-weight:500;color:var(--muted)}.primary{background:linear-gradient(130deg,#e2c38b,#c19b54);border-color:#c3a169;color:var(--ink)}.full{width:100%}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.section-title{margin:26px 0 18px}.empty{padding:36px 24px;text-align:center;border:1px dashed #bcc1c9;border-radius:21px;background:#ffffff80}.empty h3{margin-bottom:8px}.bottom-nav{position:fixed;z-index:25;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:30px;background:#ffffffed;backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:9px 12px calc(9px + env(safe-area-inset-bottom))}.bottom-nav a{display:grid;place-items:center;gap:2px;min-height:50px;min-width:100px;font-size:11px;color:#636975;font-weight:650}.bottom-nav a span{font-size:22px;line-height:1}.bottom-nav a.active{color:#77561f}.bottom-nav a.active span{background:#f0e4cb;border-radius:12px;min-width:40px;padding:3px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.summary .panel strong{display:block;font-size:25px;margin-top:7px}.booking-card{display:grid;gap:16px}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions button{flex:1 1 auto}.danger{color:var(--red);border-color:#d8aaaa}.divider{border:0;border-top:1px solid var(--line);margin:5px 0}.progress{height:8px;border-radius:10px;background:#e8e9ec;overflow:hidden}.progress span{display:block;background:var(--gold);height:100%}.payment-row{padding:13px 0;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}.tabs button.selected{background:var(--ink);color:white;border-color:var(--ink)}dialog{border:0;padding:24px;border-radius:22px;max-width:560px;width:calc(100% - 24px);max-height:90dvh;overflow:auto;color:var(--ink);box-shadow:0 25px 80px #0005}dialog::backdrop{background:#0d1320a0;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.dialog-head h2{margin:0;font-size:24px}.toast{position:fixed;z-index:100;bottom:95px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 18px;border-radius:14px;width:max-content;max-width:calc(100% - 32px);box-shadow:0 8px 30px #0003;display:none}.toast.show{display:block}.error{color:var(--red);background:#fff0f0;padding:13px;border-radius:12px}.info{padding:16px;border-radius:14px;background:#eee9df;font-size:14px}.field-error{color:var(--red)}.finance-note{font-size:12px;color:var(--muted)}.list-row{padding:16px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.admin-list{max-height:500px;overflow:auto}.help{margin:30px 0 0;display:flex;gap:18px;justify-content:center;font-size:13px}.screen-reader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid #ae823b;outline-offset:3px}[hidden]{display:none!important}@media(max-width:800px){.hero{grid-template-columns:1fr;padding:27px;gap:15px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.summary{grid-template-columns:1fr 1fr}.summary .panel:last-child{grid-column:1/-1}}@media(max-width:520px){.shell{padding:22px 16px calc(105px + env(safe-area-inset-bottom))}.topbar{padding:12px 16px}.brand{font-size:21px}.hero{padding:25px 20px;border-radius:22px;margin-bottom:22px}.hero h1{font-size:38px}.cards{grid-template-columns:1fr}.grid2{gap:10px}.panel{padding:20px}.bottom-nav{gap:0;justify-content:space-around}.bottom-nav a{min-width:0;flex:1;font-size:10px}.summary .panel{padding:16px}.summary .panel strong{font-size:21px}.actions button{min-width:calc(50% - 10px)}.hero .panel{padding:18px}.tabs button{flex:1;padding:10px}.vehicle-art{height:170px}.vehicle-art img{height:170px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
:where(.list-row,.payment-row,.booking-card) small{overflow-wrap:anywhere}
@media(max-width:520px){.shell>.grid2{grid-template-columns:1fr}.summary .panel:last-child{grid-column:auto}.summary .panel:nth-child(3):last-child{grid-column:1/-1}}

/* AutoRavi 1.1 — identité automobile blanc / or champagne */
:root{--ink:#11151b;--gold:#ccb07a;--cream:#f6f4ef;--line:#e3e0d8}
.topbar{background:#11151b;min-height:88px;border-bottom:1px solid #b3945926}.brand{display:flex;flex:0 0 auto;letter-spacing:0}.brand img{display:block;width:240px;height:64px;object-fit:contain;object-position:left center}.topbar .ghost{border-color:#ffffff30;border-radius:100px;color:#f5f2eb}.notice{background:#eae3d5;color:#60533b;font-weight:500;letter-spacing:.2px}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 10% 100%,#34312a,#14181e 65%);padding:44px;border:1px solid #cfb47b30;box-shadow:0 18px 55px #17212d0d}.hero>div,.hero form{position:relative;z-index:1}.hero h1{font-weight:600;font-size:clamp(38px,4.5vw,58px);line-height:1.13;letter-spacing:-2.7px;margin-bottom:22px}.hero h1 em{color:#d9bd88}.hero p{max-width:450px;font-size:16px;line-height:1.75;color:#c2c5cc}.hero .panel{border:1px solid #ede9e1;box-shadow:0 20px 55px #0003;padding:28px}.hero .tag{background:#ffffff0a;border:1px solid #bfa16b55;color:#e7d6b5;font-weight:500}.hero-signature{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hero-subnote{font-size:12px;color:#aeb1b9}.hero-car{margin:30px 0 0;max-width:390px}.hero-car svg{width:100%;height:auto;fill:none;stroke:#cdb27b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.55}.primary{background:linear-gradient(120deg,#e1cba5,#c6a46b);border-color:#c6a46b}.card{box-shadow:0 12px 28px #17212d06}.card h3{font-weight:600}.section-title h2{font-weight:600}.bottom-nav{box-shadow:0 -8px 25px #00000004}.loading-state{display:flex;gap:14px;align-items:center;min-height:160px;color:#646a73}.loading-wheel{width:24px;height:24px;border:2px solid #d6cab4;border-top-color:#896c38;border-radius:50%;animation:wheel 1s linear infinite}.loading-state p{margin:0}@keyframes wheel{to{transform:rotate(360deg)}}.brand-settings{display:grid;gap:15px;border-bottom:1px solid var(--line);padding-bottom:22px}.brand-settings h2{margin-bottom:0}.logo-preview{background:#11151b;border-radius:18px;padding:18px;display:flex;align-items:center;justify-content:center;min-height:110px}.logo-preview img{max-width:100%;width:300px;max-height:130px;object-fit:contain}.checkbox-label{display:flex;align-items:center;gap:12px;font-size:13px}.checkbox-label input{width:20px;height:20px;min-height:20px;flex:0 0 auto}.hero input,.hero select{border-color:#d8d6cf}.hero button{min-height:52px}@media(max-width:800px){.hero{padding:30px}.hero-car{max-width:290px;margin-top:20px}.hero h1{font-size:43px}.brand img{width:210px;height:58px}}@media(max-width:520px){.topbar{min-height:76px;padding:9px 16px;gap:8px}.brand img{width:177px;height:54px}.top-actions{gap:6px;min-width:0}.topbar .ghost{padding:8px 11px;font-size:12px;max-width:106px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar #install{padding:8px;font-size:10px;max-width:64px}.notice{font-size:11px;padding:9px 14px}.hero{padding:26px 20px;border-radius:24px;gap:22px}.hero h1{font-size:37px;letter-spacing:-1.8px;margin-bottom:16px}.hero p{font-size:14px;line-height:1.7}.hero .panel{padding:20px;border-radius:19px}.hero-car{margin-top:18px;max-width:260px}.hero-signature{gap:10px}.hero-subnote{font-size:11px}.eyebrow{font-size:10px;letter-spacing:1.7px}.hero-car svg{opacity:.45}}
@media(prefers-reduced-motion:reduce){.loading-wheel{animation:none}}