
:root{--bg:#070605;--panel:#11100e;--panel2:#191610;--gold:#c9a548;--gold2:#e3c66f;--text:#f5f1e8;--muted:#aaa293;--line:rgba(227,198,111,.20);--danger:#d96b6b;--ok:#6fcf97}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 80% 0,#21190b 0,transparent 35%),#070605;color:var(--text)}a{color:inherit;text-decoration:none}.top{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:rgba(5,5,5,.94);position:sticky;top:0;z-index:20}.logo{height:48px;background:#fff;border-radius:8px;padding:4px}.top nav{display:flex;gap:10px;align-items:center}.btn{border:1px solid var(--gold);background:linear-gradient(135deg,#d9b85e,#b98e2d);color:#100d07;padding:10px 14px;border-radius:8px;font-weight:900;cursor:pointer}.btn.dark{background:#15130f;color:#fff;border-color:#514529}.wrap{width:min(1500px,96%);margin:28px auto}.title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.title h1{margin:0;font-size:32px}.muted{color:var(--muted)}.board{display:grid;grid-template-columns:repeat(6,minmax(250px,1fr));gap:12px;overflow-x:auto;padding-bottom:20px}.col{background:rgba(18,16,13,.88);border:1px solid var(--line);border-radius:13px;min-height:560px;padding:12px}.col h2{font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:var(--gold2);margin:4px 4px 12px;display:flex;justify-content:space-between}.drop{min-height:500px}.card{background:#1a1814;border:1px solid #393125;border-radius:10px;padding:13px;margin-bottom:9px;cursor:grab;box-shadow:0 8px 24px rgba(0,0,0,.18)}.card:hover{border-color:#8f7639}.card b{display:block;margin-bottom:5px}.tag{font-size:10px;color:#111;background:var(--gold2);padding:3px 6px;border-radius:99px;font-weight:900}.card .meta{font-size:12px;color:#bbb3a5;line-height:1.5}.card .ref{font-size:10px;color:#8f8779;margin-top:9px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.box{background:rgba(18,16,13,.92);border:1px solid var(--line);border-radius:13px;padding:20px}.field{display:grid;gap:6px}.field label{font-size:12px;color:#cfc6b7;font-weight:800}.field input,.field select,.field textarea{width:100%;padding:11px 12px;background:#0c0b09;border:1px solid #3d3527;border-radius:8px;color:#fff}.field textarea{min-height:100px}.full{grid-column:1/-1}.actions{display:flex;gap:10px;margin-top:18px}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.loginbox{width:min(430px,100%);background:#11100e;border:1px solid var(--line);padding:28px;border-radius:16px;box-shadow:0 30px 80px #000}.loginbox img{height:70px;display:block;margin:0 auto 20px;background:#fff;border-radius:10px;padding:5px}.alert{padding:10px 12px;border-radius:8px;background:#321b1b;border:1px solid #673636;margin-bottom:15px}.tracking{max-width:760px;margin:60px auto;padding:20px}.steps{display:grid;gap:10px;margin-top:25px}.step{padding:16px;border:1px solid #3b3427;border-radius:10px;background:#12100d}.step.on{border-color:var(--gold);background:#201a0e}.small{font-size:12px}.kpi{display:flex;gap:10px;flex-wrap:wrap}.kpi span{border:1px solid var(--line);padding:7px 10px;border-radius:8px;color:#cfc6b7}.setup{max-width:800px;margin:40px auto;padding:20px}@media(max-width:850px){.grid{grid-template-columns:1fr}.title{align-items:flex-start;flex-direction:column}.top{padding:0 12px}.top nav a span{display:none}}
/* E.I.S Atelier V2 */
.board.v2{grid-template-columns:repeat(7,minmax(235px,1fr))}.cardtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.price{font-size:12px;color:var(--gold2);font-weight:900}.pill{display:inline-block;margin-top:8px;padding:4px 7px;border:1px solid var(--line);border-radius:99px;font-size:10px;color:#d7cebd}.drop.over{outline:1px dashed var(--gold);outline-offset:4px;border-radius:8px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.thumb{width:100%;max-height:180px;object-fit:cover;border-radius:9px;border:1px solid var(--line);margin-top:8px}.success{padding:10px 12px;background:#12251a;border:1px solid #315e42;border-radius:8px;margin-bottom:14px;color:#bce8c9}.history{margin-top:14px}.trackbox{text-align:center}.tracklogo{height:70px;background:white;border-radius:10px;padding:5px}.trackref{margin-top:18px}.currentstatus{margin:18px 0;padding:12px;border:1px solid var(--gold);border-radius:10px;background:#201a0e}@media(max-width:850px){.two{grid-template-columns:1fr}.board.v2{grid-template-columns:repeat(7,minmax(260px,1fr))}}

/* V2.2 notifications + QR */
.followtools{display:grid;grid-template-columns:1fr 190px;gap:16px;align-items:start}.qrbox{text-align:center}.qrbox img{width:180px;height:180px;background:#fff;padding:5px;border-radius:10px;margin-bottom:8px}@media(max-width:850px){.followtools{grid-template-columns:1fr}.qrbox{text-align:left}}

/* V2.6 SMS */
.smsmini{display:inline-block;margin-top:9px;padding:6px 9px;border:1px solid #c9a84e;border-radius:7px;color:#d8b85c;text-decoration:none;font-size:12px;font-weight:700}.smsmini:hover{background:#c9a84e;color:#111}

/* suppression dossiers */
.deletemini{display:inline-block;margin:9px 0 0 6px;padding:6px 9px;border:1px solid #a44;border-radius:7px;background:transparent;color:#d77;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.deletemini:hover{background:#a44;color:#fff}

/* Archives */
.archivemini,.restoremini{display:inline-block;margin:9px 0 0 6px;padding:6px 9px;border:1px solid #c9a227;border-radius:7px;background:transparent;color:#d6b84b;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.archivemini:hover,.restoremini:hover{background:#c9a227;color:#111}
.archivegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.archivecard{cursor:default}
.archiveactions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.emptyarchive{padding:24px;border:1px solid #333;border-radius:12px;color:#aaa}

/* Réparation à distance */
.payment-card{margin:20px 0;padding:18px;border:1px solid var(--gold);border-radius:12px;background:#17130b}.payment-card h2{color:var(--gold2);margin-top:0}.payment-price{font-size:30px;font-weight:900;color:var(--gold2);margin:12px 0}
.remote-wrap{width:min(860px,92%);margin:38px auto 70px}.remote-head{text-align:center;margin-bottom:22px}.remote-head h1{font-size:clamp(34px,6vw,56px);margin:8px 0 12px;color:var(--gold2)}.remote-head p{max-width:700px;margin:0 auto;color:#c8c0b2;line-height:1.65}.remote-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:25px 0}.remote-steps span{padding:11px 8px;border:1px solid var(--line);border-radius:10px;background:#15130f;font-size:12px}.remote-steps b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--gold2);color:#111;margin-right:5px}.remote-form h2{margin:6px 0 0;color:var(--gold2)}.remote-price{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px;border:1px solid var(--gold);border-radius:10px;background:#201a0e}.remote-price strong,.remote-price small{display:block}.remote-price small{color:#aaa;margin-top:4px}.remote-price>b{font-size:22px;color:var(--gold2);white-space:nowrap}.consent{display:flex;gap:9px;align-items:flex-start;color:#cfc6b7;font-size:13px}.consent input{margin-top:2px}.hp{position:absolute!important;left:-9999px!important}.remote-success{text-align:center;margin-top:80px}.remote-success h1{color:var(--gold2)}@media(max-width:650px){.remote-steps{grid-template-columns:1fr 1fr}.remote-price{align-items:flex-start}}.relay-search{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.relay-list{display:grid;gap:8px;margin-top:10px}.relay-choice{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid var(--line);border-radius:10px;background:#0c0b09;cursor:pointer}.relay-choice.selected{border-color:var(--gold);background:#201a0e}.relay-choice input{width:auto;margin-top:3px}.relay-choice strong,.relay-choice small{display:block}.relay-choice small{color:var(--muted);margin-top:4px}
