/* V0.07 family profiles: retain the established AIKids palette and layout. */
.family-panel{margin:18px 0;padding:24px;min-width:0}
.family-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}
.family-heading h2{font-size:28px;letter-spacing:-.035em;margin:0 0 5px}
.family-caption{font-size:13px;line-height:1.6;color:#59647a;margin:6px 0 16px}
.family-heading .family-caption{margin:0}
.family-children{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.family-child{padding:18px;background:#f7f9fc;border:1px solid #e3e8ef;border-radius:20px;min-width:0}
.family-child.is-selected{background:#f2fae7;border-color:#a4ca6b}
.family-avatar{display:grid;place-items:center;background:white;width:46px;height:46px;border-radius:15px;font-size:25px}
.family-child h3{font-size:20px;margin:10px 0 6px;overflow-wrap:anywhere}
.family-child-info{color:#536075;font-size:13px;margin:0 0 14px}
.family-actions{display:flex;gap:8px;flex-wrap:wrap}
.family-actions button,.family-heading button{min-height:44px;font-size:13px}
.family-delete{color:#8f3333!important}
.family-disclosure{background:#eef3fa;border-radius:15px;padding:14px;font-size:12px;line-height:1.6;color:#47556b;margin:0}
.family-picker{min-width:0;max-width:220px}
.family-picker label{display:block;font-size:11px;font-weight:800;color:#536075;margin:0 0 4px 8px}
.family-picker select{display:block;width:100%;min-height:44px;max-width:220px;border:1px solid #d6dfeb;background:#fff;border-radius:14px;padding:9px 30px 9px 12px;font:inherit;font-size:16px;font-weight:700;color:#172237}
.appnav-right{flex-wrap:wrap}.appnav-right .profile-pill{display:none}
.family-picker[hidden],.family-notice[hidden]{display:none}
.family-notice{position:fixed;left:12px;right:12px;bottom:12px;max-width:720px;margin:auto;background:#fff2d2;color:#633d0c;padding:14px 18px;border:1px solid #d6b37b;border-radius:16px;z-index:75;font-size:13px;line-height:1.5;pointer-events:none}
#parentTitle,#helloName{overflow-wrap:anywhere}
#familyPanel .btn:focus-visible,#familySelect:focus-visible{outline:3px solid #2167b1;outline-offset:3px}
#familyPanel .btn:disabled{cursor:default;opacity:.75;box-shadow:none;transform:none}
@media(max-width:640px){.family-panel{padding:18px}.family-children{grid-template-columns:1fr}.family-heading{align-items:flex-start;flex-direction:column}.family-heading>.btn{width:100%}.family-picker{flex:1;max-width:none}.family-picker select{max-width:none}.appnav-right{width:100%;display:flex;gap:10px}.appnav-right>#switchView{width:auto;flex:1;font-size:12px;padding:11px 9px}.family-actions{gap:6px}.family-actions>.btn{padding:10px 12px}}