.family-dialog{width:min(720px,calc(100% - 24px));max-height:90dvh;box-sizing:border-box}.family-dialog h3{margin:0 0 14px;color:#17375b;font-size:16px}.family-dialog .family-student-choice{background:#eff6ff;border:1px solid #d5e5fb;border-radius:12px;padding:18px;margin:18px 0}.family-dialog .family-contact{border:1px solid #e1e8f2;border-radius:12px;padding:18px;margin-bottom:18px}.family-dialog input,.family-dialog select{box-sizing:border-box;min-width:0;max-width:100%}.family-dialog #familyMessage{overflow-wrap:anywhere}.family-dialog .sr-dialog-head{align-items:start}.family-dialog .sr-dialog-head h2{font-size:23px;margin-top:7px}.family-subtabs{display:flex;gap:8px;flex-wrap:wrap}.family-subtabs .btn[aria-current=page]{background:#e6efff;color:#1957c1;border-color:#bad0f5}.family-guardian-page{min-width:0}.family-guardian-page .panel{min-width:0}.family-guardian-page .standard-grid-scroll{max-width:100%}.family-guardian-page .guardian-linked-students .student-cell{flex-wrap:wrap}.family-guardian-page .sr-actions{align-items:center}
.family-table h3{font-size:19px;margin:0 0 6px}.family-table .standard-grid th,.family-table .standard-grid thead tr.grid-filter-row th{background:#eef4fc;color:#436189;border-color:#dce7f4}.family-table .standard-grid-filter-input{background:#fff!important;color:#244466!important;border-color:#cfdeee!important}.family-table .standard-grid-filter-input::placeholder{color:#758aa6}.family-table .standard-grid td{background:#fff;padding:15px 10px;border-color:#e8eff8;font-size:12px}.family-table .standard-grid-toolbar{background:#f7faff}.family-table .student-photo{width:34px;height:34px;flex-shrink:0}.family-table .student-cell{min-width:130px}.family-table .guardian-linked-students .student-cell{flex-wrap:nowrap}.family-table .guardian-linked-students{display:grid;gap:12px}
@media(max-width:600px){.family-dialog{padding:16px;max-height:94dvh}.family-dialog .form-grid{grid-template-columns:1fr}.family-dialog .sr-dialog-actions{bottom:-16px}.family-dialog .family-contact,.family-dialog .family-student-choice{padding:12px}.family-dialog .sr-dialog-head h2{font-size:20px}.family-guardian-page .sr-actions>.btn{flex:1 1 145px}.family-dialog .sr-dialog-actions>.btn{flex:1 1 130px}.family-table .standard-grid table{min-width:600px}}