:root{--blue:#174a68;--blue2:#246d92;--orange:#e8782b;--bg:#eef3f6;--text:#173042;--muted:#647985;--danger:#a83232}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.topbar{background:var(--blue);color:#fff;display:flex;align-items:center;gap:18px;padding:14px 22px}.topbar h1{font-size:22px;margin:0}.topbar p{margin:2px 0 0;opacity:.85}.topbar span{margin-left:auto;font-weight:700}.back{color:#fff;text-decoration:none;border:1px solid #ffffff55;border-radius:8px;padding:9px 12px}main{max-width:1200px;margin:auto;padding:18px}.panel{background:#fff;border-radius:14px;box-shadow:0 3px 15px #17304218;padding:18px;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:1fr 180px;gap:12px}.wide{grid-column:1/-1}label{display:flex;flex-direction:column;gap:5px;font-weight:700}input,select,textarea{width:100%;border:1px solid #bbc8cf;border-radius:8px;padding:9px;background:#fff}.toolbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}button,.button-link{border:0;border-radius:9px;background:var(--blue2);color:#fff;font-weight:700;padding:10px 14px;cursor:pointer;text-decoration:none}.ghost{background:#e8eef2;color:var(--text)}.button-link{margin-left:auto;background:var(--orange)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:820px}th,td{border-bottom:1px solid #dbe3e7;padding:8px;text-align:left}th{background:#eef4f7}.qty{width:85px}.unit{width:110px}.price{width:125px}.vat{width:85px}.line-total{white-space:nowrap;font-weight:700}.delete{background:var(--danger);padding:7px 10px}.totals{margin:18px 0 0 auto;width:min(380px,100%);display:grid;gap:7px}.totals div{display:flex;justify-content:space-between;padding:8px 10px;background:#f1f5f7;border-radius:8px}.totals .grand{background:var(--blue);color:#fff;font-size:18px}.hint{color:var(--muted);font-size:13px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(25px);background:#173042;color:#fff;padding:11px 16px;border-radius:9px;opacity:0;transition:.25s}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:700px){.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.topbar p{display:none}.button-link{margin-left:0}.toolbar>*{flex:1;text-align:center}}@media print{.topbar,.toolbar,.hint,.delete{display:none!important}body{background:#fff}.panel{box-shadow:none;padding:8px}}
/* Correctif V3.2.1 */
.form-grid{grid-template-columns:minmax(280px,1.25fr) minmax(220px,1fr) 180px}
.field-help{font-weight:400;color:var(--muted);font-size:12px}
.designation-cell{min-width:390px;position:relative}
.article-search{margin-bottom:5px;border-color:#8faeba;background:#f8fbfc}
.article-results{display:none;position:absolute;z-index:20;left:8px;right:8px;top:49px;max-height:300px;overflow:auto;background:#fff;border:1px solid #b9c9d1;border-radius:9px;box-shadow:0 8px 25px #17304230}
.article-results.open{display:block}
.article-choice{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #e3eaee;border-radius:0;background:#fff;color:var(--text);padding:9px 11px;font-weight:400}
.article-choice:hover{background:#eef6f9}
.article-choice strong,.article-choice small{display:block}
.article-choice small{margin-top:3px;color:var(--muted);font-size:11px}
.result-info{padding:10px 12px;color:var(--muted);font-size:13px}
@media(max-width:850px){.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.designation-cell{min-width:320px}}