.ma{min-width:0;font:13px Inter,system-ui;color:#15374a}
.ma-meta{color:#607884;font-size:13px;line-height:1.6;margin:8px 0}
.ma-role{max-width:820px;line-height:1.7}.ma-role .op-badge{margin-right:6px}
.ma-period{display:grid;gap:4px;font-size:12px;color:#607884}.ma-period select{min-height:38px;padding:6px 8px;border:1px solid #cbdbe0;border-radius:6px;background:#fff;color:#15374a;font:inherit}
.ma-h{font-size:15px;margin:22px 0 10px}

/* Barre d'étapes */
.ma-steps{display:flex;align-items:stretch;gap:6px;margin:14px 0 10px;overflow-x:auto;padding-bottom:4px}
.ma-step{flex:1 1 0;min-width:170px;display:flex;gap:10px;align-items:flex-start;text-align:left;background:#fff;border:1px solid #d9e4e7;border-radius:10px;padding:12px;font:inherit;color:inherit;cursor:pointer}
.ma-step:first-child{flex:0 0 auto;min-width:150px}
.ma-step strong{display:block;font-size:14px}.ma-step small{display:block;color:#607884;font-size:11px;line-height:1.45;margin-top:2px}
.ma-step .ma-step-who{color:#34525f}
.ma-step.on{border-color:#007d8a;box-shadow:0 0 0 2px #007d8a33;background:#f3fafb}
.ma-step.done .ma-step-n{background:#1f7a4a;color:#fff;border-color:#1f7a4a}
.ma-step-n{flex:0 0 26px;height:26px;border-radius:50%;display:grid;place-items:center;border:2px solid #007d8a;color:#007d8a;font-weight:700;font-size:12px;background:#fff}
.ma-step-sep{align-self:center;color:#9bb0b8;font-size:18px}
.ma-step:focus-visible,.ma-preset:focus-visible,.ma-tick input:focus-visible{outline:3px solid #007d8a;outline-offset:2px}

/* En-tête d'étape : objectif, responsable, validation */
.ma-stephead{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;background:#fff;border:1px solid #d9e4e7;border-left:4px solid #007d8a;border-radius:10px;padding:14px 16px;margin:6px 0 16px}
.ma-stephead p{margin:0;max-width:640px;line-height:1.55}
.ma-stephead dl{display:flex;gap:18px;margin:0}.ma-stephead dt{font-size:11px;color:#607884;text-transform:uppercase;letter-spacing:.04em}.ma-stephead dd{margin:2px 0 0;font-weight:650}

/* Vue d'ensemble */
.ma-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:18px}
.ma-card{background:#fff;border:1px solid #d9e4e7;border-radius:10px;padding:16px;display:grid;gap:6px;align-content:start}
.ma-card .ma-step-n{justify-self:start;width:26px}
.ma-card h3{margin:4px 0 0;font-size:16px}.ma-card p{margin:0;line-height:1.5}.ma-card .op-btn{justify-self:start;margin-top:6px}
.ma-card.done{border-color:#9fd0b3}.ma-card.done .ma-step-n{background:#1f7a4a;color:#fff;border-color:#1f7a4a}
.ma-todo{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ma-todo li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #eef2f3}
.ma-todo li:last-child{border-bottom:0}.ma-todo small{display:block;color:#607884}
.ma-funnel{display:flex;align-items:stretch;gap:8px;padding:16px;overflow-x:auto}
.ma-stage{flex:1 1 0;min-width:180px;border-radius:10px;padding:14px;display:grid;gap:4px;background:#eef6fb}
.ma-stage strong{font-size:18px}.ma-stage small{color:#34525f}.ma-stage.mof{background:#fff6e6}.ma-stage.bof{background:#e9f5ee}
.ma-funnel-arrow{align-self:center;color:#9bb0b8;font-size:22px}

/* Préparer */
.ma-checks{list-style:none;margin:0;padding:0}
.ma-checks li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid #eef2f3}
.ma-checks li:last-child{border-bottom:0}.ma-checks small{display:block;color:#607884;margin-top:2px}
.ma-check-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px}
.ma-checks li.ok .ma-check-icon{background:#e3f2e8;color:#23633b}.ma-checks li.ko .ma-check-icon{background:#fff1d9;color:#7a5410}
.ma-tick{display:flex;gap:12px;align-items:flex-start;grid-column:1 / 3;cursor:pointer}.ma-tick input{width:18px;height:18px;margin-top:2px}
.ma-next{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:16px 0}
.ma-next p{margin:0;max-width:700px}

/* Lancer */
.ma-order{margin:0 0 8px;padding-left:20px;line-height:1.7}
.ma-preset-group h4{display:flex;gap:8px;align-items:center;margin:14px 0 8px;font-size:13px}
.ma-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.ma-preset{display:grid;gap:8px;align-content:start;text-align:left;background:#fff;border:1px solid #d9e4e7;border-radius:10px;padding:16px;font:inherit;color:#15374a;cursor:pointer}
.ma-preset p{margin:0;color:#34525f;line-height:1.5}.ma-preset small{color:#607884}.ma-preset.on{border-color:#007d8a;box-shadow:0 0 0 2px #007d8a33}
.ma-form{background:#fff;border:1px solid #d9e4e7;border-radius:10px;padding:20px;max-width:760px;margin-bottom:18px}
.ma-form small{color:#607884}.ma-form fieldset{border:1px solid #e5ecee;border-radius:8px;padding:12px;margin:0}
.ma-audiences{display:grid;gap:8px;max-height:240px;overflow:auto}.ma-audiences label{display:flex;gap:8px;align-items:baseline;font-size:13px}.ma-audiences small{color:#607884}

/* Mesurer */
.ma-metrics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:18px}
.ma-body>.op-panel,.ma-body>.op-grid{margin-bottom:18px}
.ma-table td small{display:block;color:#607884;font-size:11px;margin-top:2px}
.ma-table .ma-diag{min-width:220px;font-size:12px;line-height:1.45}
.ma-chip{display:inline-block;min-width:58px;text-align:center;padding:3px 8px;border-radius:100px;font-size:12px;font-weight:650;white-space:nowrap}
.ma-chip.bad{background:#fbe4e4;color:#8e2c30}.ma-chip.correct{background:#fff1d9;color:#7a5410}.ma-chip.good{background:#e3f2e8;color:#23633b}.ma-chip.excellent{background:#1f7a4a;color:#fff}.ma-chip.insufficient,.ma-chip.none{background:#eef2f3;color:#607884}
.ma-legend{margin:14px 16px 16px}.ma-legend summary{cursor:pointer;font-size:13px}

/* Dates */
.ma-muted{color:#8aa0a8}
.ma-table td small{display:block}
.ma-when{min-width:170px;font-size:12px;line-height:1.45}
.ma-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ma-ad td:first-child{padding-left:40px;color:#4c6772;font-size:12px}
.ma-calendar li{grid-template-columns:130px 1fr auto}.ma-cal-date{font-weight:650;font-variant-numeric:tabular-nums}
.ma-dialog{max-width:520px;width:calc(100% - 32px);border:1px solid #d9e4e7;border-radius:12px;padding:20px}
.ma-dialog h3{margin:0 0 4px}.ma-dialog::backdrop{background:#0b1f2a80}

/* Avis de l'agent média buyer */
.ma-dot{display:inline-block;width:12px;height:12px;border-radius:50%;flex:0 0 12px;vertical-align:middle;box-shadow:0 0 0 2px #fff,0 0 0 3px currentColor}
.ma-dot.red{background:#d64545;color:#f3b9b9}.ma-dot.orange{background:#e39a22;color:#f6d9a6}.ma-dot.green{background:#2e9b5f;color:#b8e2c9}.ma-dot.grey{background:#a8b8bf;color:#dde5e8}
.ma-advice{min-width:190px}.ma-advice span{margin-left:8px;font-size:12px;vertical-align:middle}.ma-advice small{display:inline;color:#607884}
.ma-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.ma-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:100px;font-weight:650;font-size:13px;background:#eef2f3}
.ma-pill.red{background:#fbe4e4;color:#8e2c30}.ma-pill.orange{background:#fff1d9;color:#7a5410}.ma-pill.green{background:#e3f2e8;color:#23633b}
.ma-advisor{border-left:4px solid #d64545}
.ma-filters{display:flex;flex-wrap:wrap;gap:6px;padding:12px 16px 0}
.ma-filter{display:inline-flex;align-items:center;gap:6px;border:1px solid #d9e4e7;background:#fff;border-radius:100px;padding:6px 12px;font:inherit;color:#15374a;cursor:pointer}
.ma-filter.on{border-color:#007d8a;background:#e8f5f6}.ma-filter small{color:#607884}
.ma-bench{padding:0 16px}
.ma-recs li>.ma-dot{margin-top:4px;align-self:flex-start}
.ma-recs li>span:nth-child(2){flex:1}
.ma-obj{color:#607884;font-size:12px}
.nav-child .ma-nav-alert{display:inline-block;min-width:18px;margin-left:6px;padding:0 5px;border-radius:9px;background:#d64545;color:#fff;font-size:10px;font-weight:700;line-height:18px;text-align:center}
.nav-child .ma-nav-alert.orange{background:#e39a22}

/* Optimiser */
.ma-recs{list-style:none;margin:0;padding:0}
.ma-recs li{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eef2f3;border-left:4px solid #9bb0b8}
.ma-recs li:last-child{border-bottom:0}.ma-recs small{display:block;color:#34525f;margin-top:2px;line-height:1.5}
.ma-recs li.bad{border-left-color:#c24a50}.ma-recs li.warn{border-left-color:#d8a23a}.ma-recs li.good{border-left-color:#1f7a4a}.ma-recs li.info{border-left-color:#5a8fb0}
.ma-adset td:first-child{padding-left:24px;color:#34525f}.ma-actions{white-space:nowrap}.ma-actions .op-btn+.op-btn{margin-left:6px}

@media(max-width:760px){
  .ma-steps{flex-wrap:nowrap}.ma-step-sep{display:none}.ma-step{min-width:150px}
  .ma-stephead dl{flex-wrap:wrap}
  .ma-todo li,.ma-checks li{grid-template-columns:auto 1fr}.ma-todo li .op-btn,.ma-checks li>.op-badge{grid-column:2}
  .ma-recs li{flex-direction:column;align-items:flex-start}.ma-actions{white-space:normal}.ma-actions .op-btn{margin:4px 6px 0 0}
  .ma-dates{grid-template-columns:1fr}.ma-calendar li{grid-template-columns:1fr}
  .ma-form{padding:14px}.ma-funnel{flex-direction:column}.ma-funnel-arrow{transform:rotate(90deg)}
}