/* V1452.42 — targeted visual corrections, no roster re-layout. */
@media (max-width:760px) {
 /* iPhone Home Screen uses an edge-to-edge viewport; lift all five main headers
    and their profile/action hit targets below the Dynamic Island/status bar. */
 @supports (-webkit-touch-callout:none) {
  html.er-earth body.ww-app-visible #app>.shell>.main>.topbar,
  html.er-earth body.ww-app-visible #app .main>.topbar {
   box-sizing:border-box!important;
   min-height:calc(max(52px,env(safe-area-inset-top,0px)) + 57px)!important;
   height:auto!important;max-height:none!important;
   padding:calc(max(52px,env(safe-area-inset-top,0px)) + 5px) 12px 10px!important;
   align-items:flex-end!important;overflow:visible!important;
  }
  html.er-earth body.ww-app-visible #app .main>.topbar .topbar-actions,
  html.er-earth body.ww-app-visible #app .main>.topbar .top-profile {z-index:2!important;pointer-events:auto!important;}
 }
 /* Existing 94px roster cards stay exactly 94px. Distribute only text room. */
 html.er-earth body.ww-roster-active #app #page .roster-mobile article.rc-card.is-admin .rc-1{min-width:0!important;gap:4px!important;}
 html.er-earth body.ww-roster-active #app #page .roster-mobile article.rc-card.is-admin .rc-1 h3{min-width:0!important;max-width:100%!important;}
 html.er-earth body.ww-roster-active #app #page .roster-mobile article.rc-card.is-admin .rc-hrs{flex:0 0 auto!important;white-space:nowrap!important;font-size:9px!important;line-height:15px!important;padding:0 4px!important;}
 html.er-earth body.ww-roster-active #app #page .roster-mobile article.rc-card.is-admin .rc-4{gap:3px!important;min-width:0!important;}
 html.er-earth body.ww-roster-active #app #page .roster-mobile article.rc-card.is-admin .rc-4 :is(.avatar,.av){flex:0 0 19px!important;width:19px!important;min-width:19px!important;height:19px!important;min-height:19px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;text-overflow:clip!important;font-size:9px!important;line-height:1!important;}
 html.er-earth body.ww-roster-active #app #page .roster-mobile article.rc-card.is-admin .rc-4 .nm{flex:0 1 auto!important;min-width:0!important;font-size:10px!important;}
}
/* Subtle profile shortcut emphasis — headings only, same card geometry. */
html.er-earth body #app #page .er40-profile .er40-profile-link:is([data-tab="docs"],[data-tab="directory"]) .er40-profile-copy strong{color:#245b40!important;font-weight:750!important;font-size:14.5px!important;}
html.er-earth body #app #page .er40-profile .er40-profile-link:is([data-tab="docs"],[data-tab="directory"]) .er40-profile-icon{background:#e8f1e3!important;color:#285d43!important;}
html.er-earth[data-er-theme=dark] body #app #page .er40-profile .er40-profile-link:is([data-tab="docs"],[data-tab="directory"]) .er40-profile-copy strong{color:#b7dfbb!important;}
/* Client directory: a single standard search input, not an extra tinted frame. */
html.er1393-refined body #app .er1393-clients .er1393-client-toolbar{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;}
html.er1393-refined body #app .er1393-clients .er1393-client-toolbar>label{background:#fff!important;border:1px solid #cbd8ce!important;border-radius:9px!important;box-shadow:none!important;padding:0 12px!important;}
html.er1393-refined body #app .er1393-clients .er1393-client-toolbar input{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;}
html.er1393-refined body #app .er1393-clients .er1393-client-toolbar>label:focus-within{border-color:#4b8062!important;outline:2px solid #dbe8da!important;outline-offset:1px!important;}
/* Edit client email: remove legacy brown outer focus box, retain a clear field focus. */
html.er1393-refined body #modalHost .er1393-field:focus-within{background:transparent!important;outline:0!important;box-shadow:none!important;}
html.er1393-refined body #modalHost .er1393-field input[type=email]{background:#fff!important;border:1px solid #cbd8ce!important;box-shadow:none!important;outline:0!important;}
html.er1393-refined body #modalHost .er1393-field input[type=email]:focus{border-color:#4b8062!important;outline:2px solid #dbe8da!important;outline-offset:1px!important;}

/* Existing Edit client uses the original m_cemail field, not a new form. */
html.er-earth body[data-modal-type=client] #modalHost .field:has(#m_cemail){background:transparent!important;outline:0!important;box-shadow:none!important;}
html.er-earth body[data-modal-type=client] #modalHost #m_cemail{border:1px solid #cbd8ce!important;background:#fff!important;box-shadow:none!important;outline:0!important;}
html.er-earth body[data-modal-type=client] #modalHost #m_cemail:focus{border-color:#4b8062!important;outline:2px solid #dbe8da!important;outline-offset:1px!important;box-shadow:none!important;}

/* Actual staff roster initials/names layout: avoid cutting avatar letters without expanding cards. */
@media(max-width:760px){
 html.er-earth body.ww-roster-active #app #page .roster-mobile .rc-card.is-admin .rc-4 .avs{flex:0 0 auto!important;overflow:visible!important;min-width:max-content!important;}
 html.er-earth body.ww-roster-active #app #page .roster-mobile .rc-card.is-admin .rc-4 .avs>.av{overflow:visible!important;line-height:1!important;font-size:8px!important;text-overflow:clip!important;}
 html.er-earth body.ww-roster-active #app #page .roster-mobile .rc-card.is-admin .rc-4 .nm{flex:1 1 auto!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;}
 html.er-earth body.ww-roster-active #app #page .roster-mobile .rc-card.is-admin .rc-4 .nm-person{flex-shrink:1!important;min-width:0!important;}
 html.er-earth body.ww-roster-active #app #page .roster-mobile .rc-card.is-admin .rc-4 .nm-person .nm-b{font-size:10px!important;line-height:1.2!important;}
}
/* Existing client edit modal is .field, not the quick-add .er1393-field. */
html.er-earth body #modalHost .field:has(>#m_cemail),
html.er-earth body #modalHost .field:has(#m_cemail){background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;}
html.er-earth body #modalHost #m_cemail{background:var(--er-paper,#fff)!important;border:1px solid #cbd8ce!important;outline:0!important;box-shadow:none!important;}
html.er-earth body #modalHost #m_cemail:focus{border-color:#4b8062!important;outline:2px solid #dbe8da!important;outline-offset:1px!important;}

/* Keep the whole Job / hours pill visible on narrow roster cards; the time row gets the flexible width. */
@media(max-width:760px){
 html.er-earth body.ww-roster-active #app #page .roster-mobile>.rc-card.is-admin .rc-2{display:flex!important;align-items:center!important;gap:3px!important;min-width:0!important;width:100%!important;}
 html.er-earth body.ww-roster-active #app #page .roster-mobile>.rc-card.is-admin .rc-2 .rc-time{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:9px!important;}
 html.er-earth body.ww-roster-active #app #page .roster-mobile>.rc-card.is-admin .rc-2 .rc-hrs{flex:0 0 auto!important;max-width:none!important;min-width:max-content!important;margin-left:auto!important;padding:1px 4px!important;font-size:9px!important;line-height:1.3!important;}
}