.family-dialog{box-sizing:border-box;width:min(1080px,calc(100vw - 24px));max-height:92vh;overflow:auto;border:2px solid var(--line);border-radius:16px;padding:24px;background:var(--surface);color:var(--ink)}.family-dialog::backdrop{background:rgba(0,0,0,.6)}.family-dialog header{display:flex;justify-content:space-between;align-items:center;gap:16px}.family-dialog header h2{margin:0}.family-dialog label{display:flex;flex-direction:column;gap:6px}.family-dialog input,.family-dialog select{min-height:44px;max-width:100%;box-sizing:border-box}.family-toolbar,.family-toolbar form,.family-range{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:18px 0}.family-toolbar>label,.family-toolbar form label{min-width:220px;flex:1}.family-range label{flex:1}.family-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.family-stats article{display:flex;flex-direction:column;border:1px solid var(--line);padding:14px;border-radius:10px;gap:8px}.family-stats strong{font-size:1.5rem}.family-members>article{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.family-members p{margin:6px 0}.family-table-wrap{overflow:auto;max-width:100%}.family-dialog table{width:100%;border-collapse:collapse;min-width:500px}.family-dialog th,.family-dialog td{padding:10px;text-align:right;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.family-select-list{max-height:310px;overflow:auto;border:1px solid var(--line);border-radius:10px;margin:12px 0}.family-dialog .family-candidate{display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--line);cursor:pointer}.family-candidate input{min-height:24px;width:24px;flex:none}.family-candidate small{display:block;margin-top:4px}.family-badge{display:block!important;font-size:.85rem;margin-top:8px;white-space:normal}.family-dialog button{min-height:48px}.family-dialog [data-error]{white-space:pre-wrap}.family-dialog button:focus-visible,.family-dialog input:focus-visible,.family-dialog select:focus-visible{outline:3px solid var(--warning-border);outline-offset:3px}[data-theme=dark] .family-dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}[data-theme=dark] .family-dialog:is(input,select){background:var(--surface);color:var(--ink);border:1px solid var(--line)}[data-theme=dark] .family-dialog:is(.secondary,a.secondary){background:var(--surface-subtle);color:var(--ink);border:1px solid var(--line)}[data-theme=dark] .family-dialog:focus-visible{outline-color:var(--warning-border)}@media(max-width:600px){.family-dialog{padding:16px}.family-toolbar,.family-toolbar form,.family-range{flex-direction:column;align-items:stretch;width:100%}.family-toolbar>label,.family-toolbar form label{min-width:0}.family-stats{grid-template-columns:1fr}.family-members .row-actions{width:100%;flex-wrap:wrap}.family-dialog header h2{font-size:1.3rem}.family-dialog button{white-space:normal}}

[data-new-family][hidden]{display:none!important}[data-donor-family-form]{display:grid;gap:16px;max-width:100%}[data-donor-family-form] button{justify-self:start}[data-donor-family-form] p{line-height:1.7}.family-badge:not(button){font-weight:600;color:var(--muted,var(--muted));background:none;border:0;padding:0}.family-dialog select{width:100%}
