:root{--primary:#ed6a23;--accent:#17384a;--ink:#203945;--line:#d6e0e6}*{box-sizing:border-box}body{margin:0;font:13px/1.5 system-ui,sans-serif;color:var(--ink);background:#f3f6f8}header{display:flex;gap:26px;align-items:center;padding:20px 4%;background:var(--accent);color:white}header a{color:inherit;text-decoration:none}header a:last-child{margin-left:auto}.brand{font-size:22px}.brand strong{color:#ffbc7b}main{max-width:1400px;margin:auto;padding:28px 4%}h1{font-size:32px;line-height:1.15;margin:6px 0 16px}h2{font-size:19px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}.heading,.toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.heading{justify-content:space-between}.toolbar{margin:16px 0}label{display:grid;gap:4px}input,select,textarea{font:inherit;color:inherit;border:1px solid #a8bac6;border-radius:6px;min-height:36px;padding:7px 9px;background:white}textarea{min-height:100px;width:100%}button{font:inherit;min-height:35px;padding:7px 12px;border:1px solid #bed0da;border-radius:6px;background:white;color:var(--ink);cursor:pointer}button:hover{border-color:var(--primary);background:#edf3f7}button[type=submit],nav button.active{background:var(--accent);color:white}button:disabled{opacity:.5;cursor:default}.demo{padding:10px 14px;border-left:3px solid var(--primary);background:white}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.stat{background:white;padding:16px;border:1px solid var(--line);border-radius:10px}.stat b{display:block;font-size:28px}nav{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}#content{background:white;padding:18px;border:1px solid var(--line);border-radius:10px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:11px;text-transform:uppercase;background:#edf3f7}small{color:#566d7a}.badge{font-size:11px;padding:3px 6px;background:#eef3f7;border-radius:4px}a{color:#135b83}dialog{width:min(760px,94vw);max-height:90vh;overflow:auto;border:0;border-radius:12px;padding:24px;color:var(--ink)}dialog::backdrop{background:#102a3c80}#fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}#fields .wide{grid-column:1/-1}#login{max-width:620px;margin:45px auto;padding:32px;background:white;border-radius:16px;border-top:6px solid var(--primary)}#login form{display:grid;gap:14px}footer{text-align:center;padding:20px;color:#647a87}#message,#editor-error{color:#a12821}[hidden]{display:none!important}@media(max-width:650px){header span{display:none}.stats{grid-template-columns:1fr}#fields{grid-template-columns:1fr}h1{font-size:26px}}

/* Shared spacious date-picker styles. */
/* Shared hint and clear action for every editable date field. */
.date-field{position:relative;display:block;min-width:0;margin-top:9px}
.date-field input{margin-top:0!important;padding-right:66px!important;width:100%}
.date-field-hint{display:none;position:absolute;left:13px;right:35px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:400;color:#687983;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.date-field-empty:not(:focus-within) .date-field-hint{display:block}
.date-field-empty:not(:focus-within) input::-webkit-datetime-edit{opacity:0}
.date-field-clear{position:absolute;right:5px;top:50%;transform:translateY(-50%);margin:0!important;padding:3px 8px!important;min-width:28px;line-height:1;font-size:22px;font-weight:400;background:#eef2f4;color:#536975;border-radius:5px}
.date-field-clear:hover{background:#ffe9df;color:#a84618}
.date-field-clear:focus-visible{outline:2px solid var(--orange);outline-offset:1px}
.general-columns label>.date-field{margin-top:0}
.planning-columns .date-field{margin-top:6px}
.date-field input::-webkit-calendar-picker-indicator{margin-right:0}
.general-columns label>.date-field{margin-top:6px}
#planning-picker{width:min(430px,94vw);max-height:90vh;overflow:auto;border:1px solid #e1e6e9;border-radius:16px;padding:24px;color:#243841;box-shadow:0 18px 65px #152a3e33}
#planning-picker::backdrop{background:#1e303d66}
#planning-picker .section-title h2{font-size:20px;margin:0}
#planning-picker-close{margin:0;padding:2px 10px;background:transparent;font-size:26px;color:#687983}
.picker-month-nav{display:flex;align-items:center;justify-content:space-between;margin:18px 0 12px}
.picker-month-nav button{font-size:24px;padding:3px 14px;background:#f4f6f8;margin:0}
.picker-month-nav span{text-transform:capitalize;font-weight:700}
.picker-weekdays,.picker-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.picker-weekdays span{text-align:center;font-size:11px;color:#71818a;padding:8px 0}
.picker-days button{margin:0;padding:10px 0;font-weight:500;background:#f5f7f8;color:#354f5c;border:1px solid transparent}
.picker-days button[aria-current=date]{border-color:var(--orange)}
.picker-days button[aria-pressed=true]{background:var(--orange);color:white}
.picker-days button:hover{background:#ffe8db;color:#843611}
.picker-time-row{display:flex;gap:16px;align-items:end}
.picker-time-row label{flex:1;margin-bottom:12px}
.picker-time-row button{margin-bottom:12px;white-space:nowrap;padding:12px}
.picker-time-row input{padding:10px}
.picker-actions{display:flex;justify-content:space-between;gap:8px;margin-top:20px}
.picker-actions button{margin:0;padding:12px}
#planning-picker button:focus-visible,.planning-combined button:focus-visible{outline:3px solid #e5652866;outline-offset:2px}
.planning-columns label input,.planning-columns label select,.planning-columns label>.date-field,.planning-columns label>.planning-combined{margin-top:0}
.vehicle-field-control .date-field{margin:0;width:100%}
.dossier-main :is(.general-columns,.vehicle-detail-columns,.planning-columns) :is(input,select,textarea,.date-field){margin-top:0}
[hidden]{display:none!important}

:root{--orange:var(--accent)}.section-title{display:flex;justify-content:space-between;align-items:center}

.certificate-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

.guarantee-support-frame{width:100%;height:65vh;min-height:440px;display:block;background:white;border:1px solid #ccd7dd;border-radius:10px}