.family-shell{max-width:860px;margin:auto;padding:24px 18px 100px}.family-steps{display:flex;gap:10px;flex-wrap:wrap;color:#b6b9c4;font-size:13px;margin:20px 0}.family-steps span{background:#1b1d23;padding:9px 12px;border-radius:8px}.child-card{padding:20px;border:1px solid #45404a;border-left:3px solid #c92435;border-radius:12px;background:#121318;margin:16px 0;min-width:0}.child-card h3{margin:0 0 8px}.child-card p{overflow-wrap:anywhere}.family-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.child-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.child-fields label{display:block}.child-fields input,.child-fields select{width:100%;padding:12px;background:#1d2028;border:1px solid #555;color:#fff;border-radius:7px;font-size:16px}.family-shell input,.family-shell select{font-size:16px}.family-help{color:#b6b9c4;font-size:14px;line-height:1.6}.family-status{white-space:pre-line}.child-actions-status{color:#ddd;min-height:24px}.child-card .family-actions .btn{white-space:normal}.child-card details{margin-top:14px}.child-card ul{padding-left:20px}.contact-text-card{max-width:760px;margin:auto;padding:24px;border:1px solid #5a3137;border-radius:14px;background:#121318}.contact-text-card input{display:block;width:100%;max-width:360px;padding:12px;margin:8px 0 16px;font-size:16px;border-radius:7px;border:1px solid #555;background:#1d2028;color:white}.contact-text-card p{line-height:1.6}.contact-text-card textarea{width:100%;font-size:16px;padding:10px;min-height:90px;color:#eee;background:#1d2028;border:1px solid #555;border-radius:7px}.contact-text-card a{overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:600px){.child-fields{grid-template-columns:1fr}.family-actions{display:grid;grid-template-columns:1fr}.family-shell{padding-inline:16px}}

/* Staff family directory: overview first, editing only when requested. */
#staff-family{padding:0;overflow:hidden}
.family-panel-summary,.family-group-summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;min-height:64px;padding:20px 24px}
.family-panel-summary::-webkit-details-marker,.family-group-summary::-webkit-details-marker{display:none}
.family-panel-summary::after,.family-group-summary::after{content:'+';display:grid;place-items:center;flex:0 0 28px;height:28px;border:1px solid #555b65;border-radius:50%;font-size:20px}
.family-panel[open]>.family-panel-summary::after,.family-group[open]>.family-group-summary::after{content:'−'}
.family-panel-summary h2{margin:0;font-size:20px;flex:1}
.family-count{color:#b9bec8;font-size:13px;white-space:nowrap}
.family-panel-content{padding:0 24px 20px;border-top:1px solid #30343b}
.family-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0}
.family-toolbar p{margin:0}.family-toolbar .btn{min-height:40px;padding:8px 14px}
.family-group{border:1px solid #353941;border-radius:12px;background:#111318;overflow:hidden;margin-bottom:12px}
.family-group-summary{padding:16px 18px;background:#171a20}
.family-parent{display:grid;gap:2px;flex:1;min-width:0;overflow-wrap:anywhere}.family-parent strong{font-size:16px}
.family-child-row{padding:16px 18px;border-top:1px solid #30343b}
.family-child-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.family-child-name{min-width:0;overflow-wrap:anywhere}.family-child-name h3{font-size:16px;margin:0 0 2px}
.family-link-status{color:#ffcf89;font-size:12px;white-space:nowrap}.family-link-status.is-linked{color:#80ddb0}
.family-child-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px;margin-top:10px}
.family-child-editor{flex:1;min-width:0}
.family-child-editor>summary{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #424854;border-radius:7px;cursor:pointer;font-size:13px;font-weight:650}
.family-child-editor>summary::after{content:'⌄';margin-left:10px}.family-child-editor[open]>summary::after{content:'⌃'}
.family-child-editor[open]{flex-basis:100%}.family-child-editor form{margin-top:16px}.family-child-editor form>.btn{margin-top:16px}
.family-child-actions>.btn{min-height:44px;padding:8px 12px;font-size:11px;box-shadow:none}
.family-child-editor .child-fields>*{min-width:0}.family-child-editor input,.family-child-editor select{max-width:100%;min-width:0;box-sizing:border-box}
.family-save-status{margin:8px 0 0;font-size:13px;color:#9de0bc}.family-save-status:empty{display:none}
.family-footnote{margin:16px 0 0}
.family-panel summary:focus-visible{outline:3px solid #ff919b;outline-offset:-3px}
@media(max-width:600px){
 .family-panel-summary{padding:16px;flex-wrap:wrap;gap:8px}.family-panel-summary h2{font-size:18px}
 .family-panel-summary .family-count{font-size:12px}.family-panel-content{padding:0 12px 16px}
 .family-group-summary,.family-child-row{padding:14px 12px}.family-group-summary{gap:8px}
 .family-group-summary .family-count{font-size:12px}.family-group-summary::after{flex-basis:24px;height:24px}
 .family-parent .family-help{font-size:12px}.family-child-heading{align-items:flex-start}
 .family-toolbar .family-help{font-size:12px}
}
#staff-family.owner-card{padding:0!important}
@media(max-width:400px){
 .family-panel-summary{display:grid;grid-template-columns:1fr auto}
 .family-panel-summary .family-count{grid-column:1;grid-row:2}
 .family-panel-summary::after{grid-column:2;grid-row:1 / span 2}
 .family-group-summary{display:grid;grid-template-columns:minmax(0,1fr) auto}
 .family-group-summary .family-count{grid-column:1;grid-row:2}
 .family-group-summary::after{grid-column:2;grid-row:1 / span 2}
}
.family-panel-summary::after,.family-group-summary::after{width:28px}
.family-child-editor{flex:1 0 100px}
.family-child-editor>summary{white-space:nowrap}