body{padding-top:68px}#demo-banner{position:fixed;z-index:120;inset:0 0 auto;height:68px;background:#0e302d;color:#eafaf5;display:flex;justify-content:space-between;align-items:center;padding:12px 26px;gap:14px;box-shadow:0 2px 10px #0b242330}#demo-banner>div{display:flex;align-items:center;gap:16px}#demo-banner strong{font-size:11px;letter-spacing:.1em;padding:7px 10px;border-radius:6px;background:#d7f8a8;color:#17372d}#demo-banner span{font-size:12px;line-height:1.4}#demo-banner button{border:1px solid #8ba99e;background:transparent;color:white;padding:9px 13px;border-radius:7px;white-space:nowrap;cursor:pointer}.sidebar{top:68px;height:calc(100vh - 68px)}.demo-welcome{background:linear-gradient(115deg,#123d36,#1b5a48);color:#fff;border-radius:16px;padding:28px 32px;margin-bottom:28px;display:flex;justify-content:space-between;gap:26px;align-items:center}.demo-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;color:#c7e6ad}.demo-welcome h2{font-size:27px;line-height:1.2;max-width:550px;margin:12px 0}.demo-welcome p{font-size:14px;line-height:1.6;max-width:580px;color:#d4e7df}.demo-quick{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.demo-quick button{background:#e5f6cd;color:#163e32;padding:12px 16px;font:inherit;font-size:12px;font-weight:700;border:0;border-radius:8px;cursor:pointer;text-align:left}.demo-quick button+button{background:#ffffff12;color:#fff;border:1px solid #ffffff30}.demo-form-note{padding:12px 16px;background:#fff4d5;color:#735523;font-size:13px;line-height:1.5;border-radius:8px;margin-bottom:18px}.demo-guide{font-size:15px;line-height:1.7}.demo-guide ol{padding-left:23px;margin:20px 0}.demo-guide li{margin:12px 0}.demo-guide p{margin-bottom:18px}.demo-print-warning{padding:14px;border:2px solid #222;font-weight:bold;font-size:12px;margin-bottom:20px}@media(max-width:900px){.demo-welcome{flex-direction:column;align-items:stretch}.demo-quick{flex-direction:row;flex-wrap:wrap}.demo-welcome h2{font-size:23px}}@media(max-width:600px){body{padding-top:84px}#demo-banner{height:84px;padding:10px 14px;gap:10px}#demo-banner>div{flex-direction:column;align-items:flex-start;gap:5px}#demo-banner strong{font-size:9px;padding:4px 6px}#demo-banner span{font-size:10px}#demo-banner button{font-size:10px;padding:8px}.sidebar{top:84px;height:calc(100vh - 84px)}.demo-welcome{padding:22px;margin-bottom:20px}.demo-welcome h2{font-size:23px}.demo-quick{flex-direction:column}}@media print{body{padding-top:0!important}#demo-banner,.demo-welcome{display:none!important}}

/* Identité fournie par Sud TechAuto. Logo original conservé sur fond blanc. */
.sidebar .brand{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.company-logo{display:block;width:164px;height:auto;max-width:100%;background:#fff;border-radius:10px;padding:8px;object-fit:contain}.sidebar .brand strong{font-size:19px}.demo-welcome{background:linear-gradient(115deg,#191b20,#462126)}.demo-eyebrow{color:#ffd5d5}.demo-quick button{background:#fff;color:#9e1a22}.demo-quick button+button{background:#ffffff12;color:#fff}#demo-banner{background:#202126}#demo-banner strong{background:#ffe4e5;color:#8f1820}.company-print{display:flex;align-items:center;gap:18px;margin-bottom:16px}.company-print img{height:auto;object-fit:contain}@media(max-width:760px){.company-logo{width:125px}.topbar .workshop{max-width:150px}}