/* Readable mobile tool cards: keep type size, let descriptions use full width. */
html.mewday-v16 .real-app.real-app :is(.mxf-tool-grid,.mxh-tool-grid) button{grid-template-columns:34px minmax(0,1fr)!important;gap:8px 9px!important;padding:14px 12px!important;align-content:start!important}
html.mewday-v16 .real-app.real-app :is(.mxf-tool-grid,.mxh-tool-grid) button i{grid-column:1!important;grid-row:1!important}
html.mewday-v16 .real-app.real-app :is(.mxf-tool-grid,.mxh-tool-grid) button b{grid-column:2!important;align-self:center!important;min-width:0!important}
html.mewday-v16 .real-app.real-app :is(.mxf-tool-grid,.mxh-tool-grid) button small{grid-column:1/-1!important;grid-row:2!important;font-size:14px!important;line-height:1.6!important;min-width:0!important}
#mewday-ext-modal .mxh-list{display:grid;gap:10px;margin-top:16px}
#mewday-ext-modal .mxh-list button{display:flex;align-items:center;gap:12px;width:100%;min-height:68px;padding:14px;text-align:left;background:#fffdf8;border:1px solid #d7ddd4;border-radius:14px;color:#29463b}
#mewday-ext-modal .mxh-list button span{flex:1;min-width:0;display:grid;gap:5px}
#mewday-ext-modal .mxh-list button small{font-size:14px;line-height:1.5;color:#586558}
#mewday-ext-modal .mxh-list button b{font-size:16px;line-height:1.5;overflow-wrap:anywhere}
#mewday-ext-modal .mxh-list button strong{flex:none;font-size:22px}
.mxf-empty [data-food-retry]{min-height:44px;margin-top:12px;padding:10px 20px;background:#294b3d;color:white;border:0;border-radius:12px;font-size:16px}
@media(max-width:350px){html.mewday-v16 .real-app.real-app :is(.mxf-tool-grid,.mxh-tool-grid){grid-template-columns:minmax(0,1fr)!important}}

/* V62 supplementary QA: preserve long cat names inside mobile cards. */
.hero-copy h2,.m27-cat-card h2,.mxh-cat-name{overflow-wrap:anywhere!important;min-width:0!important}
/* QA: keep caregiver action readable beside long email on narrow phones. */
.m27-caregiver-row>div{min-width:0!important;flex:1!important}
.m27-caregiver-row small{overflow-wrap:anywhere!important}
.m27-caregiver-row [data-manage-care]{flex-shrink:0!important;white-space:nowrap!important}
.m27-caregiver-row [data-manage-care]{min-width:44px!important;min-height:44px!important;padding:8px!important}
.m27-caregiver-row{display:grid!important;grid-template-columns:40px minmax(0,1fr) 44px!important;gap:10px!important;align-items:center!important}
.m27-caregiver-row small{display:block!important;width:auto!important;max-width:100%!important;word-break:break-word!important}
/* PDF renderer does not reliably position CSS grid tracks. */
.vr-profile{display:flex!important;align-items:flex-start!important;gap:18px!important}
.vr-profile>.vr-cat-photo{position:static!important;flex:0 0 130px!important;width:130px!important;height:130px!important;transform:none!important;margin:22px 0 0!important}
.vr-profile>.vr-grid{flex:1!important;min-width:0!important}
.vr-grid,.vr-overview{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;gap:0!important}
.vr-grid>div,.vr-overview>div{box-sizing:border-box!important;width:calc(50% - 5px)!important;margin-bottom:10px!important;overflow-wrap:anywhere!important}
.vr-overview b,.vr-overview small{display:block!important}
.vr-overview small{margin-top:5px!important;color:#68756f!important}

/* V62: keep the health-case action in the form flow so it cannot cover details. */
.health-concern-modal>.modal-save-case{position:static!important;margin-top:16px!important;box-shadow:none!important}

.v37-groom-error{color:#8d3c2f!important;background:#fff0eb!important;border-radius:12px!important;padding:12px!important;margin:12px 0!important;line-height:1.6!important;overflow-wrap:anywhere!important}
.v37-groom-error[hidden]{display:none!important}