/* EMERGENCY ROW + BOTTOM NAV fluid sizing (17 Oct 2026, Joseph). Targeted fix only (not the responsive redesign).
   Row above the nav: Alert family · Text emergency · I'm OK · Emergency (members only, unchanged). Emergency is always the biggest,
   bottom right (also in RTL). Phones: compact icon-over-label buttons that wrap (never truncate, never overlap). Tablet/desktop: row
   buttons with capped widths. Safe-area insets respected. Loaded after theme-modern.css. */
html.tm:root body #tabs>.tab999{display:flex!important;flex-wrap:nowrap!important;flex-direction:row!important;align-items:stretch!important;justify-content:flex-start!important;
 gap:clamp(4px,1.4vw,10px)!important;height:auto!important;min-height:var(--tm-strip);box-sizing:border-box;
 padding:clamp(5px,1.4vw,8px) calc(clamp(6px,2vw,14px) + env(safe-area-inset-right)) clamp(5px,1.4vw,8px) calc(clamp(6px,2vw,14px) + env(safe-area-inset-left))!important}
html.tm:root body #tabs>.tab999>*{flex:1 1 0!important;min-width:0!important;max-width:180px!important;margin:0!important;display:flex!important;align-items:stretch!important}
html.tm:root body #tabs>.tab999>.el-cwpar,html.tm:root body #tabs>.tab999>a.rpar{order:1!important}
html.tm:root body #tabs>.tab999>.esms-btn{order:2!important}
html.tm:root body #tabs>.tab999>.ci-w{order:3!important;padding:0!important;margin:0!important}
html.tm:root body #tabs>.tab999>.el-cw999,html.tm:root body #tabs>.tab999>.r999{order:9!important;flex:1.6 1 0!important;max-width:240px!important;margin-left:auto!important}
html.tm:root body #tabs>.tab999 .el-cw{width:100%;min-width:0!important}
html.tm:root body #tabs>.tab999 a.rpar,html.tm:root body #tabs>.tab999 .esms-btn,html.tm:root body #tabs>.tab999 .ckin,html.tm:root body #tabs>.tab999 .r999{
 width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:48px!important;box-sizing:border-box!important;
 white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-align:center;line-height:1.1!important}
html.tm:root body #tabs>.tab999 a.rpar span,html.tm:root body #tabs>.tab999 .esms-l,html.tm:root body #tabs>.tab999 .ci-t{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;overflow-wrap:break-word}
html.tm:root body #tabs>.tab999 .r999 .r999-t{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:break-word;display:inline!important}
html.tm:root body #tabs>.tab999 .r999::before{width:clamp(14px,4vw,18px)!important;height:clamp(14px,4vw,18px)!important;background-size:contain!important}
html.tm:root body #tabs>.tab999 .r999{font-size:clamp(14px,4vw,20px)!important;padding:0 clamp(6px,2vw,16px)!important;gap:clamp(4px,1.2vw,8px)!important}
/* phones (< 600px): compact icon-over-short-label buttons */
@media (max-width:599px){
 html.tm:root body #tabs>.tab999 a.rpar,html.tm:root body #tabs>.tab999 .esms-btn,html.tm:root body #tabs>.tab999 .ckin{flex-direction:column!important;justify-content:center!important;align-items:center!important;
  gap:2px!important;padding:4px 2px!important;font:700 clamp(10px,2.8vw,12.5px)/1.1 var(--tm-font,system-ui,sans-serif)!important;letter-spacing:-.01em;hyphens:manual}
 html.tm:root body #tabs>.tab999 a.rpar svg,html.tm:root body #tabs>.tab999 .esms-btn svg,html.tm:root body #tabs>.tab999 .ckin svg{display:block!important;width:clamp(16px,5vw,20px)!important;height:clamp(16px,5vw,20px)!important;flex:none}
 html.tm:root body #tabs>.tab999>*{max-width:none!important}
 html.tm:root body #tabs>.tab999>.el-cw999,html.tm:root body #tabs>.tab999>.r999{flex:2 1 0!important;max-width:none!important}
}
@media (max-width:339px){html.tm:root body #tabs>.tab999 .r999::before{display:none}html.tm:root body #tabs>.tab999 .r999{font-size:15px!important}}
/* tablets/desktop: one comfortable row */
@media (min-width:600px){html.tm:root body #tabs>.tab999 a.rpar,html.tm:root body #tabs>.tab999 .esms-btn,html.tm:root body #tabs>.tab999 .ckin{flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:4px 10px!important;font:650 clamp(13px,1.6vw,15px)/1.15 var(--tm-font,system-ui,sans-serif)!important}}
@media (min-width:600px){html.tm:root body #tabs>.tab999>.el-cwpar,html.tm:root body #tabs>.tab999>a.rpar,html.tm:root body #tabs>.tab999>.esms-btn,html.tm:root body #tabs>.tab999>.ci-w{max-width:190px!important}}
/* landscape phones */
@media (max-height:500px) and (orientation:landscape){html.tm:root body #tabs>.tab999 a.rpar,html.tm:root body #tabs>.tab999 .esms-btn,html.tm:root body #tabs>.tab999 .ckin,html.tm:root body #tabs>.tab999 .r999{min-height:44px!important}}
/* bottom nav: fluid labels, never clipped, safe area */
html.tm:root #tabs{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
html.tm:root #tabs>a{font-size:clamp(10px,2.9vw,13px)!important;min-width:0!important}
html.tm:root #tabs>a span{overflow-wrap:break-word;max-width:100%}
html.tm:root #tabs>a svg{width:clamp(20px,6vw,24px)!important;height:clamp(20px,6vw,24px)!important}