/* Leeds phone layouts: presentation only; keep full-screen camera and media editors independent. */
@media (max-width:600px){
 dialog.member-dialog:not(.social-dialog):not(.sah-camera):not(.booking-dialog){box-sizing:border-box;width:min(690px,calc(100% - 24px));max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);margin:auto;overflow:auto}
 dialog.member-dialog:not(.social-dialog):not(.sah-camera) .dialog-header{min-width:0;gap:12px;align-items:flex-start}
 dialog.member-dialog:not(.social-dialog):not(.sah-camera) .dialog-header>h2{min-width:0;overflow-wrap:anywhere}
 dialog.member-dialog:not(.social-dialog):not(.sah-camera) .dialog-close{flex:none;width:44px;min-width:44px;height:44px;min-height:44px}
 dialog.member-dialog:not(.social-dialog):not(.sah-camera) .field,
 dialog.member-dialog:not(.social-dialog):not(.sah-camera) input,
 dialog.member-dialog:not(.social-dialog):not(.sah-camera) select,
 dialog.member-dialog:not(.social-dialog):not(.sah-camera) textarea{min-width:0;max-width:100%;box-sizing:border-box}
 .safety-page .safety-child{min-width:0;flex-wrap:wrap;gap:10px}
 .safety-page .safety-child>h2{flex:1 1 160px;min-width:0;overflow-wrap:anywhere}
 .safety-page .safety-child>span{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .safety-page footer{flex-wrap:wrap;gap:12px}

 /* Two readable rows: brand and account tools, then invitation and timetable. */
 .staff-workspace.staff-workspace-coach{--staff-header-height:128px}
 .staff-workspace-coach .staff-account-bar{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;grid-template-rows:54px minmax(44px,auto);grid-template-areas:"brand requests account" "invite timetable timetable";height:auto;min-height:68px;gap:8px;padding:8px 12px;align-items:center;box-sizing:border-box}
 .staff-workspace-coach .staff-account-bar>.staff-brand{grid-area:brand;min-width:0;max-width:100%;height:54px}
 html .staff-workspace-coach .staff-account-bar>.staff-bar-actions{display:contents}
 html .staff-workspace-coach .staff-account-bar .staff-bar-actions>button{box-sizing:border-box;min-width:0;max-width:100%;width:100%;min-height:44px;height:auto;margin:0;padding:6px;font-size:13px;line-height:1.25;white-space:normal;overflow-wrap:anywhere;align-self:stretch;justify-content:center}
 html .staff-workspace-coach .staff-account-bar .staff-bar-actions>.staff-register-shortcut[aria-label="Invite someone to the Leeds app"]{grid-area:invite;display:flex}
 html .staff-workspace-coach .staff-account-bar .staff-bar-actions>button:nth-child(2){grid-area:timetable}
 html .staff-workspace-coach .staff-account-bar .staff-bar-actions>button[aria-label="Academy requests"]{grid-area:requests}
 html .staff-workspace-coach .staff-account-bar .staff-bar-actions>button[aria-label="Your staff account"]{grid-area:account;min-width:44px;width:44px;padding:4px;gap:0;align-items:center}
 html .staff-workspace-coach .staff-account-bar .staff-account-identity{display:none}
 .staff-workspace-coach .staff-account-button>.account-avatar{flex:none;width:34px;height:34px;margin:0}

 .hf-metrics,.hf-metrics>.hf-metric{min-width:0;max-width:100%;box-sizing:border-box}
 .hf-metric .hf-money{min-width:0;max-width:100%;overflow-wrap:anywhere}
 html body .hf-dialog .hf-button-close{flex:none;min-width:44px;width:44px;min-height:44px;height:44px}
 html body .owner-mail.owner-mail button{min-width:44px;min-height:44px}
 html body .owner-mail.owner-mail .om-back{width:44px}
 /* These legacy controls force smaller dimensions with !important. */
 html body .owner-mail.owner-mail button.om-icon{min-width:44px!important;width:44px}
 html body .owner-mail.owner-mail .om-attachments button.om-icon{min-width:44px!important;min-height:44px!important;width:44px}
 html body .owner-mail.owner-mail .om-message-body .om-text-button{min-height:44px!important}
 html body .social-dialog.social-workspace button.social-schedule-dismiss{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important;flex-basis:44px!important}
}
@media (max-width:360px){
 html body .hf-metrics{grid-template-columns:minmax(0,1fr)}
}