/* Medlemskontroll (#137). DRIV-tokens från driv.css; ljust/mörkt följer dem. */
.rt-head:has(#mk-full){gap:8px}.rt-head:has(#mk-full) h2{flex:1}
.mk-full .rt-panel{width:100vw;max-width:100vw}
.mk-full .rt-body{padding-left:clamp(16px,4vw,56px);padding-right:clamp(16px,4vw,56px)}
.mk{display:flex;flex-direction:column;gap:20px;max-width:1400px;margin:0 auto}

.mk-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.mk-lead{margin:0;font-size:var(--text-sm);color:var(--muted)}.mk-lead b{color:var(--fg);font-weight:600}
.mk-status{display:flex;align-items:center;gap:10px;font-size:var(--text-xs);color:var(--muted);white-space:nowrap}
.mk-link{background:none;border:0;padding:4px 0;color:var(--fg);font:inherit;font-weight:500;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.mk-link:disabled{color:var(--faint);cursor:default}

/* Listor: två grupper, varje ruta säger vad den innehåller. */
.mk-groups{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:900px){.mk-full .mk-groups{grid-template-columns:3fr 2fr}}
.mk-group h3{margin:0 0 8px;font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.mk-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.mk-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 14px 13px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);color:var(--fg);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.mk-tile b{font-size:var(--text-xl);font-weight:600;line-height:1;letter-spacing:-.02em;color:var(--faint)}
.mk-tile span{font-size:var(--text-sm);font-weight:550;line-height:1.25}
.mk-tile small{font-size:var(--text-xs);color:var(--muted);line-height:1.35}
.mk-tile.mk-danger b{color:var(--danger)}.mk-tile.mk-warn b{color:var(--amber)}
.mk-tile:hover{border-color:var(--faint)}
.mk-tile.mk-on{border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}
.mk-tile:focus-visible,.mk-chip:focus-visible,.mk-item summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.mk-search{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);color:var(--muted)}
.mk-search input{flex:1;min-width:0;min-height:42px;border:0;background:none;outline:none;font-size:var(--text-sm);color:var(--fg)}

/* Vald lista */
.mk-listhead{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px}
.mk-listhead h3{margin:0;font-size:var(--text-md);font-weight:600}
.mk-listhead p{margin:2px 0 0;font-size:var(--text-xs);color:var(--muted)}
.mk-count{font-size:var(--text-xs);color:var(--muted);white-space:nowrap}
.mk-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.mk-chips[hidden]{display:none}
.mk-chip{padding:6px 11px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--card);color:var(--fg);font:inherit;font-size:var(--text-xs);cursor:pointer}
.mk-chip span{color:var(--muted);margin-left:2px}
.mk-chip.mk-on{background:var(--fg);border-color:var(--fg);color:var(--bg)}.mk-chip.mk-on span{color:inherit;opacity:.7}

/* Tabellen: kort i smal panel, kolumner när det finns plats. */
.mk-table{container-type:inline-size;border-top:1px solid var(--line)}
.mk-row{display:grid;grid-template-columns:minmax(0,1fr) 16px;gap:4px 16px;align-items:center}
.mk-th{display:none}
.mk-item{border-bottom:1px solid var(--line)}
.mk-item summary{list-style:none;cursor:pointer;padding:12px 4px}
.mk-item summary::-webkit-details-marker{display:none}
.mk-item summary:hover{background:color-mix(in srgb,var(--fg) 3%,transparent)}
.mk-who{display:flex;flex-direction:column;min-width:0;grid-column:1}
.mk-who b{font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-who small,.mk-cell small{font-size:var(--text-xs);color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.mk-cell{grid-column:1;display:flex;align-items:baseline;gap:8px;min-width:0;font-size:var(--text-sm)}
.mk-cell::before{content:attr(data-label);flex:0 0 112px;font-size:var(--text-xs);color:var(--muted)}
.mk-cell small{display:none}
.mk-todo{font-weight:550}
.mk-chev{grid-column:2;grid-row:1;color:var(--faint);transition:transform var(--dur) var(--ease)}
.mk-item[open] .mk-chev{transform:rotate(90deg)}
@container (min-width:640px){
 .mk-row{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.6fr) 16px}
 .mk-th{display:grid;padding:10px 4px 8px;font-size:var(--text-xs);font-weight:500;color:var(--muted)}
 .mk-who,.mk-cell,.mk-chev{grid-column:auto;grid-row:auto}
 .mk-cell{flex-direction:column;align-items:flex-start;gap:2px}
 .mk-cell::before{display:none}.mk-cell small{display:block;max-width:100%;white-space:nowrap}
 .mk-visit,.mk-th>span:nth-child(4){display:none}
}
@container (min-width:900px){
 .mk-row{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.2fr) minmax(0,.8fr) minmax(0,1.6fr) 16px}
 .mk-visit,.mk-th>span:nth-child(4){display:flex}
}

