:root{--bg:#f5f6f8;--carte:#ffffff;--texte:#14181f;--doux:#5b6472;--bord:#e3e6eb;--marque:#0f2a47;--accent:#e8a317;--rouge:#c0392b;--orange:#d97706;--vert:#15803d;--bleu:#1d4ed8}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--texte);font-size:16px;line-height:1.45}a{color:var(--bleu);text-decoration:none}a:hover{text-decoration:underline}.entete{background:var(--marque);color:#fff;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.entete .logo{font-weight:800;letter-spacing:.5px;font-size:18px;color:#fff}.entete .logo span{color:var(--accent)}.entete nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.entete nav a,.entete nav button{color:#dfe6ef;font-size:14px;background:none;border:0;cursor:pointer;padding:0}.page{max-width:1100px;margin:0 auto;padding:20px 16px 60px}.page-etroite{max-width:520px}h1{font-size:24px;margin:4px 0 16px}h2{font-size:18px;margin:24px 0 10px}.carte{background:var(--carte);border:1px solid var(--bord);border-radius:12px;padding:16px}.grille-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px}.kpi .val{font-size:28px;font-weight:800}.kpi .lib{color:var(--doux);font-size:13px}table{width:100%;border-collapse:collapse;background:var(--carte);border:1px solid var(--bord);border-radius:12px;overflow:hidden}td,th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--bord);font-size:14px;vertical-align:top}th{background:#fafbfc;color:var(--doux);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px}tr:last-child td{border-bottom:0}.pastille{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#eef1f5;color:var(--doux);white-space:nowrap}.p-recu{background:#fff4d6;color:#8a5a00}.p-a_ramasser{background:#e8efff;color:var(--bleu)}.p-planifie{background:#ede9fe;color:#6d28d9}.p-ramasse{background:#e0f2fe;color:#0369a1}.p-livre{background:#dcfce7;color:var(--vert)}.p-facture{background:#f1f5f9;color:#475569}.p-annule{background:#fee2e2}.p-annule,.urgent{color:var(--rouge)}.bientot,.urgent{font-weight:700}.bientot{color:var(--orange)}.doux,label{color:var(--doux);font-size:13px}label{display:block;font-weight:600;margin:12px 0 4px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--bord);border-radius:10px;font-size:16px;background:#fff;color:var(--texte);font-family:inherit}textarea{min-height:80px}.btn{display:inline-block;background:var(--marque);color:#fff;border:0;border-radius:10px;padding:12px 18px;font-size:16px;font-weight:700;cursor:pointer;text-align:center}.btn:hover{text-decoration:none;opacity:.92}.btn-plein{width:100%}.btn-accent{background:var(--accent);color:#1b1300}.btn-leger{background:#eef1f5;color:var(--texte)}.message{padding:12px 14px;border-radius:10px;margin:12px 0;font-size:14px}.message-ok{background:#dcfce7;color:#14532d}.message-err{background:#fee2e2;color:#7f1d1d}.deux-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.liste-carte{display:grid;grid-gap:10px;gap:10px}.vehicule-carte{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.photo-bon{width:100%;border-radius:10px;border:1px solid var(--bord)}.filtres{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}.filtres a{padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--bord);color:var(--texte);font-size:13px}.filtres a.actif{background:var(--marque);color:#fff;border-color:var(--marque)}@media (max-width:760px){.deux-col{grid-template-columns:1fr}.masquer-mobile{display:none}td,th{padding:8px;font-size:13px}}