/* EarthRoster V1382 — mobile chat safe-area, message picker, permission prompt and time summaries.
   No data, message, permission, shift, or clock handlers are replaced here. */
html.er1382-mobile {--er1382-chat-safe-top:env(safe-area-inset-top,0px);--er1382-chat-safe-bottom:env(safe-area-inset-bottom,0px);--er1382-visual-height:100dvh}
/* In iOS PWA mode WebKit can report a zero safe-area inset even with a Dynamic Island. */
html.er1382-mobile.er1382-ios {--er1382-chat-safe-top:max(env(safe-area-inset-top,0px),54px)}
@media(max-width:1023px){
  /* The thread is a single full-viewport panel. The old 61px reserved nav space
     was incorrect because the bottom navigation is already hidden in a thread. */
  html.er1382-mobile body.ww-chat-active.chat-thread-open #app#app#app#app .chat-shell,
  html.er1382-mobile body.chat-thread-open #app#app#app#app .chat-shell.show-thread {
    position:fixed!important;inset:auto 0 auto 0!important;
    top:var(--er1382-chat-safe-top)!important;bottom:auto!important;
    width:100%!important;height:calc(var(--er1382-visual-height) - var(--er1382-chat-safe-top))!important;
    min-height:0!important;max-height:none!important;display:flex!important;
    padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
    overflow:hidden!important;z-index:1100!important;background:#f3f0e7!important;
  }
  html.er1382-mobile body.ww-chat-active.chat-thread-open #app#app#app#app .chat-shell > .chat-thread {
    position:relative!important;inset:auto!important;display:flex!important;
    flex-direction:column!important;width:100%!important;height:100%!important;
    min-height:0!important;max-height:none!important;margin:0!important;
    border:0!important;border-radius:0!important;overflow:hidden!important;
  }
  html.er1382-mobile body.ww-chat-active.chat-thread-open #app#app#app#app .chat-thread-head {
    position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;
    flex:0 0 70px!important;height:70px!important;min-height:70px!important;max-height:70px!important;
    width:100%!important;padding:10px 12px!important;gap:10px!important;
    background:linear-gradient(115deg,#345e46,#244632)!important;color:#fcfaf1!important;
    border:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 2px 9px rgba(11,43,24,.08)!important;overflow:hidden!important;
  }
  html.er1382-mobile body.ww-chat-active.chat-thread-open #app#app#app#app .chat-thread-head .cth-back {
    position:relative!important;inset:auto!important;display:grid!important;place-items:center!important;
    flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
    border:1px solid rgba(255,255,255,.28)!important;border-radius:12px!important;
    background:rgba(255,255,255,.11)!important;color:#fff!important;z-index:2!important;
  }
  html.er1382-mobile body.ww-chat-active.chat-thread-open #app#app#app#app .chat-thread-head .cth-back svg {stroke:#fff!important;color:#fff!important;width:21px!important;height:21px!important}
  html.er1382-mobile body.ww-chat-active.chat-thread-open #app#app#app#app .chat-thread-head .cth-card {min-width:0!important;flex:1 1 auto!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;gap:9px!important}
  html.er1382-mobile body.ww-chat-active.chat-thread-open #app#app#app#app .chat-thread-head :is(.cth-name,.cth-info strong,.cth-sub) {color:#faf9f1!important}
  html.er1382-mobile body.ww-chat-active.chat-thread-open #app#app#app#app .chat-thread-head .cth-presence {color:#d6e4d7!important}
  html.er1382-mobile body.ww-chat-active.chat-thread-open #app#app#app#app .chat-thread-head .avatar {flex-shrink:0!important;border:1px solid rgba(255,255,255,.25)!important;background:rgba(255,255,255,.14)!important;color:#fff!important}
  html.er1382-mobile body.ww-chat-active.chat-thread-open #app#app#app#app .chat-thread-head .cth-actions {flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:5px!important}
  html.er1382-mobile body.ww-chat-active.chat-thread-open #app#app#app#app .chat-thread-head .cth-act {width:42px!important;height:44px!important;min-width:42px!important;min-height:44px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:12px!important;background:rgba(255,255,255,.09)!important;color:#fff!important}
  html.er1382-mobile body.ww-chat-active.chat-thread-open #app#app#app#app .chat-thread-head .cth-act svg {color:#fff!important;stroke:#fff!important;width:19px!important;height:19px!important}
  html.er1382-mobile body.ww-chat-active.chat-thread-open #app#app#app#app .chat-thread .chat-scroll {flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:15px 11px!important;background:#f4f1e8!important}
  html.er1382-mobile body.ww-chat-active.chat-thread-open #app#app#app#app .chat-thread .chat-composer {
    position:relative!important;inset:auto!important;bottom:auto!important;
    display:grid!important;grid-template-columns:42px minmax(0,1fr) 44px!important;gap:8px!important;
    flex:0 0 auto!important;width:100%!important;min-width:0!important;height:auto!important;min-height:64px!important;
    margin:0!important;padding:8px 12px calc(9px + var(--er1382-chat-safe-bottom))!important;
    border-top:1px solid #d9decf!important;background:#f1efe6!important;
  }
  html.er1382-mobile body.ww-chat-active.chat-thread-open #app#app#app#app .chat-composer #chatInput {min-width:0!important;min-height:43px!important;height:43px!important;max-height:112px!important;font-size:16px!important;border-radius:13px!important}
  html.er1382-mobile body.ww-chat-active.chat-thread-open #app#app#app#app .chat-composer :is(.cattach,.csend) {min-width:42px!important;width:42px!important;min-height:43px!important;height:43px!important;border-radius:12px!important}
  html.er1382-mobile body.ww-chat-active.chat-thread-open .wwnav {display:none!important}
  /* The previous inbox applied both a full-height scroll area AND 70px of bottom padding.
     Keep only the bottom navigation's actual occupied height. */
  html.er1382-mobile body.ww-chat-active:not(.chat-thread-open) #app#app#app#app .main>.content {
    box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
    flex:1 1 auto!important;height:auto!important;min-height:0!important;
    padding:0 0 calc(68px + env(safe-area-inset-bottom,0px))!important;
    overflow:hidden!important;background:#f2f0e6!important;
  }
  html.er1382-mobile body.ww-chat-active:not(.chat-thread-open) #app#app#app#app #page,
  html.er1382-mobile body.ww-chat-active:not(.chat-thread-open) #app#app#app#app .chat-shell.chat-list-only {flex:1 1 auto!important;min-height:0!important;height:100%!important;overflow:hidden!important;background:#f2f0e6!important}
  html.er1382-mobile body.ww-chat-active:not(.chat-thread-open) #app#app#app#app .chat-list.cv-list {display:flex!important;flex-direction:column!important;min-height:0!important;height:100%!important;padding:10px 12px 0!important;border-radius:0!important;background:#f2f0e6!important}
  html.er1382-mobile body.ww-chat-active:not(.chat-thread-open) #app#app#app#app .cv-threads {flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:0 0 4px!important;margin:0!important;background:#f2f0e6!important}
}
@media(max-width:365px){
 html.er1382-mobile body.chat-thread-open #app#app#app#app .chat-thread-head{padding:9px 8px!important;gap:5px!important}
 html.er1382-mobile body.chat-thread-open #app#app#app#app .chat-thread-head .cth-actions{gap:3px!important}
 html.er1382-mobile body.chat-thread-open #app#app#app#app .chat-thread-head .cth-back{flex-basis:40px!important;width:40px!important;height:42px!important;min-width:40px!important}
 html.er1382-mobile body.chat-thread-open #app#app#app#app .chat-thread-head .cth-act{width:39px!important;min-width:39px!important}
}
/* New-message picker: compact, professional, with visible, non-scrolling title/search and footer. */
html.er1382-mobile body[data-modal-type="new-chat"] #modalHost .modal-overlay {padding:calc(env(safe-area-inset-top,0px) + 10px) 10px calc(env(safe-area-inset-bottom,0px) + 10px)!important;align-items:center!important;overflow:hidden!important;background:rgba(13,36,24,.52)!important}
html.er1382-mobile body[data-modal-type="new-chat"] #modalHost .modal {box-sizing:border-box!important;width:100%!important;max-width:510px!important;min-width:0!important;max-height:100%!important;height:min(690px,100%)!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border:1px solid #cbd8c5!important;border-radius:19px!important;background:#f5f6ef!important;box-shadow:0 22px 65px rgba(7,29,16,.25)!important}
html.er1382-mobile body[data-modal-type="new-chat"] #modalHost .modal-head {position:relative!important;flex:0 0 auto!important;min-height:76px!important;display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;padding:16px 18px!important;background:linear-gradient(120deg,#2b5940,#22452f)!important;border:0!important;color:#fffdf3!important}
html.er1382-mobile body[data-modal-type="new-chat"] #modalHost .modal-head h2 {font:700 23px/1.15 system-ui,sans-serif!important;letter-spacing:-.03em!important;color:#fffdf3!important;margin:0!important}
html.er1382-mobile body[data-modal-type="new-chat"] #modalHost .modal-x {width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:12px!important;background:rgba(255,255,255,.10)!important;color:#fff!important;font-size:25px!important}
html.er1382-mobile body[data-modal-type="new-chat"] #modalHost .modal-body {box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:9px!important;flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;padding:14px 13px 10px!important;background:#f5f6ef!important}
html.er1382-mobile body[data-modal-type="new-chat"] #modalHost .nc-search {box-sizing:border-box!important;position:relative!important;top:auto!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;width:100%!important;min-width:0!important;min-height:49px!important;height:49px!important;margin:0 0 3px!important;padding:0 12px!important;border:1px solid #cbd5ca!important;border-radius:13px!important;background:#fcfcf6!important;box-shadow:none!important;overflow:visible!important}
html.er1382-mobile body[data-modal-type="new-chat"] #modalHost .nc-search .nc-search-ic {display:grid!important;place-items:center!important;flex:0 0 20px!important;width:20px!important;height:20px!important;position:static!important;inset:auto!important;transform:none!important;margin-right:9px!important;color:#617868!important}
html.er1382-mobile body[data-modal-type="new-chat"] #modalHost .nc-search .nc-search-ic svg {width:19px!important;height:19px!important}
html.er1382-mobile body[data-modal-type="new-chat"] #modalHost .nc-search input {display:block!important;flex:1 1 auto!important;min-width:0!important;width:100%!important;height:45px!important;min-height:45px!important;line-height:1.4!important;margin:0!important;padding:0!important;border:0!important;outline:none!important;background:transparent!important;color:#244634!important;font:400 16px/1.4 system-ui,sans-serif!important}
html.er1382-mobile body[data-modal-type="new-chat"] #modalHost .nc-search:focus-within {border-color:#6d9679!important;box-shadow:0 0 0 3px rgba(54,120,72,.12)!important}
html.er1382-mobile body[data-modal-type="new-chat"] #modalHost .dm-list {box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:4px!important;flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;padding:0 1px 10px!important;margin:0!important}
html.er1382-mobile body[data-modal-type="new-chat"] #modalHost .dm-pick {box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:68px!important;flex:0 0 auto!important;margin:0!important;padding:10px 12px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;text-align:left!important}
html.er1382-mobile body[data-modal-type="new-chat"] #modalHost .dm-pick:nth-child(even) {background:#eaf0e5!important}
html.er1382-mobile body[data-modal-type="new-chat"] #modalHost .dm-pick:is(:hover,:focus-visible) {border-color:#c7d8c5!important;background:#e0ebdd!important}
html.er1382-mobile body[data-modal-type="new-chat"] #modalHost .dm-pick .avatar {display:grid!important;place-items:center!important;flex:0 0 43px!important;width:43px!important;height:43px!important;min-width:43px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.45)!important;font-size:14px!important}
html.er1382-mobile body[data-modal-type="new-chat"] #modalHost .dm-pick > div {flex:1 1 auto!important;min-width:0!important}
html.er1382-mobile body[data-modal-type="new-chat"] #modalHost .dm-pick .dmp-name {font:700 15px/1.32 system-ui,sans-serif!important;color:#20382c!important;overflow-wrap:anywhere!important}
html.er1382-mobile body[data-modal-type="new-chat"] #modalHost .dm-pick .dmp-sub {font:400 12px/1.35 system-ui,sans-serif!important;color:#65776a!important;margin-top:3px!important}
html.er1382-mobile body[data-modal-type="new-chat"] #modalHost .modal-foot {display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:0 0 auto!important;min-height:66px!important;margin:0!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px))!important;border:0!important;border-top:1px solid #d5dfd2!important;background:#e9efe6!important}
html.er1382-mobile body[data-modal-type="new-chat"] #modalHost .modal-foot button {width:auto!important;min-width:110px!important;height:43px!important;min-height:43px!important;padding:0 20px!important;border:1px solid #c8d9c8!important;border-radius:11px!important;background:#f8faf5!important;color:#285f43!important;box-shadow:none!important;font:650 14px/1.2 system-ui,sans-serif!important}
/* Keep the group-chat option scrollable too, without forcing a tall inner picker. */
html.er1382-mobile body[data-modal-type="new-chat"] #modalHost .member-pick {overflow-y:auto!important;max-height:36dvh!important}
@media(min-width:600px){html.er1382-mobile body[data-modal-type="new-chat"] #modalHost .modal{height:min(620px,88dvh)!important}}
/* An installed iPhone app needs room for its status bar on full-height pickers. */
html.er1382-mobile.er1382-ios body[data-modal-type="new-chat"] #modalHost .modal-overlay {padding-top:calc(var(--er1382-chat-safe-top) + 8px)!important}
/* Notification opt-in is presentation-only. OS permission remains a user gesture. */
html.er1382-mobile body #er1368-alert-dialog.er1368-alert-backdrop {box-sizing:border-box!important;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px))!important;background:rgba(10,31,20,.58)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}
html.er1382-mobile body #er1368-alert-dialog .er1368-alert-dialog {box-sizing:border-box!important;position:relative!important;display:flex!important;flex-direction:column!important;width:min(100%,430px)!important;max-width:430px!important;max-height:100%!important;min-height:0!important;margin:0!important;padding:21px 20px 18px!important;overflow-y:auto!important;border:1px solid #bed3c3!important;border-radius:22px!important;background:linear-gradient(180deg,#f5f6ec,#eaf1e6)!important;box-shadow:0 24px 55px rgba(7,30,16,.32)!important}
html.er1382-mobile body #er1368-alert-dialog .er1368-kicker {display:inline-flex!important;align-self:flex-start!important;margin:0 0 13px!important;padding:5px 9px!important;border-radius:100px!important;background:#e2ebdf!important;color:#40694c!important;font:750 10px/1.3 system-ui,sans-serif!important;letter-spacing:.09em!important}
html.er1382-mobile body #er1368-alert-dialog .er1371-permission-icon {display:grid!important;place-items:center!important;width:62px!important;height:62px!important;margin:0 0 16px!important;border:1px solid #c2d9c3!important;border-radius:18px!important;background:linear-gradient(135deg,#31684a,#1f4a34)!important;color:#fff!important;box-shadow:0 7px 18px rgba(22,66,40,.16)!important}
html.er1382-mobile body #er1368-alert-dialog .er1371-permission-icon svg {width:29px!important;height:29px!important;stroke:#fff!important}
html.er1382-mobile body #er1368-alert-dialog .er1368-alert-dialog h2 {margin:0 38px 11px 0!important;font:750 25px/1.13 system-ui,sans-serif!important;letter-spacing:-.04em!important;color:#203e2e!important}
html.er1382-mobile body #er1368-alert-dialog .er1371-permission-copy {margin:0 0 14px!important;font:400 14px/1.5 system-ui,sans-serif!important;color:#607468!important}
html.er1382-mobile body #er1368-alert-dialog .er1382-alert-features {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:0 0 15px!important}
html.er1382-mobile body #er1368-alert-dialog .er1382-alert-features span {box-sizing:border-box!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:11px 3px!important;border:1px solid #d4e1d2!important;border-radius:12px!important;background:#f7faf3!important;color:#44654e!important;font:650 11px/1.2 system-ui,sans-serif!important}
html.er1382-mobile body #er1368-alert-dialog .er1382-alert-features svg {width:19px!important;height:19px!important;color:#2d6743!important;stroke:currentColor!important}
html.er1382-mobile body #er1368-alert-dialog .er1368-alert-caption {margin:0 0 12px!important;font:400 11.5px/1.4 system-ui,sans-serif!important;color:#738476!important}
html.er1382-mobile body #er1368-alert-dialog .er1371-permission-actions {display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;align-items:stretch!important;gap:8px!important;margin:0!important}
html.er1382-mobile body #er1368-alert-dialog .er1371-permission-actions:has(> button:only-child) {grid-template-columns:1fr!important}
html.er1382-mobile body #er1368-alert-dialog .er1371-permission-actions button {box-sizing:border-box!important;min-height:48px!important;margin:0!important;padding:10px 12px!important;border-radius:12px!important;border:1px solid #cadbcc!important;background:#edf3eb!important;color:#365d42!important;box-shadow:none!important;font:700 13px/1.2 system-ui,sans-serif!important}
html.er1382-mobile body #er1368-alert-dialog .er1371-permission-actions [data-er1368-alert="enable"] {border-color:#285a3e!important;background:#285a3e!important;color:#fff!important}
html.er1382-mobile body #er1368-alert-dialog .er1368-alert-close {position:absolute!important;top:14px!important;right:14px!important;width:38px!important;height:38px!important;border:1px solid #d3ded0!important;border-radius:11px!important;background:#e4ede0!important;color:#365d42!important}
/* Time and roster header: restore depth/contrast without growing the cards. */
@media(max-width:1023px){
 html.er1382-mobile body.ww-roster-active #app#app#app#app #page > .rst-hero {background:linear-gradient(120deg,#24674b 0%,#1b523c 57%,#163e30 100%)!important;color:#fffdf3!important;border:1px solid #327b5a!important;border-radius:17px!important;box-shadow:0 7px 20px rgba(12,58,36,.15)!important;padding:13px 12px!important}
 html.er1382-mobile body.ww-roster-active #app#app#app#app .rst-hero-label strong {color:#fffdf3!important;font-weight:700!important;font-size:16px!important}
 html.er1382-mobile body.ww-roster-active #app#app#app#app .rst-nav {background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;border-radius:11px!important;width:37px!important;height:37px!important;min-width:37px!important;min-height:37px!important}
 html.er1382-mobile body.ww-roster-active #app#app#app#app .rst-nav svg {color:#fff!important;stroke:#fff!important}
 html.er1382-mobile body.ww-roster-active #app#app#app#app .rst-hero-foot {gap:7px!important;padding-top:10px!important}
 html.er1382-mobile body.ww-roster-active #app#app#app#app .rst-hs {box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:40px!important;padding:7px 8px!important;border:1px solid rgba(255,255,255,.17)!important;border-radius:11px!important;background:rgba(255,255,255,.09)!important}
 html.er1382-mobile body.ww-roster-active #app#app#app#app .rst-hs strong {color:#fff!important;font-weight:750!important;font-size:14px!important}
 html.er1382-mobile body.ww-roster-active #app#app#app#app .rst-hs :is(span,em) {color:#d1e5d5!important;font-size:10px!important}
 html.er1382-mobile body.ww-roster-active #app#app#app#app .rst-hero-add {box-sizing:border-box!important;height:40px!important;min-height:40px!important;max-width:100%!important;padding:0 10px!important;border-radius:11px!important;border:1px solid #e6efdd!important;background:#eaf3e5!important;color:#235239!important;font-weight:750!important;box-shadow:none!important}
 html.er1382-mobile body.ww-roster-active #app#app#app#app .rst-hero-add svg {stroke:#fff!important}
 html.er1382-mobile body.ww-roster-active #app#app#app#app .rst-hero-add .rha-ic {border-radius:50%!important;background:#2f8051!important}
}
/* Employee's live Clock page only, no changes to clock-in/out functionality. */
html.er1382-mobile body:has(.v499-clock-page) #app#app#app#app .clock-subnav.v499-clock-tabs {background:#e8eee5!important;border:1px solid #cfddce!important;box-shadow:none!important;border-radius:14px!important}
html.er1382-mobile body:has(.v499-clock-page) #app#app#app#app .clock-subnav.v499-clock-tabs button.active {background:linear-gradient(115deg,#276447,#194d35)!important;color:#fff!important;box-shadow:none!important}
html.er1382-mobile body:has(.er1034-ready-card) #app#app#app#app .er1034-ready-card {background:linear-gradient(140deg,#f2f7ee,#e8f0e7)!important;border:1px solid #cddfcf!important;border-left:4px solid #2c7550!important;border-radius:18px!important;box-shadow:0 6px 18px rgba(23,59,34,.08)!important}
html.er1382-mobile body:has(.er1034-ready-card) #app#app#app#app .er1034-clockin {background:linear-gradient(110deg,#2f7951,#1c5a3d)!important;color:#fff!important;border-radius:13px!important;box-shadow:0 4px 12px rgba(28,83,48,.14)!important}
html.er1382-mobile body:has(.er1034-ready-card) #app#app#app#app .er1034-week-stats > div {border-radius:12px!important;background:#eff5ec!important;border:1px solid #d1dfce!important;box-shadow:none!important}
html.er1382-mobile body:has(.er1034-active-card) #app#app#app#app .er1034-active-card {border-radius:17px!important;border:1px solid #bfd8c8!important;box-shadow:0 8px 18px rgba(23,65,37,.11)!important}
/* V1381's unusually specific global header rule could leave the inbox toolbar
   behind the iPhone status bar when a conversation takes over the screen. */
@media(max-width:1023px){
 html.er1381-refined.er1382-mobile body.ww-app-visible.ww-chat-active.chat-thread-open #app#app#app#app > .shell > .main > header.topbar,
 html.er1381-refined.er1382-mobile body.ww-app-visible.ww-chat-active.chat-thread-open #app#app#app#app > .shell > .main > header.topbar.topbar-clock {
  display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;max-height:0!important;
 }
}
/* A PWA's native status bar is *above* the picker, not inside it: move the
   overlay's origin rather than depending on inherited modal padding. */
@media(max-width:599px){
 html.er1382-mobile.er1382-ios body[data-modal-type="new-chat"] #modalHost#modalHost .modal-overlay {
  position:fixed!important;top:var(--er1382-chat-safe-top)!important;bottom:0!important;
  height:calc(var(--er1382-visual-height) - var(--er1382-chat-safe-top))!important;
  max-height:none!important;padding:8px 10px calc(10px + var(--er1382-chat-safe-bottom))!important;
 }
}
/* Extend the forest-green conversation header underneath the native iOS status bar,
   while keeping all clickable controls beneath it. */
@media(max-width:1023px){
 html.er1382-mobile.er1382-ios body.ww-chat-active.chat-thread-open::before {
  content:""!important;position:fixed!important;inset:0 0 auto 0!important;
  width:100%!important;height:var(--er1382-chat-safe-top)!important;
  z-index:1099!important;display:block!important;pointer-events:none!important;
  background:linear-gradient(115deg,#345e46,#244632)!important;
 }
}