/* Resident records: identity first, documents close at hand. */
.elder-attachment-box{margin:22px 0;padding:18px;border:1px solid #dce6f3;border-radius:13px;background:#f7faff}
.elder-attachment-box h3{font-size:14px;color:#344963}.elder-attachment-box h3 span{font-size:11px;font-weight:400;color:#8493a6;margin-left:6px}
.elder-attachment-box p{font-size:11px;line-height:1.8;color:#73849b;margin-top:6px}
.elder-attachment-box label{margin-top:13px;font-size:12px}
.elder-attachment-box input{font-size:12px;background:#fff;max-width:100%}
.elder-attachment-box small{display:block;font-size:10px;color:#8490a3;line-height:1.8;margin-top:10px}
.elder-attachment-selection{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:11px;color:#56728f}
#elder-attachment-name{min-width:0;overflow-wrap:anywhere;flex:1}
.elder-attachment-selection button{flex-shrink:0}
#elders-view .page-heading{align-items:center;gap:20px;margin-bottom:24px}
#elders-view .page-heading .eyebrow{display:none}
#elders-view .page-heading h1{font-size:30px;letter-spacing:-.7px}
#elders-view .page-heading p{font-size:13px;line-height:1.7}
#elders-view .heading-actions{flex-direction:row;flex-wrap:wrap;gap:9px}
#elders-view .heading-actions .button{min-height:42px;font-size:12px;white-space:nowrap}
#elders-view .panel-toolbar{padding:20px 24px;gap:18px}
#elders-view .panel-toolbar h2{flex-shrink:0}
#elders-view .search-field input{font-size:13px}
.elder-table td{padding-block:18px;font-size:12px}
.elder-table .person-cell{align-items:center}
.elder-row-identity{min-width:0}
.elder-name-line{display:flex;align-items:center;flex-wrap:wrap;gap:7px 9px}
.elder-name-button{padding:0;border:0;background:none;text-align:left;line-height:1.6;overflow-wrap:anywhere;cursor:pointer}
.elder-name-button:hover{color:#126bd0;text-decoration:underline;text-underline-offset:4px}
.elder-care-tag{display:inline-block;padding:2px 7px;border:1px solid #dce7f5;background:#f1f6fc;color:#577393;border-radius:6px;font-size:10px;line-height:1.6;white-space:nowrap}
.elder-table .archive-number{font-size:11px;line-height:1.7}
.elder-material-cell strong{display:block;font-size:12px;font-weight:500;color:#34465d}
.elder-pages{display:block;color:#7f8a9b;font-size:11px;margin-top:4px}
.elder-no-materials{color:#8a94a2;font-size:12px}
.elder-institution-cell{max-width:210px;overflow-wrap:anywhere}
.elder-empty-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:22px}
.elder-empty-actions .button{margin-top:0}
#detail-view .back-button{margin-bottom:17px}
#detail-view .elder-profile-panel{display:block;padding:24px 26px;margin-bottom:20px;background:#fff;box-shadow:0 8px 24px rgba(32,50,78,.035)}
.elder-profile-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.elder-profile-top .profile-identity{min-width:0;gap:16px}
.elder-detail-identity{min-width:0}
#detail-view .elder-profile-panel h1{font-size:29px;line-height:1.4;overflow-wrap:anywhere}
#detail-view .elder-profile-panel .resident-photo-control .person-avatar{width:66px;height:72px;border-radius:15px;border-width:2px;box-shadow:0 3px 10px rgba(54,89,129,.09)}
#detail-view .elder-profile-panel .profile-meta{font-size:12px;gap:6px 14px}
#detail-view .elder-profile-panel .profile-actions{margin:0}
.elder-quick-facts{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px;margin-top:22px;padding-top:18px;border-top:1px solid #edf0f5}
.elder-quick-facts>div{min-width:0}
.elder-quick-facts dt{font-size:11px;color:#7c8796;margin-bottom:7px}
.elder-quick-facts dd{margin:0;font-size:13px;line-height:1.7;color:#34465d;overflow-wrap:anywhere}
.elder-fill-link{border:0;background:none;padding:0;color:#687e99;font-size:12px;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}
#detail-view .elder-note{font-size:12px;color:#6f7c8c;margin-top:16px;padding-top:14px;border-top:1px solid #edf0f5}
#detail-view .record-tabs{margin-bottom:18px;gap:26px}
#detail-view .record-tabs button{font-size:14px;min-height:45px}
#detail-view .basic-profile-panel{padding:24px 26px}
#detail-view .basic-profile-heading h2{font-size:17px}
#detail-view .profile-detail-group{padding-block:17px}
#detail-view .profile-detail-group h3{font-size:12px;color:#6e7d91}
#detail-view .profile-details-grid{margin-top:15px;gap:16px 24px}
#detail-view .profile-details-grid dt{font-size:11px}
#detail-view .profile-leading-fields{padding-bottom:17px}
#detail-view .profile-summary-note{font-size:12px;white-space:pre-wrap;margin-bottom:0}
#detail-view .document-card{box-shadow:0 5px 18px rgba(32,50,78,.025)}
#elder-dialog .profile-editor-intro{font-size:12px;color:#718096;margin-bottom:16px}
#elder-dialog .identity-fields{padding-top:5px}
#elder-dialog .common-fields{margin-top:20px;padding-bottom:20px}
#elder-dialog .optional-fields>summary{font-size:13px;padding-block:17px}
#elder-dialog .elder-note-editor{border-top:1px solid #e3e3e9;margin-top:0;padding-top:0}
#elder-dialog .elder-note-editor>summary{font-size:13px;cursor:pointer;padding:17px 0;color:#50505a}
#elder-dialog .elder-note-editor>label{padding-bottom:12px;font-size:12px}
#elder-dialog .elder-note-editor textarea{min-height:90px}
@media(max-width:1100px){
  #elders-view .page-heading{flex-wrap:wrap;align-items:flex-start}
  #detail-view .elder-profile-panel .profile-actions{flex-direction:column;align-items:stretch}
  #detail-view .elder-profile-panel .profile-actions .button{min-height:36px;font-size:12px}
}
@media(max-width:720px){
  #elders-view .page-heading{gap:16px}
  #elders-view .page-heading h1{font-size:27px}
  #elders-view .page-heading p{font-size:12px}
  #elders-view .heading-actions{width:100%}
  #elders-view .heading-actions .button{flex:1;justify-content:center;min-height:42px}
  #elders-view .panel-toolbar{padding:18px 17px;gap:15px}
  .elder-table,.elder-table tbody{display:block;width:100%}
  .elder-table thead{display:none}
  .elder-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px 12px;padding:18px 17px;border-bottom:1px solid #edf0f5}
  .elder-table tr:last-child{border-bottom:0}
  .elder-table td{padding:0;border:0}
  .elder-table .optional-column{display:none}
  .elder-identity-cell{grid-column:1/-1}
  .elder-table .person-avatar{width:43px;height:48px;border-radius:12px;align-self:flex-start}
  .elder-table .person-name{font-size:15px}
  .elder-table .institution-mobile{font-size:12px;margin-top:3px}
  .elder-table .elder-material-cell strong,.elder-table .elder-pages{display:inline;font-size:12px}
  .elder-table .elder-pages{margin-left:8px}
  .elder-table .table-action{font-size:12px;padding:9px 11px;min-height:38px}
  #elders-view .pagination{flex-wrap:wrap;gap:12px;padding:15px 17px}
  #detail-view .elder-profile-panel{padding:20px 18px}
  #detail-view .elder-profile-panel h1{font-size:26px}
  #detail-view .elder-profile-panel .resident-photo-control .person-avatar{width:56px;height:64px}
  #detail-view .elder-profile-panel .profile-meta{font-size:11px}
  .elder-profile-top{flex-wrap:wrap}
  #detail-view .elder-profile-panel .profile-actions{width:100%;flex-direction:row;gap:8px}
  #detail-view .elder-profile-panel .profile-actions .button{font-size:12px;min-height:40px}
  .elder-quick-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
  .elder-quick-facts>div:first-child{grid-column:1/-1}
  .elder-quick-facts dd{font-size:13px}
  #detail-view .basic-profile-panel{padding:21px 18px}
  #detail-view .profile-details-grid{gap:16px 14px}
  #detail-view .document-actions{justify-content:flex-start}
}

@media(max-width:600px){#detail-view .elder-profile-panel .profile-actions{flex-wrap:wrap}#detail-view .elder-profile-panel .profile-actions .button{flex:1 1 40%;justify-content:center}#detail-view .elder-profile-panel .profile-actions #add-elder-attachment{order:-1;flex-basis:100%}}