:root{
  --navy:#004A7D; --navy-d:#00365C; --teal:#18A5B6; --teal-d:#0E7C8A;
  --ink:#111827; --muted:#4B5563; --line:#E5E7EB; --bg:#F4F5F7; --card:#FFFFFF; --side:#0F1B2D;
  --red:#B91C1C; --green:#047857; --amber:#92400E;
  --font:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.45}
a{color:var(--navy)}a:hover{color:var(--navy-d)}
h1{font-size:26px;margin:0}h2{font-size:17px;margin:0}
.num{font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}
.right{text-align:right}
code{background:#EEF2F7;padding:1px 5px;border-radius:4px}

/* Mise en page */
.shell{display:flex;flex-wrap:wrap;min-height:100vh}
.side{flex:1 1 230px;max-width:100%;background:var(--side);color:#fff;padding:22px 14px;display:flex;flex-direction:column;gap:22px}
.main{flex:999 1 560px;min-width:0;padding:28px;display:flex;flex-direction:column;gap:20px}
.brand{display:flex;align-items:center;gap:10px;padding:0 6px}
.brand-mark{width:36px;height:36px;border-radius:8px;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.brand-name{font-weight:700;letter-spacing:.04em}
.brand-sub{color:#9CA3AF;font-size:12px}
.nav{display:flex;flex-direction:column;gap:3px}
.nav a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:8px;color:#D1D5DB;text-decoration:none;font-weight:500;font-size:14px}
.nav a:hover{background:#1C2B42;color:#fff}
.nav a.on{background:var(--navy);color:#fff}
.side-foot{margin-top:auto;padding:0 6px;font-size:13px;color:#9CA3AF}
.side-foot .who{color:#fff;margin-bottom:4px}
.linkbtn{background:none;border:0;padding:6px 0;color:#9CA3AF;font:inherit;cursor:pointer;text-decoration:underline}
@media (max-width:820px){.side{flex-basis:100%;padding:14px}.nav{flex-direction:row;flex-wrap:wrap}.side-foot{margin-top:0}.main{padding:18px}}

/* En-têtes de page */
.page-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.page-head p{margin:4px 0 0;color:var(--muted);font-size:14px}
.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}

/* Cartes */
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}
.card.flush{padding:0;overflow-x:auto}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.kpi .lbl{font-size:13px;color:var(--muted);font-weight:500}
.kpi .val{font-variant-numeric:tabular-nums;font-size:26px;font-weight:650;margin-top:6px;letter-spacing:-.01em}
.kpi .sub{font-size:12px;color:var(--muted)}
.kpi.alert{background:#FEF2F2;border-color:#FECACA}.kpi.alert *{color:#991B1B}
.row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.row>.grow2{flex:2 1 460px;min-width:0}.row>.grow1{flex:1 1 300px;min-width:0}

/* Boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 16px;border-radius:8px;border:1px solid #D1D5DB;background:#fff;color:var(--ink);font:inherit;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap}
.btn:hover{background:#F9FAFB;color:var(--ink)}
.btn-primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy-d);color:#fff}
.btn-teal{background:var(--teal-d);border-color:var(--teal-d);color:#fff}.btn-teal:hover{background:#0B6672;color:#fff}
.btn-danger{color:var(--red);border-color:#FCA5A5}
.btn-sm{min-height:34px;padding:0 10px;font-size:13px}
.btn-ghost{border-color:transparent;background:transparent}
form.inline{display:inline}

/* Formulaires */
.stack{display:flex;flex-direction:column;gap:14px}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.fld{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:#374151}
.fld input,.fld select,.fld textarea,input.cell,select.cell{min-height:42px;padding:8px 11px;border:1px solid #D1D5DB;border-radius:8px;background:#fff;font:inherit;font-size:14px;font-weight:400;color:var(--ink);width:100%}
.fld textarea{min-height:80px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid var(--teal);outline-offset:1px;border-color:var(--teal)}
fieldset{border:1px solid var(--line);border-radius:10px;padding:14px;margin:0;display:flex;flex-direction:column;gap:12px}
legend{font-weight:600;padding:0 6px}
.check{display:flex;align-items:center;gap:8px;font-size:14px}
.check input{width:20px;height:20px;accent-color:var(--navy)}

/* Tableaux */
table{border-collapse:collapse;width:100%;font-size:14px}
th{text-align:left;font-weight:600;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap;background:#FAFAFB}
td{padding:11px 12px;border-bottom:1px solid #F1F2F4;vertical-align:middle}
tr:last-child td{border-bottom:0}
td.nowrap,th.nowrap{white-space:nowrap}
.empty{padding:28px;text-align:center;color:var(--muted)}

/* Statuts */
.chip{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}
.chip-gray{background:#F3F4F6;color:#374151}.chip-blue{background:#EFF6FF;color:#1E40AF}
.chip-violet{background:#F5F3FF;color:#5B21B6}.chip-teal{background:#ECFEFF;color:#0E7490}
.chip-amber{background:#FFFBEB;color:#92400E}.chip-green{background:#ECFDF5;color:#047857}
.chip-red{background:#FEF2F2;color:#B91C1C}

/* Onglets & filtres */
.tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:#E5E7EB;border-radius:10px}
.tabs a{min-height:38px;display:flex;align-items:center;padding:0 14px;border-radius:8px;text-decoration:none;color:#374151;font-weight:500;font-size:14px}
.tabs a.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.filters form{display:flex;flex-wrap:wrap;gap:8px}
.filters input,.filters select{min-height:40px;padding:0 11px;border:1px solid #D1D5DB;border-radius:8px;font:inherit;font-size:14px;background:#fff}

/* Messages */
.flash{padding:12px 16px;border-radius:10px;font-size:14px;border:1px solid}
.flash-success{background:#ECFDF5;border-color:#A7F3D0;color:#065F46}
.flash-error{background:#FEF2F2;border-color:#FECACA;color:#991B1B}
.flash-info{background:#EFF6FF;border-color:#BFDBFE;color:#1E3A8A}

/* Graphique */
.bars{height:200px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end;border-bottom:1px solid var(--line);padding:0 4px}
.bars .pair{display:flex;gap:4px;align-items:end;justify-content:center;height:100%}
.bars .b{width:38%;border-radius:4px 4px 0 0;min-height:2px}
.b1{background:var(--navy)}.b2{background:#7DD3E0}
.bars-lbl{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;font-size:12px;color:var(--muted);text-align:center;margin-top:6px}
.legend{display:flex;gap:14px;font-size:12px;color:var(--muted)}
.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.alerts{display:flex;flex-direction:column;gap:10px}
.alerts .al{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:8px;font-size:14px;text-decoration:none;color:var(--ink)}
.al-red{background:#FEF2F2}.al-amber{background:#FFFBEB}.al-blue{background:#EFF6FF}

/* Éditeur de lignes */
.lines{display:flex;flex-direction:column;gap:8px;min-width:620px}
.line{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr) 64px 104px 96px 42px;gap:8px;align-items:center}
.line.head{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.line .tot{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.iconbtn{width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#6B7280;cursor:pointer;font-size:18px;line-height:1}
.iconbtn:hover{color:var(--red);border-color:#FCA5A5}
.summary{display:flex;flex-direction:column;gap:12px;position:sticky;top:16px}
.summary .ln{display:flex;justify-content:space-between;align-items:center;font-size:14px}
.summary .ttc{border-top:1px solid var(--line);padding-top:12px;font-weight:600}
.summary .ttc .num{font-size:22px}

/* Connexion */
body.auth{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px}
.auth-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:32px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px}
.auth-logo{width:120px;align-self:center}
.auth-card h1{text-align:center;font-size:22px}

/* Fiche document */
.doc-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.doc-meta div span{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.preview-frame{width:100%;height:1150px;border:1px solid var(--line);border-radius:12px;background:#fff}

/* Choix du modèle */
.tpl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.tpl-choice{display:flex;flex-direction:column;gap:8px;border:2px solid var(--line);border-radius:12px;padding:12px;cursor:pointer;font-size:14px;font-weight:600}
.tpl-choice:has(input:checked){border-color:var(--navy);background:#F0F6FB}
.tpl-choice img{width:100%;aspect-ratio:210/297;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:6px;background:#fff}
.tpl-choice a{font-size:13px;font-weight:500}
.tpl-choice input{width:20px;height:20px;accent-color:var(--navy)}