.mk-pill{display:inline-block;padding:2px 8px;border-radius:var(--r-pill);font-size:var(--text-xs);font-weight:550;white-space:nowrap}
.mk-pill.mk-danger{background:color-mix(in srgb,var(--danger) 13%,transparent);color:var(--danger)}
.mk-todo>span{display:inline-flex;align-items:baseline;gap:8px;color:var(--fg)}
.mk-danger-text::before,.mk-warn-text::before,.mk-muted-text::before{content:'';flex:none;width:8px;height:8px;border-radius:50%;transform:translateY(-1px)}
.mk-danger-text::before{background:var(--danger)}.mk-warn-text::before{background:var(--amber)}.mk-muted-text::before{background:var(--faint)}
.mk-muted-text,.mk-faint{color:var(--faint);font-weight:400}

.mk-detail{padding:4px 4px 18px;font-size:var(--text-sm)}
.mk-detail dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px 24px;margin:0 0 12px;padding:14px 16px;border-radius:var(--r-md);background:var(--bg)}
.mk-detail dt{font-size:var(--text-xs);color:var(--muted);margin-bottom:2px}
.mk-detail dd{margin:0;display:flex;flex-direction:column}
.mk-detail dd small{font-size:var(--text-xs);color:var(--muted)}
.mk-notes{margin:0 0 12px;padding-left:18px;font-size:var(--text-xs);color:var(--muted)}
.mk-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:var(--text-xs)}
.mk-empty{padding:48px 16px;text-align:center;color:var(--muted);font-size:var(--text-sm)}

.mk-how{font-size:var(--text-xs);color:var(--muted);border-top:1px solid var(--line);padding-top:12px}
.mk-how summary{cursor:pointer;font-weight:500;color:var(--fg)}
.mk-how p{margin:8px 0 0;line-height:1.55;max-width:72ch}.mk-how b{color:var(--fg);font-weight:550}

/* Hanterat och journal (Medlemskontroll vet om det som redan gjorts) */
.mk-pill.mk-muted{background:color-mix(in srgb,var(--muted) 14%,transparent);color:var(--muted)}
.mk-who .mk-pill{align-self:flex-start;margin-top:4px}
.mk-who .mk-jcount{color:var(--muted);font-size:var(--text-xs)}
.mk-journal{margin:0 0 12px;padding:14px 16px;border-radius:var(--r-md);border:1px solid var(--line)}
.mk-journal h4{margin:0 0 8px;font-size:var(--text-xs);font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.mk-journal ul{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:10px}
.mk-journal li{font-size:var(--text-sm);line-height:1.45;overflow-wrap:anywhere}
.mk-jmeta{display:block;font-size:var(--text-xs);color:var(--muted);margin-bottom:2px}
.mk-noteform{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}
.mk-noteform textarea{width:100%;box-sizing:border-box;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg);color:inherit;font:inherit;font-size:var(--text-sm);resize:vertical}
.mk-noteform [role=status]{grid-column:1/-1;font-size:var(--text-xs)}
@container (max-width:560px){.mk-noteform{grid-template-columns:1fr}}