/* ── My forms (custom forms phase 1): the sidebar's "You" group, the My
   forms list and the Share page. Everything else comes from app.css. */

/* "You" sits above the loved-one switcher: things that are yours across
   every loved one, not the selected loved one's. */
.nav.you{flex:none;overflow:visible;padding:10px 8px 0}
.nav.you .grp{margin-top:0}

/* My forms list */
.mf-tile{width:28px;height:28px;border-radius:7px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:700;font-size:13px;flex-shrink:0}
.mf-shares{display:flex;flex-wrap:wrap;gap:4px}

/* Share page: one row per loved one, a switch each */
.mf-share .sr{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--rule-2)}
.mf-share .sr:last-child{border-bottom:0}
.mf-share .sr.stopped{background:var(--warn-soft)}
.mf-share .sr .grow{flex:1;min-width:0}
.mf-share .sr .n{font-weight:600}
.mf-share .sr .s{font-size:13px;color:var(--muted)}
.mf-share .sr .s.good{color:var(--good)}
.mf-share .sr .s.warn{color:var(--warn)}
.mf-share .sr .s.crit{color:var(--crit);margin-top:2px}
.mf-share button.toggle{border:0;background:none;padding:4px 0;font:inherit;color:var(--ink-2);flex-shrink:0}
.mf-share button.toggle:disabled{opacity:.5;cursor:default}