/* Marketingweek: "Mijn week" voor de marketeer (js/marketingweek.js)
   Alleen kleuren uit :root; geel (IG·FB·TikTok) = --gold, lichtblauw
   (LinkedIn) = --blue, gemengd met wit voor de vlakken. */
.mw{--mw-geel:color-mix(in srgb,var(--gold) 12%,#fff);--mw-geel-2:color-mix(in srgb,var(--gold) 6%,#fff);
  --mw-blauw:color-mix(in srgb,var(--blue) 9%,#fff);--mw-vandaag:color-mix(in srgb,var(--gold) 9%,#fff)}
.mw .tabelwrap{overflow-x:auto}
.mw-mb{margin-bottom:16px}
.mw-mt{margin-top:12px}
.mw-mt2{margin-top:24px}
.mw-blok{margin-bottom:16px}
.mw-ch{font-size:14px;font-weight:600;margin-right:auto}
.mw-hint{margin:0 0 8px;font-size:12px}
.mw-warn{color:var(--amber)}
.mw-kop{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.mw-wk{display:flex;flex-direction:column;min-width:120px;text-align:center}
.mw-wk b{font-size:16px}
.mw-kophint{font-size:12px}
.mw-ol{margin-left:auto}
.mw-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.mw-strip .chip{white-space:normal;max-width:100%}
.mw-sec{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--txt-2);font-weight:700;margin-bottom:8px}
.mw-sec .mw-nocaps{text-transform:none;letter-spacing:0;font-weight:500;margin-left:6px}
.mw-x{background:none;border:none;color:var(--txt-2);cursor:pointer;font-size:16px;line-height:1;padding:0 2px;opacity:.5;font-family:var(--body)}
.mw-x:hover{opacity:1;color:var(--red)}
.mw-wisknop{margin-right:auto;color:var(--red)}

/* Meta-tegels */
.mw-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.mw-tegel{display:flex;flex-direction:column;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 16px;color:inherit;text-decoration:none}
.mw-tegel b{font-size:22px;line-height:1.15;font-weight:600}
.mw-tl{font-size:12px;color:var(--txt-2);font-weight:600}
.mw-ts{font-size:12px;color:var(--txt-2)}
.mw-link{cursor:pointer}.mw-link:hover{border-color:var(--olive-l)}

/* ─── Tijdrooster ─── */
.mw-roosterkaart{overflow:hidden}
.mw-tr{overflow-x:auto}
.mw-tr-rij{display:grid;grid-template-columns:44px repeat(var(--n),minmax(120px,1fr));min-width:calc(44px + var(--n) * 120px)}
.mw-tr-koprij{border-bottom:1px solid var(--line)}
.mw-tr-hoek{position:sticky;left:0;z-index:3;background:var(--card)}
.mw-tr-kop{padding:10px 8px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:4px;cursor:pointer;min-width:0}
.mw-tr-kop:hover{background:var(--card-2)}
.mw-tr-kop.vandaag,.mw-tr-dag.vandaag{background:var(--mw-vandaag)}
.mw-tr-kop.vandaag{box-shadow:inset 0 2px 0 var(--gold)}
.mw-tr-kop.vrij,.mw-tr-dag.vrij{background:repeating-linear-gradient(135deg,var(--card) 0 8px,var(--card-2) 8px 16px)}
.mw-tr-dn{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:13px}
.mw-tr-dn span{color:var(--txt-2);font-size:12px}
.mw-tr-dn em{font-style:normal;font-size:11px;font-weight:600;color:var(--txt-2);margin-left:auto}
.mw-tr-kop.vandaag .mw-tr-dn em{color:var(--olive)}
.mw-tr-uren{height:4px;border-radius:999px;background:var(--card-2);overflow:hidden}
.mw-tr-uren i{display:block;height:100%;background:var(--olive-l)}
.mw-tr-uren.vol i{background:var(--red)}
.mw-tr-urent{font-size:11px;color:var(--txt-2)}
.mw-tr-urent.vol{color:var(--red);font-weight:600}
.mw-tr-post{font-size:11px;line-height:1.3;padding:3px 6px;border-radius:6px;border:1px solid var(--line);border-left:3px solid var(--txt-2);background:var(--card);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mw-tr-post small{color:var(--txt-2);font-size:10px}
.mw-tr-post.klaar{opacity:.6}
.mw-tr-past{font-size:11px;color:var(--red);font-weight:600}
.mw-tr-body{padding:6px 0 8px}
.mw-tr-uren-kol{position:sticky;left:0;z-index:3;background:var(--card);border-right:1px solid var(--line)}
.mw-tr-uur{position:absolute;left:0;right:0;text-align:center;padding-top:3px;font-size:11.5px;color:var(--txt-2);border-top:1px solid var(--line);box-sizing:border-box}
.mw-tr-dag{position:relative;border-left:1px solid var(--line);cursor:copy}
.mw-tr-lijn{position:absolute;left:0;right:0;border-top:1px solid var(--line);pointer-events:none}
.mw-tr-lijn.half{border-top-style:dashed;opacity:.7}
.mw-tr-lunch{position:absolute;left:0;right:0;background:repeating-linear-gradient(135deg,var(--card-2) 0 6px,var(--well) 6px 12px);font-size:10px;color:var(--txt-2);padding:2px 6px;box-sizing:border-box;pointer-events:none}
.mw-tr-blok{position:absolute;border-radius:6px;padding:2px 6px;font-size:11px;line-height:1.3;overflow:hidden;box-sizing:border-box}
.mw-tr-blok b{font-weight:700}
.mw-tr-afspraak{background:var(--card-2);border:1px dashed var(--line-2);color:var(--txt-2);cursor:pointer}
.mw-tr-afspraak.ds{background:var(--mw-geel);border-color:color-mix(in srgb,var(--gold) 40%,#fff);color:var(--ink)}
.mw-tr-taak{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--gc);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.mw-tr-taak:hover{border-color:var(--line-2);border-left-color:var(--gc)}
.mw-tr-taak.vast{background:var(--mw-geel-2)}
.mw-tr-taak.klaar{opacity:.55;text-decoration:line-through}
.mw-tr-taak.sleept{cursor:grabbing;z-index:5;box-shadow:var(--sh-3);opacity:.95}
.mw-tr-taak input{width:12px;height:12px;margin:0 4px 0 0;vertical-align:-2px;cursor:pointer}
.mw-tr-nu{position:absolute;left:0;right:0;height:2px;background:var(--red);z-index:2;pointer-events:none}
.mw-tr-nu::before{content:'';position:absolute;left:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--red)}

/* ─── Venstertjes (nieuwe taak, taakdetail) ─── */
.mw-pop{position:fixed;z-index:60;width:290px;max-width:calc(100vw - 32px);background:var(--card);border:1px solid var(--line-2);border-radius:var(--r);padding:12px;box-shadow:var(--sh-3);display:flex;flex-direction:column;gap:8px;font-size:13px}
.mw-detail{border-left:3px solid var(--gc)}
.mw-pop-kop{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--txt-2)}
.mw-pop textarea.mw-pop-tekst{min-height:56px;font-size:13px}
.mw-pop select{font-size:12.5px;padding:5px 26px 5px 8px;width:auto}
.mw-detail-info{display:flex;gap:8px;flex-wrap:wrap}
.mw-detail-info label{display:flex;flex-direction:column;gap:3px;font-size:11.5px;font-weight:600;color:var(--txt-2)}

/* ─── Dagplanning ─── */
.mw-dagseg{flex-wrap:wrap}
.mw-dagseg button{font-size:12px;padding:4px 12px}
.mw-dp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px}
@media (max-width:900px){.mw-dp{grid-template-columns:1fr}}
.mw-ds-veld{display:flex;gap:6px;align-items:flex-start}
.mw-ds-veld textarea,.mw-ds-veld input{flex:1;min-width:0}
.mw-ds-knoppen{margin-top:8px}
.mw-ds-knoppen select{width:auto}
.mw-gkeuze{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.mw-gk{display:inline-flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line-2);border-radius:999px;padding:3px 10px;font-family:var(--body);font-size:12px;font-weight:500;color:var(--txt-2);cursor:pointer}
.mw-gk::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--gc)}
.mw-gk.on{border-color:var(--gc);color:var(--ink);font-weight:600;box-shadow:inset 0 0 0 1px var(--gc)}
.mw-dp-lijn{display:flex;flex-direction:column;gap:4px}
.mw-dp-rij{display:grid;grid-template-columns:84px 1fr;gap:8px;align-items:start;font-size:13px}
.mw-dp-tijd{font-size:12px;font-weight:600;color:var(--txt-2);padding-top:4px}
.mw-dp-rij.lunch .meta{padding-top:4px;font-size:12px}
.mw-dp-afspraak{display:inline-block;background:var(--card-2);border:1px dashed var(--line-2);border-radius:var(--r-s);padding:3px 8px;cursor:pointer;font-size:12.5px}
.mw-dp-afspraak b{font-weight:600}
.mw-dp-afspraak.ds{background:var(--mw-geel)}
.mw-dp-pauze{display:block;font-size:11px;margin:-2px 0 0 26px}
.mw-dp-past{margin-top:8px;padding:8px 10px;border-radius:var(--r-s);background:var(--red-bg);border:1px solid var(--red-line);font-size:12.5px}
.mw-dp-past > b{color:var(--red);font-size:12px}

/* Taakregel (dagplanning, vandaag) */
.mw-taak{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:3px 0 3px 8px;border-left:3px solid var(--gc);font-size:13px;line-height:1.35}
.mw-taak input{margin:0;cursor:pointer}
.mw-tt{flex:1 1 140px;min-width:0}
.mw-taak.klaar .mw-tt{color:var(--txt-2);text-decoration:line-through}
.mw-tchip{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:1px 8px;font-family:var(--body);font-size:11px;font-weight:500;color:var(--txt-2);cursor:pointer;white-space:nowrap;font-variant-numeric:tabular-nums}
.mw-tchip:hover{border-color:var(--olive-l);color:var(--ink)}
.mw-tchip.vast{border-color:color-mix(in srgb,var(--gold) 45%,#fff);color:var(--ink)}
.mw-gchip{display:inline-flex;align-items:center;gap:4px}
.mw-gchip::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--gc)}
.mw-kieslijst{width:auto;font-size:12px;padding:2px 24px 2px 6px}

/* ─── Notities ─── */
.mw-nt-lijst{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-s);padding:4px 10px;background:var(--card)}
.mw-nt-item{display:flex;align-items:center;gap:8px;padding:2px 0;border-bottom:1px solid var(--line)}
.mw-nt-item:last-child{border-bottom:none}
.mw-nt-item input[type=checkbox]{flex:none;cursor:pointer}
.mw .mw-nt-tekst{flex:1;border:none;background:transparent;box-shadow:none;padding:6px 0;font-size:13.5px;min-width:0}
.mw .mw-nt-tekst:focus{box-shadow:none}
.mw-nt-item.af .mw-nt-tekst{text-decoration:line-through;color:var(--txt-2)}
.mw-nt-item .mw-tchip,.mw-nt-item .mw-x{opacity:0;transition:opacity .12s}
.mw-nt-item:hover .mw-tchip,.mw-nt-item:hover .mw-x,.mw-nt-item:focus-within .mw-tchip,.mw-nt-item:focus-within .mw-x{opacity:1}
@media (hover:none){.mw-nt-item .mw-tchip,.mw-nt-item .mw-x{opacity:1}}
.mw-nt-plus{width:13px;text-align:center;color:var(--txt-2);font-weight:600;flex:none}
.mw-nt-archief{margin-top:14px}
.mw-nt-archief summary{cursor:pointer;font-size:12.5px;font-weight:600;color:var(--txt-2)}
.mw-nt-archief input[type=search]{margin:8px 0}
.mw-nt-eerder{border-top:1px solid var(--line);padding:8px 0}
.mw-nt-kop{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;margin-bottom:3px}
.mw-nt-kop b{font-weight:600}
.mw-nt-lees{white-space:pre-wrap;font-size:12.5px;color:var(--txt-2);max-height:7.5em;overflow:hidden}

