:root{--g:#14783e;--gd:#123d26;--red:#c0392b;--amber:#b7791f;--line:#e4e4e7;--mute:#6b7280;--soft:#eef6f1;--bg:#f4f5f4}
*{box-sizing:border-box}body{margin:0;font-family:"Plus Jakarta Sans",system-ui,sans-serif;background:var(--bg);color:#0d0f10;font-size:14px}
.w{max-width:1240px;margin:0 auto;padding:22px 20px 60px}
h1{margin:0;font-size:24px}.d{color:var(--mute);margin:2px 0 18px;font-size:13px}
.groups{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.grp{background:#fff;border:2px solid transparent;border-radius:22px 3px;padding:16px;cursor:pointer;text-align:left;font:inherit}
.grp b{display:block;font-size:28px;font-weight:800;letter-spacing:-.03em}.grp span{display:block;font-weight:800}.grp em{display:block;font-style:normal;color:var(--mute);font-size:13px;margin-top:2px}
.why{background:#fff;border-radius:18px 3px;padding:14px 16px;margin-top:12px}.wbar{display:flex;height:30px;border-radius:8px;overflow:hidden;margin:10px 0 8px;font-size:12px;font-weight:800;color:#fff}.wbar i{min-width:170px;font-style:normal;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;padding:0 6px}
.hero{background:#fff;border-radius:22px 3px;padding:18px 20px;margin-bottom:12px}.hero h2{margin:0;font-size:22px;letter-spacing:-.02em}.hero h2 b{font-size:30px}
.hbar{display:flex;height:42px;border-radius:10px;overflow:hidden;margin:12px 0 14px;font-weight:800;color:#fff;font-size:14px}.hbar i{font-style:normal;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;padding:0 10px}
.hcols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hc{border-radius:16px 3px;padding:14px}.hc.s{background:var(--soft)}.hc.c{background:#fdf6ea}
.hc h3{margin:0 0 4px;font-size:15px}.hc .bn{font-size:26px;font-weight:800;letter-spacing:-.02em}.flow{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px;font-weight:700;margin:8px 0}.flow span{background:#fff;border-radius:8px 2px;padding:4px 8px}
.sups{display:grid;gap:5px;margin-top:8px}.sp{display:flex;align-items:center;gap:8px;font-size:13px}.sp img{width:18px;height:18px;border-radius:4px}.sp .pc{margin-left:auto;font-weight:800}.sp .tr{flex:0 0 90px;height:7px;background:#fff;border-radius:4px;overflow:hidden}.sp .tr i{display:block;height:100%}
.grp.on{border-color:var(--g);background:var(--soft)}
.bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:16px 0 12px;position:sticky;top:0;background:var(--bg);padding:8px 0;z-index:3}
.bar input,.bar select{border:1.5px solid var(--line);border-radius:12px 2px;padding:10px 12px;font:inherit;background:#fff}.bar input{flex:1 1 260px}
.chip{border:1.5px solid var(--line);background:#fff;border-radius:12px 2px;padding:8px 12px;font:inherit;font-weight:700;cursor:pointer}
.chip.on{background:#0d0f10;color:#fff;border-color:#0d0f10}.cnt{margin-left:auto;font-weight:800;color:var(--mute)}
.head,.row{display:grid;grid-template-columns:64px 1.7fr 1fr .95fr .95fr 1fr;gap:14px;align-items:center}
.head{padding:0 14px 6px;font-size:11px;text-transform:uppercase;font-weight:800;color:var(--mute);letter-spacing:.05em}
.row{background:#fff;border-radius:18px 3px;padding:12px 14px;margin-bottom:8px;cursor:pointer;border:1.5px solid transparent}
.row:hover{border-color:#cfe3d6}
.row img.p{width:64px;height:64px;object-fit:contain;background:#fafafa;border-radius:12px 2px}
.nm{font-weight:800;line-height:1.25}.rf{font-family:ui-monospace,Menlo,monospace;font-size:11.5px;color:var(--mute);margin-top:3px}
.tg{display:inline-block;font-size:10.5px;font-weight:800;padding:2px 6px;border-radius:6px 2px;margin:4px 4px 0 0}
.tg.k{background:#0d0f10;color:#fff}.tg.l{background:#fdf3e2;color:var(--amber)}
.big{font-size:17px;font-weight:800}.sm{font-size:12px;color:var(--mute)}
.on1{color:var(--g);font-weight:800}.off1{color:var(--red);font-weight:800}
.src{display:flex;align-items:center;gap:7px;font-size:13px;margin:2px 0}.src img{width:18px;height:18px;border-radius:4px}
.src .ok{color:var(--g);font-weight:800}.src .no{color:#a1a1aa}.src .q{color:var(--amber);font-weight:700}
.v{display:inline-block;font-weight:800;font-size:13px;padding:5px 9px;border-radius:10px 2px}
.v.dear{background:#fdeceb;color:var(--red)}.v.supplier{background:#0d0f10;color:#fff}.v.thin{background:#fdf3e2;color:var(--amber)}.v.cheap,.v.chance{background:#e8f4ec;color:var(--g)}.v.ok,.v.none{background:#f1f1f1;color:#555}
.mk{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:13px}.mk img{width:18px;height:18px;border-radius:4px}
.sup b.pr{font-size:16px;font-weight:800;color:#0d0f10}.sup .na{color:#a1a1aa}.sup .ob{color:var(--red);font-weight:700;font-size:13px}.sup.win b.pr{color:var(--g)}.sup.win{background:#eef6f1;border-radius:10px 2px;padding:4px 7px;margin-left:-7px}
.best{display:flex;align-items:center;gap:7px}.best img{width:20px;height:20px;border-radius:5px}.best b{font-size:18px;color:var(--g)}.nobuy{color:var(--red);font-weight:800;font-size:13px}
.rec b{font-size:20px;color:var(--g)}
.fiche{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;margin-bottom:10px}.fiche b{font-family:ui-monospace,Menlo,monospace}
.lz{width:100%;border-collapse:collapse;font-size:13px}.lz th{text-align:left;font-size:11px;text-transform:uppercase;color:var(--mute);padding:4px 8px;border-bottom:1px solid var(--line)}.lz td{padding:6px 8px;border-bottom:1px solid #f3f3f3;vertical-align:middle}.lz td img{width:16px;height:16px;border-radius:4px;vertical-align:-3px;margin-right:6px}.lz .bp{background:#eef6f1}.lz .bp td:nth-child(3){color:var(--g);font-weight:800}.lz a{color:var(--g);font-weight:700}.hs{font-size:11.5px;color:var(--mute)}.hs .up{color:var(--red)}.hs .dn{color:var(--g)}
.det{grid-column:1/-1;border-top:1px solid #f1f1f1;margin-top:8px;padding-top:10px;display:none}.row.open .det{display:block}
.offs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.off{display:flex;gap:9px;align-items:center;border:1.5px solid var(--line);border-radius:12px 2px;padding:8px;text-decoration:none;color:inherit}
.off:hover{border-color:var(--g)}.off img.o{width:40px;height:40px;object-fit:contain}.off .pp{margin-left:auto;font-weight:800;font-size:15px}
.off .k1{font-size:10.5px;font-weight:800;color:var(--g)}.off .k2{font-size:10.5px;font-weight:800;color:var(--amber)}
.links{display:flex;gap:6px;margin-top:10px}.links a{font-weight:800;text-decoration:none;color:#fff;background:var(--g);border-radius:9px 2px;padding:7px 11px;font-size:13px}.links a.s{background:#fff;color:var(--g);border:1.5px solid #cfe3d6}
.pg{display:flex;gap:10px;justify-content:center;align-items:center;margin:18px 0}
.pg button{border:1.5px solid var(--line);background:#fff;border-radius:10px 2px;padding:8px 14px;font:inherit;font-weight:800;cursor:pointer}
@media(max-width:1000px){.groups{grid-template-columns:1fr 1fr}.head{display:none}.row{grid-template-columns:64px 1fr}.row>div:nth-child(n+3){grid-column:2}}

/* ajouts livewire */
[wire\:cloak]{display:none}.row.open .det{display:block}.det a.add{font-weight:700;color:var(--g);font-size:13px}.bar select{max-width:240px}.cnt{white-space:nowrap}.row .lnk{display:contents}.empty{background:#fff;border-radius:18px 3px;padding:30px;text-align:center;color:var(--mute);font-weight:700}
.ld{opacity:.55;transition:opacity .15s}
.fiche a{color:var(--g);font-weight:700;font-size:13px}