:root{--bg:#f6f7f9;--card:#fff;--text:#1f2937;--muted:#6b7280;--accent:#2563eb;--on-accent:#fff;--border:#d1d5db;--danger:#b91c1c}
@media (prefers-color-scheme: dark){:root{--bg:#111827;--card:#1f2937;--text:#f3f4f6;--muted:#9ca3af;--accent:#60a5fa;--on-accent:#0b1220;--border:#374151;--danger:#f87171}}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--text)}
h1{font-size:22px;font-weight:500;margin:0 0 8px}
.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}
.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;width:100%;max-width:380px}
label{display:block;margin:12px 0 4px;font-size:14px}
input[type=email],input[type=password]{width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:16px}
.check{display:flex;gap:8px;align-items:center}
button{margin-top:16px;width:100%;padding:10px;border:0;border-radius:8px;background:var(--accent);color:var(--on-accent);font-size:16px;cursor:pointer}
button.link{width:auto;margin:0;background:none;color:var(--accent);padding:4px}
.error{color:var(--danger);font-size:14px;margin:4px 0 0}
.top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--card);border-bottom:1px solid var(--border)}
.page{max-width:900px;margin:0 auto;padding:24px 16px}

/* --- Clients : styles neutres (clair et sombre) --- */
.nav { display: flex; gap: 1rem; }
.nav a { text-decoration: none; color: inherit; }
.flash { margin: .75rem 1rem; padding: .6rem .9rem; border: 1px solid rgba(16,185,129,.6); background: rgba(16,185,129,.12); border-radius: 8px; }
.searchbar { display: flex; gap: .5rem; flex-wrap: wrap; margin: 1rem 0; }
.searchbar input { flex: 1; min-width: 12rem; }
table.list { width: 100%; border-collapse: collapse; }
table.list th, table.list td { text-align: left; padding: .55rem .4rem; border-bottom: 1px solid rgba(128,128,128,.25); }
.btn { display: inline-block; padding: .5rem .9rem; border: 1px solid rgba(128,128,128,.5); border-radius: 8px; text-decoration: none; color: inherit; background: transparent; cursor: pointer; font: inherit; }
.btn.primary { background: #2563eb; border-color: #2563eb; color: #fff; }
.btn.danger { border-color: #dc2626; color: #dc2626; }
.btn.wa { border-color: #16a34a; color: #16a34a; padding: .2rem .6rem; font-size: .85rem; }
.grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
@media (max-width: 640px) { .grid2 { grid-template-columns: 1fr; } }
.field { margin-bottom: .75rem; }
.field label { display: block; font-size: .85rem; opacity: .8; margin-bottom: .2rem; }
.page input, .page select, .page textarea { width: 100%; box-sizing: border-box; padding: .5rem; border: 1px solid rgba(128,128,128,.5); border-radius: 8px; font: inherit; background: transparent; color: inherit; }
.page input[type=checkbox] { width: auto; }
.error { color: #dc2626; font-size: .85rem; }
.card { border: 1px solid rgba(128,128,128,.3); border-radius: 12px; padding: 1rem; margin: 1rem 0; }

/* --- Réparations --- */
.chip { display: inline-block; padding: .15rem .7rem; border-radius: 999px; color: #fff; font-size: .85rem; }
.checks { display: flex; flex-wrap: wrap; gap: .5rem 1.2rem; margin-bottom: .5rem; }
.checks label { display: inline-flex; align-items: center; gap: .35rem; font-size: 1rem; opacity: 1; margin: 0; }
#cust_results { display: flex; flex-direction: column; gap: .25rem; margin-top: .3rem; }
#cust_results .item { text-align: left; padding: .5rem .7rem; border: 1px solid rgba(128,128,128,.4); border-radius: 8px; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.card h2 { margin-top: 0; font-size: 1.1rem; }