/* ─── Vandaag + weekbalans ─── */
.mw-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;align-items:start}
.mw-grid2 .mw-blok{margin-bottom:0}
.mw-vd{display:flex;gap:10px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--line);font-size:13px}
.mw-vd:last-of-type{border-bottom:none}
.mw-vd-t{flex:0 0 44px;font-size:12px;font-weight:600;color:var(--txt-2)}
.mw-klik{cursor:pointer}.mw-klik:hover{background:var(--card-2)}
.mw-rood{color:var(--red)}
.mw-lr{display:flex;align-items:center;gap:8px;padding:2px 0}
.mw-lr .mw-taak{flex:1;min-width:0}
.mw-bal-kop{font-size:13px}
.mw-bal-kop b{font-weight:600}
.mw-bal-tot{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--card-2);margin:8px 0 12px}
.mw-bal-tot div{height:100%;background:var(--gc)}
.mw-bal-rij{display:grid;grid-template-columns:150px 1fr 90px;gap:10px;align-items:center;font-size:12.5px;padding:3px 0}
.mw-bal-naam{display:flex;gap:6px;align-items:center}
.mw-bal-naam i{width:8px;height:8px;border-radius:50%;background:var(--gc);flex:none}
.mw-bal-bar{height:6px;background:var(--card-2);border-radius:999px;overflow:hidden;position:relative}
.mw-bal-bar span{position:absolute;inset:0 auto 0 0;background:var(--gc);opacity:.35}
.mw-bal-bar span.af{opacity:1}
.mw-bal-uren{text-align:right;color:var(--txt-2)}
@media (max-width:560px){.mw-bal-rij{grid-template-columns:110px 1fr 74px}}

