/* Suivi marketing — lisibilité d'abord : grands chiffres, couleurs d'étage constantes (TOFU bleu, MOFU ambre, BOFU vert). */
.mk{--tofu:#2b6f9e;--tofu-bg:#eaf3fa;--mofu:#9a6412;--mofu-bg:#fff5e3;--bofu:#23704a;--bofu-bg:#e8f5ee;--line:#d9e4e7;--muted:#5d7581;min-width:0;font:14px Inter,system-ui;color:#15374a}
.mk h3{margin:0}
.mk-h{font-size:16px;margin:24px 0 10px}
.mk-note{color:var(--muted);font-size:12px;line-height:1.6;margin:10px 16px}
.mk-empty{color:var(--muted);padding:16px;margin:0}
.mk-foot{color:var(--muted);font-size:12px;line-height:1.9;margin:24px 0 8px}
.mk-period{display:grid;gap:4px;font-size:12px;color:var(--muted)}
.mk-period select,.mk-filters select,.mk-edit select,.mk-edit input{min-height:38px;padding:6px 10px;border:1px solid #cbdbe0;border-radius:7px;background:#fff;color:#15374a;font:inherit}
.mk-body>.op-panel,.mk-body>.op-info,.mk-body>section{margin-bottom:18px}

/* Onglets */
.mk-tabs{display:flex;flex-wrap:wrap;gap:2px 4px;margin:16px 0 18px;border-bottom:1px solid var(--line)}
.mk-tab{position:relative;white-space:nowrap;background:none;border:0;border-bottom:3px solid transparent;padding:10px 14px;font:inherit;font-weight:600;color:var(--muted);cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.mk-tab:hover{color:#15374a}
.mk-tab.on{color:#007d8a;border-bottom-color:#007d8a}
.mk-tab:focus-visible,.mk button:focus-visible,.mk select:focus-visible,.mk input:focus-visible{outline:3px solid #007d8a;outline-offset:2px}
.mk-count{min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:11px;display:inline-grid;place-items:center;color:#fff;background:#c0392b}
.mk-count.orange{background:#d68910}

/* Où en est-on */
.mk-where{background:linear-gradient(135deg,#0f3d52,#16566e);color:#fff;border-radius:14px;padding:22px;margin-bottom:16px}
.mk-where-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center}
.mk-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9fdcdc}
.mk-where h3{font-size:22px;margin:4px 0}.mk-where p{margin:0;color:#cfe3ec}
.mk-progress-big{display:flex;gap:12px;align-items:center}.mk-progress-big strong{font-size:40px;line-height:1}.mk-progress-big span{font-size:12px;color:#cfe3ec;line-height:1.5}
.mk-timeline{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px}
.mk-timeline li{display:flex;gap:8px;align-items:flex-start;padding:10px;border-radius:9px;background:#ffffff12}
.mk-timeline li.current{background:#fff;color:#15374a;box-shadow:0 0 0 3px #70d3d2}
.mk-timeline li.past{opacity:.75}
.mk-tl-dot{flex:0 0 26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px;border:2px solid currentColor}
.mk-timeline li.past .mk-tl-dot{background:#2ecc8a;border-color:#2ecc8a;color:#0f3d52}
.mk-timeline li.current .mk-tl-dot{background:#007d8a;border-color:#007d8a;color:#fff}
.mk-tl-text strong{display:block;font-size:12px}.mk-tl-text small{display:block;font-size:11px;line-height:1.4;opacity:.85}

/* Tuiles */
.mk-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}
.mk-tile{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:4px}
.mk-tile span{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.mk-tile strong{font-size:30px;line-height:1.1}.mk-tile small{color:var(--muted)}
.mk-tiles.small .mk-tile strong{font-size:24px}
.mk-tile.green{border-left:4px solid #23704a}.mk-tile.blue{border-left:4px solid #2b6f9e}.mk-tile.red{border-left:4px solid #c0392b}

/* Funnel */
.mk-funnel{list-style:none;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;padding:18px 16px 6px}
.mk-fstep{border-radius:10px;padding:12px 8px;text-align:center;display:grid;gap:2px;align-content:start}.mk-fstep small{font-size:11px;opacity:.8;line-height:1.3}
.mk-fstep strong{font-size:22px}.mk-fstep span{font-size:12px;font-weight:600}
.mk-fstep.tofu{background:var(--tofu-bg);color:var(--tofu)}.mk-fstep.mofu{background:var(--mofu-bg);color:var(--mofu)}.mk-fstep.bofu{background:var(--bofu-bg);color:var(--bofu)}
.mk-conv{flex:0 0 auto;font-size:11px;color:var(--muted);font-weight:600;white-space:nowrap}

/* Étages */
.mk-stage-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;padding:2px 8px;border-radius:5px;background:#edf3f5;color:#587480}
.mk-stage-tag.tofu{background:var(--tofu-bg);color:var(--tofu)}.mk-stage-tag.mofu{background:var(--mofu-bg);color:var(--mofu)}.mk-stage-tag.bofu{background:var(--bofu-bg);color:var(--bofu)}
.mk-stagecards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-bottom:18px}
.mk-stagecard{background:#fff;border:1px solid var(--line);border-top:5px solid var(--tofu);border-radius:12px;padding:16px;display:grid;gap:10px;align-content:start}
.mk-stagecard.mofu{border-top-color:var(--mofu)}.mk-stagecard.bofu{border-top-color:var(--bofu)}
.mk-stagecard header{display:flex;gap:8px;align-items:center}.mk-stagecard h3{font-size:18px}
.mk-stagecard p{margin:0;color:#34525f;line-height:1.5}
.mk-stagecard .op-link{justify-self:start}
.mk-dl{margin:0;display:grid;gap:8px}
.mk-dl>div{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding-bottom:6px;border-bottom:1px solid #eef2f3}
.mk-dl dt{color:var(--muted);font-size:13px}.mk-dl dd{margin:0;font-weight:650;display:flex;gap:6px;align-items:center;justify-content:flex-end}
.mk-dl dd .mk-bar{width:70px}
.mk-dl.inline>div{border:0;grid-template-columns:auto 1fr}

.mk-stage-section{background:#fff;border:1px solid var(--line);border-left:5px solid var(--tofu);border-radius:12px;padding:16px}
.mk-stage-section.mofu{border-left-color:var(--mofu)}.mk-stage-section.bofu{border-left-color:var(--bofu)}
.mk-stage-section>header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:12px}
.mk-stage-section>header h3{display:inline;font-size:18px;margin-left:6px}.mk-stage-section>header p{margin:6px 0 0;color:#34525f;max-width:720px}
.mk-channels{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.mk-channels span{font-size:12px;padding:4px 10px;border-radius:14px;background:#f1f6f7;border:1px solid #e1eaed}

/* Barres */
.mk-bar{display:block;height:8px;border-radius:4px;background:#e6eef1;overflow:hidden;min-width:60px}
.mk-bar>span{display:block;height:100%;background:#007d8a;border-radius:4px}
.mk-bar.plan>span{background:#9bb0b8}.mk-bar.tofu>span{background:var(--tofu)}.mk-bar.mofu>span{background:#d68910}.mk-bar.bofu>span{background:var(--bofu)}.mk-bar.late>span{background:#c0392b}
.mk-where .mk-bar{background:#ffffff33}
.mk-split{display:grid;gap:14px;padding:16px}
.mk-split-row{display:grid;grid-template-columns:minmax(160px,220px) 1fr auto;gap:16px;align-items:center}
.mk-split-bars{display:grid;gap:6px}.mk-split-bars small{color:var(--muted);font-size:12px}

/* Tableaux */
.mk-table th,.mk-table td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid #eef2f3;font-size:13px}
.mk-table thead th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#f7fafb}
.mk-table small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.mk-table .num{text-align:right;white-space:nowrap}
.mk-mono{font-family:ui-monospace,Consolas,monospace;font-size:12px}
.mk-angle{display:inline-block;font-size:11px;font-weight:700;padding:1px 6px;border-radius:4px;background:#15374a;color:#fff}
.mk-angles tr.mk-idle{color:#7c929b}
.mk-content{display:block;font-size:12px;margin:2px 0;padding-left:14px;position:relative}
.mk-content::before{content:'○';position:absolute;left:0}.mk-content.done::before{content:'●';color:#23704a}.mk-content.in_progress::before{content:'◐';color:#2b6f9e}.mk-content.blocked::before{content:'!';color:#c0392b;font-weight:700}

/* Verdicts */
.mk-chip{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;background:#edf3f5;color:#587480;white-space:nowrap}
.mk-chip.bad{background:#fdecea;color:#b03a2e}.mk-chip.correct{background:#fff3dc;color:#8a5a0b}.mk-chip.good{background:#e6f4ec;color:#23704a}.mk-chip.excellent{background:#1f7a4a;color:#fff}.mk-chip.insufficient{background:#eef1f3;color:#6b7f88}

/* KPIs */
.mk-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.mk-kpi{border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;gap:6px;align-content:start;background:#fbfdfd}
.mk-kpi.bad{border-color:#f0b7b0;background:#fff8f7}.mk-kpi.good,.mk-kpi.excellent{border-color:#b5dcc4}
.mk-kpi-label{font-size:13px;font-weight:600;color:#34525f}
.mk-kpi strong{font-size:26px;line-height:1.1}
.mk-kpi-foot{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mk-kpi-foot small{color:var(--muted)}
.mk-kpi p{margin:0;font-size:12px;color:var(--muted);line-height:1.5}.mk-src{font-size:11px;color:#8aa0a8}
.mk-sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;padding:16px}
.mk-sources div{display:flex;justify-content:space-between;padding:10px 12px;border:1px solid var(--line);border-radius:8px}

/* Feuille de route */
.mk-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:16px}
.mk-filters label{display:grid;gap:4px;font-size:12px;color:var(--muted)}.mk-filters .mk-note{margin:0;flex:1 1 260px}
.mk-phase{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:14px;overflow:hidden}
.mk-phase>header{display:grid;grid-template-columns:auto 1fr minmax(100px,180px);gap:12px;align-items:center;padding:14px 16px;background:#f7fafb;border-bottom:1px solid var(--line)}
.mk-phase>header h3{font-size:16px}.mk-phase>header p{margin:2px 0 0;color:var(--muted);font-size:12px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.mk-phase>header .op-badge{margin:0}
.mk-phase.current{border-color:#007d8a;box-shadow:0 0 0 2px #007d8a22}.mk-phase.current>header{background:#eef8f9}.mk-phase.current .mk-tl-dot{background:#007d8a;border-color:#007d8a;color:#fff}
.mk-phase.past .mk-tl-dot{background:#23704a;border-color:#23704a;color:#fff}
.mk-items{list-style:none;margin:0;padding:0}
.mk-item{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:start;padding:12px 16px;border-bottom:1px solid #eef2f3}
.mk-item>.op-badge{grid-column:2;justify-self:start;margin:0}
.mk-item:last-child{border-bottom:0}
.mk-item.overdue{background:#fff9f8}
.mk-status-icon{margin-top:2px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;border:2px solid #cbdbe0;color:#fff}
.mk-item.done .mk-status-icon{background:#23704a;border-color:#23704a}.mk-item.in_progress .mk-status-icon{background:#fff;border-color:#2b6f9e;color:#2b6f9e}.mk-item.blocked .mk-status-icon{background:#c0392b;border-color:#c0392b}
.mk-item.done .mk-item-main>strong{color:#557080}
.mk-item-main{display:grid;gap:4px;min-width:0}.mk-item-main>small{color:var(--muted);font-size:12px}
.mk-item-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:var(--muted)}.mk-item-meta .op-badge{margin:0}
.mk-proof{color:#23704a!important;font-weight:600}
.mk-edit{grid-column:2;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.mk-edit input{flex:1 1 220px;max-width:460px}
@media (min-width:1500px){.mk-item{grid-template-columns:auto 1fr auto;align-items:center}.mk-edit,.mk-item>.op-badge{grid-column:3}.mk-edit input{width:240px;flex:0 0 auto}}

/* Recommandations */
.mk-recs{list-style:none;margin:0;padding:0}
.mk-recs li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:14px 16px;border-bottom:1px solid #eef2f3}
.mk-recs li:last-child{border-bottom:0}
.mk-recs li.red{background:#fffafa}
.mk-rec-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mk-rec-head .op-badge{margin:0}
.mk-recs p{margin:4px 0 0;line-height:1.5;color:#34525f}.mk-rec-action{color:#15374a!important}
.mk-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-top:4px;background:#9bb0b8}
.mk-dot.red{background:#c0392b}.mk-dot.orange{background:#e08e0b}.mk-dot.green{background:#23704a}
.op-panel-head h3 .mk-dot{margin:0 4px 0 0;vertical-align:middle}
.mk-list{margin:0;padding:12px 16px 12px 34px;line-height:1.8}

/* Boutons « Répondre ici » : mènent à la case de l'étape */
.mk-goto-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.mk-goto-list>span{font-size:12px;font-weight:600;color:#34525f}
.mk-goto{font:inherit;font-size:12px;text-align:left;padding:5px 10px;border-radius:14px;border:1px solid #007d8a;background:#fff;color:#006571;cursor:pointer;max-width:100%}
.mk-goto:hover{background:#007d8a;color:#fff}
.mk-item.mk-flash{animation:mk-flash 2.6s ease-out}
@keyframes mk-flash{0%,40%{background:#fff4c2;box-shadow:inset 4px 0 #e0a800}100%{background:transparent;box-shadow:none}}
@media (prefers-reduced-motion:reduce){.mk-item.mk-flash{animation:none;background:#fff4c2}}

/* Réponses de la direction (Google Sheet) */
.mk-rec-buttons{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.mk-sheet{border:2px solid #007d8a33}
.mk-sheet .mk-tiles{padding:0 16px}
.mk-sheet-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.mk-sheet-h{font-size:14px;margin:16px 16px 6px}
.mk-sheet-list{list-style:none;margin:0 16px;padding:0}
.mk-sheet-list li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:10px 0;border-bottom:1px solid #eef2f3}
.mk-sheet-list li:last-child{border-bottom:0}
.mk-sheet-list small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.mk-sheet-list .op-badge{margin:0}
.mk-qn{min-width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#15374a;color:#fff;font-weight:700;font-size:12px}
.mk-remark{margin:6px 0 0;padding:6px 10px;background:#f4f8f9;border-left:3px solid #007d8a;border-radius:4px;font-style:italic;color:#15374a}
.mk-sheet .op-table-wrap{margin:0 16px}
.mk-sheet .mk-table th small{display:block;font-weight:400;color:var(--muted);margin-top:3px}

/* Profils clients */
.mk-personas{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:12px;margin-bottom:18px}
.mk-persona{background:#fff;border:1px solid var(--line);border-top:5px solid #9bb0b8;border-radius:12px;padding:16px;display:grid;gap:10px;align-content:start}
.mk-persona.p1{border-top-color:#23704a}.mk-persona.p2{border-top-color:#2b6f9e}.mk-persona.p3{border-top-color:#d68910}.mk-persona.p4{opacity:.8}
.mk-persona.on{box-shadow:0 0 0 3px #007d8a55}
.mk-persona header{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start}
.mk-persona header .op-badge{margin:0;white-space:nowrap}
.mk-persona h3{font-size:16px;line-height:1.3}
.mk-persona-n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#15374a;color:#fff;font-weight:700}
.mk-persona-quote{margin:2px 0 0;color:#007d8a;font-style:italic}
.mk-persona .mk-dl>div{grid-template-columns:120px 1fr;align-items:start}
.mk-persona .mk-dl dd{justify-content:flex-start;font-weight:400;line-height:1.45;font-size:13px}
.mk-persona .op-btn{justify-self:start}
.mk-persona-todo{margin:0;padding:8px 10px;background:#fff5e3;border-radius:6px;color:#8a5a0b;font-size:12px}
.mk-persona-detail{border:2px solid #007d8a55}
.mk-persona-grid,.mk-canvas{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;padding:0 16px}
.mk-canvas-col{background:#f7fafb;border:1px solid #e5ecee;border-radius:10px;padding:12px}
.mk-canvas-col h4{margin:0 0 8px;font-size:14px}
.mk-canvas-col dl{margin:0;display:grid;gap:8px}
.mk-canvas-col dt{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700}
.mk-canvas-col dd{margin:2px 0 0;line-height:1.5;font-size:13px}
.mk-persona-message{margin:14px 16px 0;padding:12px 14px;border-left:4px solid #007d8a;background:#eef8f9;border-radius:6px;display:grid;gap:4px}
.mk-persona-message span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}
.mk-persona-message small{color:var(--muted)}
@media (max-width:720px){.mk-personas{grid-template-columns:1fr}.mk-persona .mk-dl>div{grid-template-columns:1fr}.mk-persona header{grid-template-columns:auto 1fr}.mk-persona header .op-badge{grid-column:2;justify-self:start}}

/* Menu de gauche : pastille du sous-menu */
.mk-nav-alert{margin-left:6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:10px;font-weight:700;display:inline-grid;place-items:center;background:#c0392b;color:#fff}
.mk-nav-alert.orange{background:#d68910}

@media (max-width:720px){
  .mk-split-row{grid-template-columns:1fr}
  .mk-edit{grid-column:1 / -1}
  .mk-phase>header{grid-template-columns:auto 1fr}.mk-phase>header .mk-bar{grid-column:1 / -1}
  .mk-recs li{grid-template-columns:auto 1fr}.mk-recs li .op-btn{grid-column:2;justify-self:start}
  .mk-where h3{font-size:18px}.mk-progress-big strong{font-size:32px}
}