/* MARCHÉS & COMMERCES CI — V24.19.152 : Monétisation & commissions du Livreur */
.mci152Shell{display:flex;flex-direction:column;gap:14px;padding-bottom:26px;color:#183d2f}
.mci152Hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 22px;border-radius:22px;background:linear-gradient(135deg,#0b4d35,#118558);color:#fff;box-shadow:0 12px 32px rgba(12,82,55,.16)}
.mci152Hero h1{margin:5px 0 7px;font-size:29px;line-height:1.08}.mci152Hero p{margin:0;max-width:790px;opacity:.94}.mci152Eyebrow{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;opacity:.9}
.mci152HeroActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.mci152Btn{border:1px solid transparent;border-radius:10px;padding:10px 13px;background:#0b7650;color:#fff;font-weight:800;cursor:pointer;box-shadow:none}.mci152Btn:hover{filter:brightness(.96)}.mci152Btn.out{background:#fff;color:#0b6a48;border-color:#cfe3d8}.mci152Btn.gold{background:#f5ad2f;color:#173d2f}.mci152Btn.small{padding:7px 10px;font-size:12px}
.mci152ReadOnly{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.26);padding:8px 11px;border-radius:999px;font-weight:800;font-size:12px}
.mci152Tabs{display:flex;gap:8px;flex-wrap:wrap}.mci152Tabs button{border:1px solid #d8e6df;background:#fff;color:#35574a;border-radius:10px;padding:9px 13px;font-weight:800;cursor:pointer}.mci152Tabs button.active{background:#147d55;color:#fff;border-color:#147d55}
.mci152Card{background:#fff;border:1px solid #dce8e2;border-radius:17px;padding:16px;box-shadow:0 7px 23px rgba(22,83,60,.06)}.mci152Card h3{margin:0 0 6px;color:#244f3e}.mci152Card p{margin:0;color:#71847c;font-size:12px}.mci152Note{padding:12px 14px;border-radius:12px;background:#fff7df;border:1px solid #edd99a;color:#66551f}.mci152Note.green{background:#edf8f2;border-color:#cbe8d9;color:#235b43}
.mci152Kpis{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.mci152Kpi{background:#fff;border:1px solid #dce8e2;border-radius:16px;padding:15px;min-height:84px}.mci152Kpi span{display:block;color:#73857d;font-size:12px}.mci152Kpi b{display:block;margin-top:7px;font-size:21px;color:#214c3b}.mci152Kpi small{display:block;margin-top:4px;color:#8a9892}
.mci152Two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mci152Head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.mci152Quick{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.mci152Date{display:grid;grid-template-columns:minmax(145px,220px) minmax(145px,220px) minmax(180px,1fr) minmax(150px,220px);gap:10px;align-items:end;margin-top:12px}.mci152Date label{font-size:12px;font-weight:800;color:#48685b}.mci152Date input{display:block;width:100%;box-sizing:border-box;margin-top:5px;border:1px solid #cfded6;border-radius:9px;padding:9px;background:#fff}
.mci152TableWrap{overflow:auto;margin-top:12px}.mci152Table{width:100%;border-collapse:collapse;min-width:780px}.mci152Table th,.mci152Table td{padding:10px 9px;border-bottom:1px solid #edf2ef;text-align:left;vertical-align:top;font-size:12px}.mci152Table th{color:#587166;background:#f7faf8;position:sticky;top:0;z-index:1}.mci152Table td b{color:#294f40}.mci152Empty{text-align:center!important;color:#7a8d84;padding:28px!important}
.mci152Pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#eaf7f0;color:#21704f;font-size:11px;font-weight:900}.mci152Pill.wait{background:#fff5db;color:#8a6510}.mci152Pill.paid{background:#e4f4ff;color:#246084}.mci152Pill.bad{background:#f9e7e7;color:#8b4040}.mci152Pill.neutral{background:#eef2f0;color:#687970}.mci152Pill.ok{background:#eaf7f0;color:#21704f}
.mci152Rules{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:10px;margin-top:12px}.mci152Rule{padding:13px;border:1px solid #dce8e2;border-radius:13px;background:#fbfdfc}.mci152Rule span{display:block;font-size:12px;color:#75877f}.mci152Rule b{display:block;font-size:18px;margin-top:5px;color:#23523f}
@media(max-width:950px){.mci152Kpis{grid-template-columns:repeat(2,minmax(140px,1fr))}.mci152Two{grid-template-columns:1fr}.mci152Date{grid-template-columns:1fr 1fr}.mci152Rules{grid-template-columns:repeat(2,minmax(150px,1fr))}.mci152Hero{flex-direction:column}.mci152HeroActions{justify-content:flex-start}}
@media(max-width:620px){.mci152Kpis,.mci152Date,.mci152Rules{grid-template-columns:1fr}.mci152Hero h1{font-size:24px}}