/* MM Trauer Suite — Frontend, Tokens aus Phase 3 */
:root{
  --mmts-nacht:#0D1613; --mmts-paper:#F7F6F2; --mmts-card:#FFFFFF; --mmts-ink:#141F1B;
  --mmts-shade:#E4E2D9; --mmts-ivy:#3E8168; --mmts-ivy-hell:#7FC7A9; --mmts-amber:#C08A1E;
  --mmts-frist:#B23A22; --mmts-grau:#5F6A64; --mmts-r:10px;
}
@media (prefers-color-scheme:dark){
  :root{ --mmts-paper:#0F1714; --mmts-card:#151F1B; --mmts-ink:#E9EDE9; --mmts-shade:#243029; --mmts-grau:#94A29A; }
}

/* Belegzeile */
.mmts-beleg{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:baseline;font-size:12px;
  color:var(--mmts-grau);font-variant-numeric:tabular-nums;border:1px solid var(--mmts-shade);
  border-radius:999px;padding:4px 11px;line-height:1.4}
.mmts-beleg b{color:var(--mmts-ink);font-weight:600}
.mmts-beleg a{color:inherit}
.mmts-beleg--alt{border-color:var(--mmts-amber);color:var(--mmts-amber)}
.mmts-beleg--alt b{color:var(--mmts-amber)}
.mmts-beleg--fehlt{border-color:var(--mmts-frist);color:var(--mmts-frist)}
.mmts-beleg--fehlt b{color:var(--mmts-frist)}

.mmts-hinweis{border-left:2px solid var(--mmts-frist);padding-left:16px;color:var(--mmts-grau);font-size:15px}

/* Fristenuhr */
.mmts-uhr{background:var(--mmts-nacht);color:#E9EDE9;border-radius:var(--mmts-r);padding:clamp(18px,3.6vw,28px);margin:32px 0}
.mmts-uhr__frage{font-size:clamp(1.18rem,2.4vw,1.4rem);color:#FBFCFA;display:block;margin-bottom:16px;font-weight:600}
.mmts-uhr__wahl{display:flex;flex-wrap:wrap;gap:8px}
.mmts-uhr__wahl button,.mmts-uhr__wahl input,.mmts-uhr__wahl select{font:inherit;font-size:15px;background:transparent;
  color:#E9EDE9;border:1px solid rgba(233,237,233,.22);border-radius:999px;padding:10px 18px;cursor:pointer;color-scheme:dark}
.mmts-uhr__wahl button:hover{border-color:var(--mmts-ivy-hell)}
.mmts-uhr__wahl button[aria-pressed="true"]{background:var(--mmts-ivy);border-color:var(--mmts-ivy);color:#07110D;font-weight:600}
.mmts-uhr__wahl :focus-visible{outline:2px solid var(--mmts-ivy-hell);outline-offset:3px}

.mmts-uhr__fortschritt{display:flex;align-items:center;gap:12px;margin-top:24px}
.mmts-uhr__fortschritt[hidden]{display:none}
.mmts-uhr__balken{flex:1;height:5px;border-radius:999px;background:rgba(233,237,233,.14);overflow:hidden}
.mmts-uhr__balken i{display:block;height:100%;width:0;background:var(--mmts-ivy-hell);border-radius:999px;transition:width .4s ease}
.mmts-uhr__fortschritt span{font-size:13px;color:rgba(233,237,233,.7);font-variant-numeric:tabular-nums;white-space:nowrap}

.mmts-uhr__rail{list-style:none;margin:16px 0 0;padding:0}
.mmts-uhr__rail li{display:grid;grid-template-columns:58px 1fr;gap:16px;padding:24px 0;border-bottom:1px solid rgba(233,237,233,.09)}
.mmts-uhr__rail li:last-child{border-bottom:0}
.mmts-uhr__tag{font-size:clamp(1.7rem,4vw,2.3rem);font-weight:600;font-variant-numeric:tabular-nums;line-height:.95;text-align:right;color:#FBFCFA}
.mmts-uhr__tag small{display:block;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(233,237,233,.42);margin-top:6px}
.mmts-uhr__rail b{font-size:1.13rem;color:#FBFCFA;display:block}
.mmts-uhr__wann{display:inline-block;font-size:12.5px;font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 11px;margin:8px 0;font-weight:600}
.mmts-uhr__wann.is-offen{background:rgba(62,129,104,.16);color:#8FD3B6;border:1px solid rgba(62,129,104,.45)}
.mmts-uhr__wann.is-bald{background:rgba(192,138,30,.16);color:#E8BC66;border:1px solid rgba(192,138,30,.45)}
.mmts-uhr__wann.is-ab{background:rgba(178,58,34,.16);color:#EE9A82;border:1px solid rgba(178,58,34,.45)}
.mmts-uhr__txt{font-size:15px;color:rgba(233,237,233,.72);margin:0}
.mmts-uhr__norm{display:inline-block;font-size:11.5px;color:rgba(233,237,233,.5);margin-top:12px;border:1px solid rgba(233,237,233,.16);border-radius:6px;padding:3px 8px}
.mmts-uhr__merk{display:inline-flex;gap:8px;align-items:center;margin:12px 0 0 16px;font-size:14px;color:rgba(233,237,233,.7);cursor:pointer}
.mmts-uhr__merk input{width:17px;height:17px;accent-color:var(--mmts-ivy-hell)}
.mmts-uhr__rail li.is-erledigt b,.mmts-uhr__rail li.is-erledigt .mmts-uhr__txt{opacity:.32;text-decoration:line-through}
.mmts-uhr__fuss{font-size:12.5px;color:rgba(233,237,233,.5);margin:16px 0 0;max-width:58ch}

/* Kostenbaukasten */
.mmts-baukasten{background:var(--mmts-nacht);color:#E9EDE9;border-radius:var(--mmts-r);padding:clamp(18px,3.6vw,28px);margin:32px 0}
.mmts-baukasten__frage{font-size:clamp(1.15rem,2.3vw,1.35rem);color:#FBFCFA;display:block;margin-bottom:16px;font-weight:600}
.mmts-baukasten__opts{display:grid;gap:8px;margin-bottom:24px}
.mmts-baukasten__opts label{display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(233,237,233,.14);
  border-radius:6px;padding:12px 16px;cursor:pointer}
.mmts-baukasten__opts label:hover,.mmts-baukasten__opts label:focus-within{border-color:var(--mmts-ivy-hell)}
.mmts-baukasten__opts input{margin-top:4px;width:17px;height:17px;accent-color:var(--mmts-ivy-hell);flex:none}
.mmts-baukasten__opts span{font-size:15.5px}
.mmts-baukasten__opts em{font-style:normal;display:block;font-size:12.5px;color:rgba(233,237,233,.5)}
.mmts-baukasten__summe{border-top:1px solid rgba(233,237,233,.1);padding-top:24px}
.mmts-baukasten__zahl{font-size:clamp(2.3rem,6vw,3.2rem);font-weight:600;font-variant-numeric:tabular-nums;color:#FBFCFA;line-height:1;display:block}
.mmts-baukasten__zahl small{font-size:16px;font-weight:400;color:rgba(233,237,233,.55)}
.mmts-baukasten__was{font-size:14px;color:rgba(233,237,233,.7);margin:12px 0}
.mmts-baukasten__weg{font-size:12.5px;color:rgba(233,237,233,.55);border-left:2px solid var(--mmts-ivy);padding-left:12px;margin:0 0 12px;max-width:62ch}
.mmts-baukasten .mmts-beleg{border-color:rgba(233,237,233,.2);color:rgba(233,237,233,.65)}
.mmts-baukasten .mmts-beleg b{color:#E9EDE9}

/* Anzeigenslot */
.mmts-ad{margin:48px 0;display:flex;align-items:center;justify-content:center}
.mmts-ad--leer{border:1px dashed var(--mmts-shade);border-radius:var(--mmts-r);font-size:11.5px;
  color:var(--mmts-grau);letter-spacing:.14em;text-transform:uppercase}

@media (min-width:720px){
  .mmts-uhr__rail li{grid-template-columns:96px 1fr}
  .mmts-baukasten__opts{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  .mmts-uhr__balken i{transition:none}
}

/* Autorenkarte und Autorenbox */
.mmts-autor{display:flex;gap:16px;align-items:flex-start;margin:24px 0}
.mmts-autor__bild{flex:none;line-height:0}
.mmts-autor__name{font-family:Georgia,"Times New Roman",serif;font-size:1.15rem;font-weight:600;display:block}
.mmts-autor__rolle{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mmts-grau);margin-top:2px}
.mmts-autor__bio{font-size:15px;color:var(--mmts-grau);margin:12px 0 0}
.mmts-autor__links{margin:8px 0 0;font-size:13px}
.mmts-autor__links a{margin-right:10px}
.mmts-autor__liste{margin:0;padding-left:20px}
.mmts-autor__liste li{margin-bottom:6px}
.mmts-autorbox{border-top:1px solid var(--mmts-shade);margin-top:48px;padding-top:24px}
.mmts-autorbox__mehr{font-size:14px;margin:12px 0 0}