/* Mieterakte (js/views/mieterakte.js): Kontaktinformationen des Mieters und Historie der Wohnung.
   Baut auf .kt-feld (css/kontakte.css) und .ml-reiter auf; nur Variablen, Rundungen aus der Skala. */
.mk-kontakt .h3, .mk-historie > .h3 { margin: 0 0 8px; }
.mk-aktionen { gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.mk-name-knopf { padding: 0; border: 0; background: none; font: inherit; font-weight: 600; color: var(--accent-text); cursor: pointer; text-align: left; }
.mk-name-knopf:hover { text-decoration: underline; }
.mk-name-knopf:focus-visible { outline: none; box-shadow: var(--ring); border-radius: var(--r-klein); }

.mk-zeiten { display: flex; flex-direction: column; gap: 6px; }
.mk-zeit { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 10px 12px; border: 1px solid var(--line); border-radius: var(--r-mittel); background: var(--card); color: var(--ink); text-align: left; font: inherit; cursor: pointer; }
.mk-zeit:hover { background: var(--hover, var(--inset)); }
.mk-zeit:focus-visible { outline: none; box-shadow: var(--ring); }
.mk-zeit.an { border-color: var(--accent); background: var(--sel-bg); cursor: default; }
.mk-zeit.aktiv .mk-zeit-name b::after { content: ""; display: inline-block; width: 7px; height: 7px; margin-left: 7px; border-radius: var(--r-rund); background: var(--pos); vertical-align: 1px; }
.mk-zeit-name, .mk-zeit-zahlen { display: flex; flex-direction: column; min-width: 0; }
.mk-zeit-zahlen { align-items: flex-end; flex: none; text-align: right; }
.mk-leer { margin: 8px 0 0; }
.mk-reiter { margin: 14px 0 6px; }

.mk-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.mk-jahr { margin: 12px 0 4px; font-size: 12.5px; font-weight: 700; color: var(--ink-3); letter-spacing: .02em; }
.mk-eintrag { position: relative; }
.mk-eintrag-knopf { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px; border: 0; border-radius: var(--r-mittel); background: transparent; color: var(--ink); text-align: left; font: inherit; }
button.mk-eintrag-knopf { cursor: pointer; }
button.mk-eintrag-knopf:hover { background: var(--hover, var(--inset)); }
button.mk-eintrag-knopf:focus-visible { outline: none; box-shadow: var(--ring); }
.mk-eintrag.fremd { opacity: .62; }
.mk-icon { flex: none; width: 30px; height: 30px; display: grid; place-items: center; border-radius: var(--r-rund); background: var(--inset); color: var(--ink-2); }
.mk-einzug .mk-icon, .mk-auszug .mk-icon { background: var(--accent-soft); color: var(--accent-text); }
.mk-mahnung .mk-icon, .mk-schaden .mk-icon { background: var(--warn-soft); color: var(--ink); }
.mk-leerstand .mk-icon { background: var(--track); }
.mk-eintrag-knopf .grow { display: flex; flex-direction: column; }
.mk-datum { flex: none; }

/* Zähler: vom Mieter gemeldete Stände (views/zaehler.js) */
.zl-mieter { margin-bottom: var(--gap); }
.zl-mieter-zeile { gap: 12px; }
.zl-mieter-foto img { width: 44px; height: 44px; object-fit: cover; border-radius: var(--r-mittel); display: block; }
.dok-freigabe { font-weight: 560; }