/* Dagafsluiting (modal) */
.mw-afsl{display:flex;gap:6px;align-items:center;border-left:3px solid var(--gc);padding:6px 0 6px 10px;border-bottom:1px solid var(--line);font-size:13px}
.mw-afsl span{flex:1}

/* ─── Contentplanning ─── */
.mw-pl-social{--pc:var(--gold);--pb:var(--mw-geel)}
.mw-pl-linkedin{--pc:var(--blue);--pb:var(--mw-blauw)}
.mw-pl-ander{--pc:var(--txt-2);--pb:var(--card-2)}
.mw-tr-post.mw-pl-social,.mw-tr-post.mw-pl-linkedin,.mw-tr-post.mw-pl-ander{border-left-color:var(--pc)}
.mw-chip-social{background:var(--mw-geel);border-color:color-mix(in srgb,var(--gold) 40%,#fff);color:var(--ink)}
.mw-pweek{overflow-x:auto}
.mw-pgrid{display:grid;grid-template-columns:150px repeat(7,minmax(0,1fr));min-width:820px}
.mw-pdow{padding:8px 10px;font-size:12px;color:var(--txt-2);border-bottom:1px solid var(--line)}
.mw-pdow b{color:var(--ink);font-weight:600;text-transform:capitalize;margin-right:2px}
.mw-pdow.vandaag{background:var(--mw-vandaag)}
.mw-baan-kop{padding:10px 12px;border-bottom:1px solid var(--line);border-left:3px solid var(--pc);display:flex;flex-direction:column;gap:3px;font-size:12.5px;background:var(--pb)}
.mw-baan-kop b{font-weight:600}
.mw-cel{min-height:92px;border-bottom:1px solid var(--line);border-left:1px solid var(--line);padding:6px;display:flex;flex-direction:column;gap:5px;cursor:pointer;min-width:0;background:var(--pb)}
.mw-cel:hover{box-shadow:inset 0 0 0 1px var(--line-2)}
.mw-cel.vandaag{box-shadow:inset 0 2px 0 var(--gold)}
.mw-cel.voorbij{filter:saturate(.6)}
.mw-pleeg{color:var(--line-2);font-size:16px;margin:auto}
.mw-cel:hover .mw-pleeg{color:var(--txt-2)}
.mw-ppost,.mw-mpost{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}
.mw-ppost{font-size:11.5px;line-height:1.35;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--pc);border-radius:6px;padding:5px 7px;overflow-wrap:anywhere}
.mw-ppost.klaar,.mw-mpost.klaar{opacity:.6}
.mw-ppost.gemist,.mw-mpost.gemist{border-color:var(--red-line);border-left-color:var(--red)}
.mw-pkan{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}
.mw-pkan i{white-space:nowrap}
.mw-pkan i{font-style:normal;font-size:9.5px;font-weight:700;border-radius:4px;padding:0 4px;background:var(--card-2);color:var(--line-2)}
.mw-pkan i.aan{background:var(--pb);color:var(--ink);box-shadow:inset 0 0 0 1px var(--pc)}
.mw-pkan i.pub{background:var(--green);color:#fff}
.mw-weg{opacity:.35}
.mw-spook{position:fixed;z-index:999;pointer-events:none;box-shadow:var(--sh-3);opacity:.95}
.mw-drop{outline:2px dashed var(--olive-l);outline-offset:-3px}

/* Maand */
.mw-maand{overflow-x:auto}
.mw-mgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-width:640px}
.mw-mdow{padding:8px 10px;font-size:12px;color:var(--txt-2);font-weight:600;border-bottom:1px solid var(--line)}
.mw-mcel{min-height:96px;border-bottom:1px solid var(--line);border-left:1px solid var(--line);padding:6px;display:flex;flex-direction:column;gap:4px;cursor:pointer;min-width:0}
.mw-mcel:nth-child(7n+1){border-left:none}
.mw-mcel:hover{background:var(--card-2)}
.mw-mcel.uit{background:var(--card-2);color:var(--txt-2)}
.mw-mcel.vandaag{background:var(--mw-vandaag)}
.mw-mdn{font-size:12px;color:var(--txt-2)}
.mw-mpost{font-size:11px;line-height:1.3;padding:3px 6px;border-radius:6px;border:1px solid var(--line);border-left:3px solid var(--pc);background:var(--pb);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mw-mpost small{color:var(--txt-2);font-size:10px}

/* Ideeën en scripts */
.mw-bord{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;align-items:start}
.mw-kol{background:var(--well);border:1px solid var(--line);border-radius:var(--r-l);padding:10px;display:flex;flex-direction:column;gap:8px}
.mw-kh{display:flex;justify-content:space-between;align-items:baseline;padding:2px 4px}
.mw-kh b{font-weight:600}
.mw-leeg{padding:2px 4px}
.mw-kaart{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.mw-kaart:hover{border-color:var(--olive-l)}
.mw-kaart b{font-size:13.5px;line-height:1.3;font-weight:600}
.mw-km{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.mw-hook{font-style:italic}

/* Komende weken / Jaarplan */
.mw-tab{width:100%;border-collapse:collapse;font-size:13.5px}
.mw-tab th{text-align:left;padding:10px 14px;font-size:12px;color:var(--txt-2);border-bottom:1px solid var(--line);white-space:nowrap}
.mw-tab td{padding:9px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.mw-tab th.num,.mw-tab td.num{text-align:right}
.mw-tab tbody tr[data-open]{cursor:pointer}
.mw-tab tbody tr[data-open]:hover,.mw-tab tr.nu{background:var(--card-2)}
.mw-tab td .meta{display:block}
.mw-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;background:var(--line-2)}
.mw-dot.groen{background:var(--green)}.mw-dot.amber{background:var(--gold)}.mw-dot.rood{background:var(--red)}

/* Telefoon */
@media (max-width:600px){
  .mw-kophint{display:none}
  .mw-ol{margin-left:0}
  .mw-wk{min-width:96px}
  .mw-dp-rij{grid-template-columns:72px 1fr;gap:6px}
  .mw .card-h,.mw .card-b{padding-left:16px;padding-right:16px}
  .mw-pgrid{grid-template-columns:110px repeat(7,minmax(104px,1fr))}
}

/* Media en automatisch publiceren (postformulier) */
.mw-media{border:1px solid var(--line);border-radius:var(--r-s);padding:12px 14px;margin-bottom:14px;background:var(--card-2)}
.mw-media .check{margin-bottom:8px}
.mw-mb8{margin-bottom:8px}
.mw-tijdrij{margin-bottom:6px}
.mw-tijdrij input{max-width:140px}
.mw-log{font-size:12px;color:var(--txt-2);padding:4px 0;border-top:1px solid var(--line)}
.mw-log b{font-weight:600;margin-right:4px}
.mw-log.fout{color:var(--red)}
.mw-pkan i.fout{background:var(--red);color:#fff}
.mw-pkan i.auto{background:var(--card);color:var(--txt-2);box-shadow:inset 0 0 0 1px var(--line-2);font-weight:600}

/* ─── Content Creatie ─── */
.mw-tekstlink{color:var(--olive);cursor:pointer;font-weight:600}
.mw-tekstlink:hover{text-decoration:underline}
.mw-thema{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.mw-thema .mw-sec{display:block;margin-bottom:4px}
.mw-thema-t{font-size:15px;font-weight:600}
.mw-afk{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.mw-afk-k{border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.4;align-items:flex-start}
.mw-afk-k b{font-weight:600}
.mw-afk-k .btn{margin-top:auto}
.mw-spiek{margin-top:14px;font-size:13px}
.mw-spiek summary{cursor:pointer;font-weight:600;color:var(--txt-2);font-size:12.5px;margin-bottom:6px}
.mw-spiek div{padding:3px 0}
.mw-spiek a{color:var(--olive);font-weight:600}
.mw-fd input[type=text]{flex:1 1 180px;width:auto;min-width:0}
.mw-fd select{width:auto}
.mw-fdrij{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--line);margin-top:10px;font-size:13px}
.mw-fdrij > span{flex:1 1 200px}
.mw-coach{font-size:12px;color:#8a5a1a}

/* ─── Rooster leesbaar (26 okt 2026, Tjeerd: "we zien de verschillen niet") ───
   Taak = vlak in de kleur van zijn gebied; vaste afspraak = gestippeld en
   kleurloos; post = kanaalkleur met label "Post". Eén blik = wat is wat. */
.mw-tr-legenda{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--txt-2);margin:0 0 8px}
.mw-tr-legenda span{display:inline-flex;align-items:center;gap:6px}
.mw-tr-legenda i{width:12px;height:12px;border-radius:3px;background:color-mix(in srgb,var(--gc) 22%,var(--card));border-left:3px solid var(--gc)}
.mw-tr-legenda .mw-lg-vast i{background:transparent;border:1px dashed var(--line-2)}
.mw-tr-legenda .mw-lg-post i{--gc:var(--gold);background:var(--mw-geel)}
.mw-tr-lijn{border-top-color:var(--line-2)}
.mw-tr-lijn.half{border-top:1px dotted var(--line);opacity:1}
.mw-tr-uur{border-top-color:var(--line-2);font-weight:600}
.mw-tr-dag.vandaag{background:color-mix(in srgb,var(--olive-l) 6%,var(--card))}
.mw-tr-blok{font-size:12px;line-height:1.3;padding:3px 7px;color:var(--ink)}
.mw-tr-taak{background:color-mix(in srgb,var(--gc) 15%,var(--card));border:1px solid color-mix(in srgb,var(--gc) 38%,var(--card));border-left:4px solid var(--gc);box-shadow:0 1px 0 rgba(0,0,0,.03)}
.mw-tr-taak:hover{background:color-mix(in srgb,var(--gc) 24%,var(--card));border-color:color-mix(in srgb,var(--gc) 55%,var(--card));border-left-color:var(--gc)}
.mw-tr-taak.vast{background:color-mix(in srgb,var(--gc) 15%,var(--card))}
.mw-tr-taak.klaar{opacity:.5}
.mw-tr-taak.klaar .mw-tb-tt{text-decoration:line-through}
.mw-tb-tijd{font-size:10.5px;font-weight:700;color:var(--txt-2);margin-right:3px}
.mw-tb-tt{font-weight:600}
.mw-tb-door{font-size:10.5px;color:var(--txt-2);font-style:italic}
.mw-tr-afspraak,.mw-tr-afspraak.ds{background:var(--card);border:1px dashed var(--line-2);color:var(--txt-2);font-style:italic}
.mw-tr-lunch{background:repeating-linear-gradient(135deg,transparent 0 6px,var(--card-2) 6px 12px);font-size:10.5px;text-align:center;letter-spacing:.04em;text-transform:uppercase}
.mw-tr-post{font-size:12px;padding:4px 7px;background:color-mix(in srgb,var(--pc,var(--gold)) 13%,var(--card));border:1px solid color-mix(in srgb,var(--pc,var(--gold)) 35%,var(--card));border-left:4px solid var(--pc,var(--gold));color:var(--ink);font-weight:600}
.mw-tr-postlbl{font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pc,var(--gold));margin-right:5px}
.mw-tr-taak.kort{white-space:nowrap;text-overflow:ellipsis;padding-top:0;padding-bottom:0;line-height:13px;font-size:11px}
.mw-tr-taak.kort input{width:10px;height:10px;vertical-align:-1px}

/* Bryans eigen kleuren en minder doorzichtig (Tjeerd, 26 okt 2026). Geel en
   blauw van de contentbanen = exact die uit zijn marketingbord. */
.mw{--mw-geel:color-mix(in srgb,#e3a800 30%,#fff);--mw-blauw:color-mix(in srgb,#3aa0e8 28%,#fff)}
.mw-pl-social{--pc:#e3a800;--pb:var(--mw-geel)}
.mw-pl-linkedin{--pc:#3aa0e8;--pb:var(--mw-blauw)}
.mw-tr-taak,.mw-tr-taak.vast{background:color-mix(in srgb,var(--gc) 32%,#fff);border-color:color-mix(in srgb,var(--gc) 60%,#fff);border-left-color:var(--gc)}
.mw-tr-taak:hover{background:color-mix(in srgb,var(--gc) 42%,#fff);border-color:var(--gc)}
.mw-tr-taak.klaar{opacity:.6}
.mw-tb-tijd{color:var(--ink);opacity:.75}
.mw-tr-post{background:color-mix(in srgb,var(--pc,#e3a800) 30%,#fff);border-color:color-mix(in srgb,var(--pc,#e3a800) 60%,#fff)}
.mw-tr-postlbl{color:var(--ink);opacity:.7}
.mw-tr-legenda i{background:color-mix(in srgb,var(--gc) 32%,#fff)}
.mw-tr-legenda .mw-lg-post i{--gc:#e3a800;background:var(--mw-geel)}