@media(max-width:1100px){
  html body #chat-sheet .cs-tab.cs-rail-toggle,
  html body #chat-sheet .cs-rail-toggle{display:none!important;}
}

/* ========== v1770 FORCE bottom nav (phone + tablet) ========== */
@media (max-width: 1100px) {
  html body.floor-ops-page #chat-sheet,
  html body.floor-ops-page #chat-sheet.open,
  html body.floor-pro #chat-sheet,
  html body.floor-pro #chat-sheet.open,
  html body.ft-shell-live #chat-sheet,
  html body.ft-shell-live #chat-sheet.open,
  html body.chat-ops-open #chat-sheet,
  html body.chat-ops-open #chat-sheet.open,
  html body.emp-floor-live #chat-sheet.open,
  html body #chat-sheet.cs-rail-wide {
    display: flex !important;
    flex-direction: column !important;
  }

  html body.floor-ops-page #chat-sheet #cs-main,
  html body.floor-pro #chat-sheet #cs-main,
  html body #chat-sheet.cs-rail-wide #cs-main {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }

  html body.floor-ops-page #chat-sheet .cs-tabs,
  html body.floor-ops-page #chat-sheet #cs-tabs,
  html body.floor-pro #chat-sheet .cs-tabs,
  html body.floor-pro #chat-sheet #cs-tabs,
  html body #chat-sheet.cs-rail-wide .cs-tabs,
  html body #chat-sheet.cs-rail-wide #cs-tabs {
    order: 99 !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 72px !important;
    flex: 0 0 58px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-around !important;
    gap: 0 !important;
    padding: 4px 2px max(6px, env(safe-area-inset-bottom, 0px)) !important;
    margin: 0 !important;
    border: 0 !important;
    border-top: 1px solid #e2e8f0 !important;
    border-right: 0 !important;
    background: #ffffff !important;
    box-shadow: 0 -6px 20px rgba(15,23,42,.08) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    z-index: 50 !important;
  }

  html body.floor-theme-dark #chat-sheet .cs-tabs,
  html body.floor-theme-dark #chat-sheet #cs-tabs {
    background: #0f1419 !important;
    border-top-color: #1e2630 !important;
  }

  html body.floor-ops-page #chat-sheet .cs-tab,
  html body.floor-pro #chat-sheet .cs-tab,
  html body #chat-sheet.cs-rail-wide .cs-tab {
    width: auto !important;
    min-width: 48px !important;
    max-width: 72px !important;
    height: 48px !important;
    flex: 1 1 0 !important;
    border-radius: 12px !important;
    flex-direction: column !important;
    padding: 4px 2px !important;
    margin: 0 !important;
  }

  html body.floor-ops-page #chat-sheet .cs-tab .cs-tab-lbl,
  html body.floor-pro #chat-sheet .cs-tab .cs-tab-lbl,
  html body #chat-sheet.cs-rail-wide .cs-tab .cs-tab-lbl {
    display: block !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
  }

  /* Hide rail expand toggle on mobile bottom bar */
  html body #chat-sheet .cs-tab.cs-rail-toggle {
    display: none !important;
  }
}



/* ========== v1760 mobile bottom fixed nav (no side rail) ========== */
@media (max-width: 900px) {
  /* Sheet = column: main on top, tabs bottom */
  html body.floor-ops-page #chat-sheet,
  html body.floor-ops-page #chat-sheet.open,
  html body.floor-pro #chat-sheet,
  html body.floor-pro #chat-sheet.open,
  html body.ft-shell-live #chat-sheet.open,
  html body.chat-ops-open #chat-sheet.open,
  html body.emp-floor-live #chat-sheet.open {
    flex-direction: column !important;
  }

  html body.floor-ops-page #chat-sheet #cs-main,
  html body.floor-pro #chat-sheet #cs-main,
  html body.ft-shell-live #chat-sheet #cs-main {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Bottom fixed icon nav */
  html body.floor-ops-page #chat-sheet .cs-tabs,
  html body.floor-ops-page #chat-sheet #cs-tabs,
  html body.floor-pro #chat-sheet .cs-tabs,
  html body.floor-pro #chat-sheet #cs-tabs,
  html body.ft-shell-live #chat-sheet .cs-tabs,
  html body.chat-ops-open #chat-sheet .cs-tabs {
    order: 2 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 56px !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-around !important;
    gap: 0 !important;
    padding: 6px 4px max(8px, env(safe-area-inset-bottom, 0px)) !important;
    margin: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-top: 1px solid #e2e8f0 !important;
    border-bottom: 0 !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 -8px 24px rgba(15,23,42,.06) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    z-index: 30 !important;
  }

  html body.floor-theme-dark #chat-sheet .cs-tabs,
  html body.floor-theme-dark #chat-sheet #cs-tabs {
    background: rgba(15,20,25,.98) !important;
    border-top-color: #1e2630 !important;
    box-shadow: 0 -8px 24px rgba(0,0,0,.35) !important;
  }

  html body.floor-ops-page #chat-sheet .cs-tab,
  html body.floor-pro #chat-sheet .cs-tab {
    width: auto !important;
    min-width: 52px !important;
    height: 48px !important;
    flex: 1 1 0 !important;
    max-width: 80px !important;
    border-radius: 12px !important;
    padding: 4px 2px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
  }

  html body.floor-ops-page #chat-sheet .cs-tab .cs-tab-lbl,
  html body.floor-pro #chat-sheet .cs-tab .cs-tab-lbl {
    display: block !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    opacity: .85 !important;
  }

  html body.floor-ops-page #chat-sheet .cs-tab .cs-tab-ico,
  html body.floor-pro #chat-sheet .cs-tab .cs-tab-ico {
    font-size: 18px !important;
    line-height: 1 !important;
  }

  /* Body sits above bottom nav — no side clip */
  html body.floor-ops-page #chat-sheet .cs-body,
  html body.floor-ops-page #chat-sheet #cs-body {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* External ft-rail (if present): convert to bottom bar */
  html body.ft-shell-live #ft-shell {
    flex-direction: column !important;
  }
  html body.ft-shell-live #ft-rail {
    order: 2 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 56px !important;
    flex-direction: row !important;
    align-items: center !important;
    border-right: 0 !important;
    border-top: 1px solid rgba(148,163,184,.15) !important;
    padding: 6px 8px max(8px, env(safe-area-inset-bottom, 0px)) !important;
  }
  html body.ft-shell-live #ft-rail .ft-rail-brand,
  html body.ft-shell-live #ft-rail .ft-rail-foot {
    display: none !important;
  }
  html body.ft-shell-live #ft-rail .ft-rail-nav {
    flex-direction: row !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    width: 100% !important;
    gap: 4px !important;
    padding: 0 !important;
  }
  html body.ft-shell-live #ft-rail .ft-rail-btn {
    flex: 1 1 0 !important;
    min-width: 56px !important;
    padding: .35rem .2rem !important;
  }
  html body.ft-shell-live #ft-main {
    order: 1 !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }
}



/* ========== v1750 complete mobile polish ========== */
@media (max-width: 900px) {
  html body.floor-ops-page #chat-sheet,
  html body.floor-pro #chat-sheet,
  html body.ft-shell-live #chat-sheet,
  html body.chat-ops-open #chat-sheet {
    font-size: 15px !important;
  }

  /* Header: compact, no broken title */
  html body.floor-ops-page #chat-sheet .cs-head,
  html body.floor-pro #chat-sheet .cs-head {
    padding: 10px 12px 10px 8px !important;
    gap: 8px !important;
    align-items: center !important;
    min-height: 56px !important;
    box-sizing: border-box !important;
  }
  html body.floor-ops-page #chat-sheet .cs-brand-mark,
  html body.floor-pro #chat-sheet .cs-brand-mark {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: 0.02em !important;
  }
  html body.floor-ops-page #chat-sheet .cs-title,
  html body.floor-pro #chat-sheet .cs-title {
    font-size: 16px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
  }
  html body.floor-ops-page #chat-sheet .cs-sub,
  html body.floor-pro #chat-sheet .cs-sub {
    font-size: 11px !important;
    line-height: 1.3 !important;
    margin-top: 2px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  html body.floor-ops-page #chat-sheet .cs-kicker,
  html body.floor-pro #chat-sheet .cs-kicker {
    display: none !important; /* store pill already shows store */
  }
  html body.floor-ops-page #chat-sheet .cs-head-actions .cs-ico,
  html body.floor-pro #chat-sheet .cs-head-actions .cs-ico {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
  }

  /* side rail removed on mobile — see v1760 bottom nav */

  /* Chat body breathing room */
  html body.floor-ops-page #chat-sheet .cs-body,
  html body.floor-ops-page #chat-sheet #cs-body,
  html body.floor-pro #chat-sheet .cs-body {
    padding: 10px 12px 16px !important;
  }

  /* Bubbles */
  html body.floor-ops-page #chat-sheet .cs-bubble,
  html body.floor-pro #chat-sheet .cs-bubble {
    max-width: 100% !important;
    border-radius: 16px !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  }
  html body.floor-ops-page #chat-sheet .cs-bubble.is-whatsout,
  html body.floor-pro #chat-sheet .cs-bubble.is-whatsout {
    border-left: 3px solid #f59e0b !important;
  }

  /* Compose — thumb friendly */
  html body.floor-ops-page #chat-sheet .cs-compose,
  html body.floor-pro #chat-sheet .cs-compose {
    padding: 8px 10px 8px !important; /* safe-area only on tabs */
    gap: 8px !important;
  }
  html body.floor-ops-page #chat-sheet .cs-input,
  html body.floor-ops-page #chat-sheet textarea.cs-input,
  html body.floor-pro #chat-sheet .cs-input {
    min-height: 44px !important;
    border-radius: 22px !important;
    padding: 10px 14px !important;
    font-size: 15px !important;
  }
  html body.floor-ops-page #chat-sheet .cs-send,
  html body.floor-pro #chat-sheet .cs-send {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 50% !important;
  }

  /* Store switcher pill */
  html body.floor-ops-page #chat-sheet [data-store-switch],
  html body.floor-ops-page #chat-sheet .cs-store-pill {
    font-size: 11px !important;
    padding: 4px 10px !important;
    max-width: 160px !important;
  }

  /* What's Out page */
  html body.floor-ops-page #chat-sheet .cs-wo-hero h3 {
    font-size: 18px !important;
    font-weight: 800 !important;
  }
  html body.floor-ops-page #chat-sheet .cs-wo-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  html body.floor-ops-page #chat-sheet .cs-wo-btn-send-direct,
  html body.floor-ops-page #chat-sheet .cs-wo-btn-ocr,
  html body.floor-ops-page #chat-sheet .cs-wo-btn-preview {
    flex: 1 1 auto !important;
    min-height: 44px !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
  }
  html body.floor-ops-page #chat-sheet .cs-wo-free {
    min-height: 120px !important;
    font-size: 15px !important;
    border-radius: 14px !important;
  }
  html body.floor-ops-page #chat-sheet .cs-wo-pcard {
    padding: 10px !important;
    border-radius: 14px !important;
  }
}

/* Very small phones */
@media (max-width: 390px) {
  html body.floor-ops-page #chat-sheet .cs-title,
  html body.floor-pro #chat-sheet .cs-title {
    font-size: 15px !important;
  }
  /* side width killed — bottom nav v1770 */
}



/* v1740 iPad: never show black under Floor Ops */
html, body, #ft-viewport-fill {
  background: #f1f5f9 !important;
}
html.floor-theme-dark, body.floor-theme-dark, body.floor-theme-dark #ft-viewport-fill {
  background: #0b0f14 !important;
}
@supports (-webkit-touch-callout: none) {
  html body.floor-ops-page #chat-sheet.open,
  html body.floor-pro #chat-sheet.open {
    min-height: -webkit-fill-available !important;
  }
  html, body {
    min-height: -webkit-fill-available !important;
  }
}



/* v1735 — kill black bottom gap; fill with theme surface */
html.floor-ops-lock, html.floor-ops-page, html:has(body.floor-ops-page) {
  background: #f1f5f9 !important;
}
html.floor-ops-lock.floor-theme-dark,
html:has(body.floor-theme-dark),
body.floor-theme-dark {
  background: #0b0f14 !important;
}
html body.floor-ops-page #chat-sheet,
html body.floor-ops-page #chat-sheet.open,
html body.floor-pro #chat-sheet.open {
  background: #f1f5f9 !important;
  box-shadow: none !important;
}
html body.floor-theme-dark #chat-sheet,
html body.floor-theme-dark #chat-sheet.open {
  background: #0b0f14 !important;
}
html body.floor-ops-page #cs-body,
html body.floor-ops-page .cs-body {
  background: #f1f5f9 !important;
}
html body.floor-theme-dark #cs-body,
html body.floor-theme-dark .cs-body {
  background: #0b0f14 !important;
}



/* v1731 — hard lock: header fixed, only #cs-body scrolls (dark header included) */
html.floor-ops-lock,
html:has(body.floor-ops-page),
html:has(body.floor-pro),
html:has(body.ft-shell-live),
html:has(body.chat-ops-open),
html:has(body.emp-floor-live) {
  height: 100% !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
  touch-action: none !important;
}
html body.floor-ops-page,
html body.floor-pro,
html body.ft-shell-live,
html body.chat-ops-open,
html body.emp-floor-live,
html body.floor-theme-dark.floor-ops-page,
html body.floor-theme-dark.floor-pro,
html body.floor-theme-dark.ft-shell-live {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
  touch-action: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body.floor-ops-page #chat-sheet,
html body.floor-ops-page #chat-sheet.open,
html body.floor-pro #chat-sheet,
html body.floor-pro #chat-sheet.open,
html body.ft-shell-live #chat-sheet,
html body.ft-shell-live #chat-sheet.open,
html body.chat-ops-open #chat-sheet,
html body.chat-ops-open #chat-sheet.open,
html body.emp-floor-live #chat-sheet,
html body.emp-floor-live #chat-sheet.open,
html body.floor-theme-dark #chat-sheet,
html body.floor-theme-dark #chat-sheet.open {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
  touch-action: none !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
}
html body.floor-ops-page #chat-sheet #cs-main,
html body.floor-pro #chat-sheet #cs-main,
html body.ft-shell-live #chat-sheet #cs-main,
html body.chat-ops-open #chat-sheet #cs-main,
html body.emp-floor-live #chat-sheet #cs-main {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100dvh !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  touch-action: none !important;
}
html body.floor-ops-page #chat-sheet .cs-head,
html body.floor-ops-page #chat-sheet #cs-head,
html body.floor-pro #chat-sheet .cs-head,
html body.floor-pro #chat-sheet #cs-head,
html body.ft-shell-live #chat-sheet .cs-head,
html body.chat-ops-open #chat-sheet .cs-head,
html body.emp-floor-live #chat-sheet .cs-head,
html body.floor-theme-dark #chat-sheet .cs-head {
  flex: 0 0 auto !important;
  position: relative !important;
  z-index: 5 !important;
  touch-action: none !important;
  overscroll-behavior: none !important;
  margin: 0 !important;
}
html body.floor-ops-page #chat-sheet .cs-body,
html body.floor-ops-page #chat-sheet #cs-body,
html body.floor-pro #chat-sheet .cs-body,
html body.floor-pro #chat-sheet #cs-body,
html body.ft-shell-live #chat-sheet .cs-body,
html body.ft-shell-live #chat-sheet #cs-body,
html body.chat-ops-open #chat-sheet .cs-body,
html body.chat-ops-open #chat-sheet #cs-body,
html body.emp-floor-live #chat-sheet .cs-body,
html body.emp-floor-live #chat-sheet #cs-body,
html body.floor-theme-dark #chat-sheet .cs-body,
html body.floor-theme-dark #chat-sheet #cs-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-y: contain !important;
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
  margin: 0 !important;
}
html body.floor-ops-page #chat-sheet .cs-compose,
html body.floor-ops-page #chat-sheet #cs-compose,
html body.floor-pro #chat-sheet .cs-compose,
html body.chat-ops-open #chat-sheet .cs-compose {
  flex: 0 0 auto !important;
  touch-action: none !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 8px !important; /* no double safe-area on compose */
}
html body.floor-ops-page #chat-sheet .cs-tabs,
html body.floor-ops-page #chat-sheet #cs-tabs,
html body.floor-pro #chat-sheet .cs-tabs {
  flex: 0 0 auto !important;
  touch-action: none !important;
  overscroll-behavior: none !important;
}



/* v1730 — lock Floor Ops viewport; only #cs-body scrolls */
html.floor-ops-lock,
html:has(body.floor-ops-page),
html:has(body.floor-pro),
html:has(body.ft-shell-live),
html:has(body.chat-ops-open) {
  height: 100% !important;
  height: 100dvh !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
}
html body.floor-ops-page,
html body.floor-pro,
html body.ft-shell-live,
html body.chat-ops-open,
html body.emp-floor-live {
  height: 100% !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body.floor-ops-page #chat-sheet,
html body.floor-ops-page #chat-sheet.open,
html body.floor-pro #chat-sheet,
html body.floor-pro #chat-sheet.open,
html body.ft-shell-live #chat-sheet,
html body.ft-shell-live #chat-sheet.open,
html body.chat-ops-open #chat-sheet,
html body.chat-ops-open #chat-sheet.open,
html body.emp-floor-live #chat-sheet,
html body.emp-floor-live #chat-sheet.open {
  position: fixed !important;
  inset: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
html body.floor-ops-page #chat-sheet .cs-body,
html body.floor-ops-page #chat-sheet #cs-body,
html body.floor-pro #chat-sheet .cs-body,
html body.floor-pro #chat-sheet #cs-body,
html body.ft-shell-live #chat-sheet .cs-body,
html body.ft-shell-live #chat-sheet #cs-body,
html body.chat-ops-open #chat-sheet .cs-body,
html body.chat-ops-open #chat-sheet #cs-body,
html body.emp-floor-live #chat-sheet .cs-body,
html body.emp-floor-live #chat-sheet #cs-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 12px !important;
}
html body.floor-ops-page #chat-sheet .cs-head,
html body.floor-ops-page #chat-sheet .cs-compose,
html body.floor-ops-page #chat-sheet .cs-tabs,
html body.floor-pro #chat-sheet .cs-head,
html body.floor-pro #chat-sheet .cs-compose,
html body.floor-pro #chat-sheet .cs-tabs,
html body.ft-shell-live #chat-sheet .cs-head,
html body.ft-shell-live #chat-sheet .cs-compose,
html body.ft-shell-live #chat-sheet .cs-tabs,
html body.chat-ops-open #chat-sheet .cs-head,
html body.chat-ops-open #chat-sheet .cs-compose,
html body.chat-ops-open #chat-sheet .cs-tabs {
  flex-shrink: 0 !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
}
html body.floor-ops-page #chat-sheet .cs-compose,
html body.floor-pro #chat-sheet .cs-compose,
html body.ft-shell-live #chat-sheet .cs-compose,
html body.chat-ops-open #chat-sheet .cs-compose {
  padding-bottom: 8px !important; /* no double safe-area on compose */
  margin-bottom: 0 !important;
}
html body.floor-ops-page #chat-sheet-bd,
html body.floor-pro #chat-sheet-bd,
html body.ft-shell-live #chat-sheet-bd,
html body.chat-ops-open #chat-sheet-bd {
  margin: 0 !important;
  padding: 0 !important;
}


/* v1728 team cards */
html body.floor-ops-page:not(.floor-theme-dark) #chat-sheet .cs-person {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05) !important;
}
html body.floor-ops-page:not(.floor-theme-dark) #chat-sheet .cs-person-name {
  color: #0f172a !important;
}
html body.floor-ops-page:not(.floor-theme-dark) #chat-sheet .cs-person-sub {
  color: #64748b !important;
}
html body.floor-theme-dark #chat-sheet .cs-person {
  background: #151b22 !important;
  border-color: #243041 !important;
  color: #e8eef5 !important;
}
html body.floor-theme-dark #chat-sheet .cs-person-name { color: #f8fafc !important; }
html body.floor-theme-dark #chat-sheet .cs-person-sub { color: #94a3b8 !important; }


/* v1727 consistency */
html body.floor-ops-page:not(.floor-theme-dark),
html body.floor-pro:not(.floor-theme-dark) {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}
html body.floor-ops-page:not(.floor-theme-dark) #chat-sheet,
html body.floor-ops-page:not(.floor-theme-dark) #chat-sheet.open,
html body.floor-pro:not(.floor-theme-dark) #chat-sheet {
  background: #f8fafc !important;
}
html body.floor-ops-page:not(.floor-theme-dark) #chat-sheet .cs-body {
  background: #f1f5f9 !important;
}
html body.floor-ops-page:not(.floor-theme-dark) #chat-sheet .cs-head,
html body.floor-ops-page:not(.floor-theme-dark) #chat-sheet .cs-compose,
html body.floor-ops-page:not(.floor-theme-dark) #chat-sheet .cs-tabs {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #e2e8f0 !important;
}
html body.floor-theme-dark #chat-sheet .cs-head,
html body.floor-theme-dark #chat-sheet .cs-compose,
html body.floor-theme-dark #chat-sheet .cs-tabs {
  background: #0f1419 !important;
  color: #e8eef5 !important;
  border-color: #1e2630 !important;
}
html body.floor-theme-dark #chat-sheet .cs-body,
html body.floor-theme-dark #chat-sheet {
  background: #0b0f14 !important;
}

/* v1726 theme vars */
html body.floor-ops-page, html body.floor-pro {
  --fo-bg: #f1f5f9;
  --fo-panel: #ffffff;
  --fo-card: #ffffff;
  --fo-text: #0f172a;
  --fo-muted: #64748b;
  --fo-border: #e2e8f0;
  --fo-line: #e2e8f0;
  --fo-btn: #f8fafc;
  --fo-input: #f8fafc;
  --fo-send-bg: #0f172a;
  --fo-send-fg: #f8fafc;
}
html body.floor-theme-dark, html body.floor-ops-page.floor-theme-dark, html body.floor-pro.floor-theme-dark {
  --fo-bg: #0b0f14;
  --fo-panel: #0f1419;
  --fo-card: #151b22;
  --fo-text: #e8eef5;
  --fo-muted: #94a3b8;
  --fo-border: #2a3340;
  --fo-line: #1e2630;
  --fo-btn: #151b22;
  --fo-input: #151b22;
  --fo-send-bg: #f8fafc;
  --fo-send-fg: #0f172a;
}

/**
 * MRSTORE Floor Ops Dual Theme v1725
 */
html body.floor-ops-page, html body.floor-pro {
  background: #f1f5f9 !important; color: #0f172a !important;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased; color-scheme: light;
}
html body.floor-ops-page #chat-sheet, html body.floor-ops-page #chat-sheet.open,
html body.floor-pro #chat-sheet, html body.floor-pro #chat-sheet.open {
  background: #f8fafc !important; color: #0f172a !important;
}
html body.floor-ops-page #chat-sheet .cs-head, html body.floor-pro #chat-sheet .cs-head {
  background: rgba(255,255,255,.96) !important; border-bottom: 1px solid #e2e8f0 !important;
  color: #0f172a !important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  padding: 0.7rem 0.9rem !important;
}
html body.floor-ops-page #chat-sheet .cs-brand-mark, html body.floor-pro #chat-sheet .cs-brand-mark {
  width: 2.35rem !important; height: 2.35rem !important; border-radius: 0.7rem !important;
  background: #eff6ff !important; border: 1px solid #bfdbfe !important; color: #1e40af !important;
  box-shadow: none !important; font-size: 9px !important; font-weight: 900 !important; letter-spacing: .08em !important;
}
html body.floor-ops-page #chat-sheet .cs-brand-mark span, html body.floor-pro #chat-sheet .cs-brand-mark span { color: #1e40af !important; }
html body.floor-ops-page #chat-sheet .cs-kicker, html body.floor-pro #chat-sheet .cs-kicker {
  color: #94a3b8 !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: .07em !important; text-transform: uppercase !important;
}
html body.floor-ops-page #chat-sheet .cs-title, html body.floor-pro #chat-sheet .cs-title {
  color: #0f172a !important; font-weight: 900 !important; font-size: 1.08rem !important; letter-spacing: -0.03em !important;
}
html body.floor-ops-page #chat-sheet .cs-sub, html body.floor-pro #chat-sheet .cs-sub { color: #64748b !important; font-size: 12px !important; font-weight: 600 !important; }
html body.floor-ops-page #chat-sheet .cs-head-actions .cs-ico, html body.floor-pro #chat-sheet .cs-head-actions .cs-ico {
  width: 2.15rem !important; height: 2.15rem !important; border-radius: 0.65rem !important;
  background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #475569 !important;
}
html body.floor-ops-page #chat-sheet .cs-body, html body.floor-pro #chat-sheet .cs-body { background: #f1f5f9 !important; }
html body.floor-ops-page #chat-sheet .cs-bubble.is-in, html body.floor-pro #chat-sheet .cs-bubble.is-in {
  background: #fff !important; border: 1px solid #e8edf3 !important; color: #0f172a !important;
  border-radius: 1rem 1rem 1rem .35rem !important; box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
}
html body.floor-ops-page #chat-sheet .cs-bubble.is-out,
html body.floor-pro #chat-sheet .cs-bubble.is-out,
html body.floor-ops-page #chat-sheet .cs-bubble.is-me,
html body.floor-pro #chat-sheet .cs-bubble.is-me,
html body.floor-ops-page #chat-sheet .cs-row.is-mine .cs-bubble,
html body.floor-pro #chat-sheet .cs-row.is-mine .cs-bubble {
  background: linear-gradient(165deg, #3b82f6, #2563eb) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 1rem 1rem .35rem 1rem !important;
  box-shadow: 0 6px 16px -8px rgba(37,99,235,.45) !important;
}
html body.floor-ops-page #chat-sheet .cs-bubble.is-me .cs-msg-text,
html body.floor-pro #chat-sheet .cs-bubble.is-me .cs-msg-text,
html body.floor-ops-page #chat-sheet .cs-row.is-mine .cs-msg-text,
html body.floor-pro #chat-sheet .cs-row.is-mine .cs-msg-text {
  color: #ffffff !important;
  opacity: 1 !important;
}
html body.floor-ops-page #chat-sheet .cs-bubble.is-me .cs-meta,
html body.floor-pro #chat-sheet .cs-bubble.is-me .cs-meta,
html body.floor-ops-page #chat-sheet .cs-row.is-mine .cs-meta,
html body.floor-pro #chat-sheet .cs-row.is-mine .cs-meta {
  color: rgba(255,255,255,0.8) !important;
  opacity: 1 !important;
}
html body.floor-ops-page #chat-sheet .cs-bubble.is-in,
html body.floor-pro #chat-sheet .cs-bubble.is-in {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #e2e8f0 !important;
}
html body.floor-ops-page #chat-sheet .cs-bubble.is-in .cs-msg-text,
html body.floor-pro #chat-sheet .cs-bubble.is-in .cs-msg-text {
  color: #0f172a !important;
}
html body.floor-ops-page #chat-sheet .cs-bubble.is-whatsout, html body.floor-pro #chat-sheet .cs-bubble.is-whatsout {
  background: #fff !important; border: 1px solid #e2e8f0 !important; border-left: 3px solid #f59e0b !important;
  color: #0f172a !important; border-radius: 1rem !important; box-shadow: 0 4px 16px rgba(15,23,42,.06) !important;
}
html body.floor-ops-page #chat-sheet .cs-compose, html body.floor-pro #chat-sheet .cs-compose {
  background: rgba(255,255,255,.97) !important; border-top: 1px solid #e2e8f0 !important;
}
html body.floor-ops-page #chat-sheet .cs-input, html body.floor-ops-page #chat-sheet textarea,
html body.floor-pro #chat-sheet .cs-input {
  background: #f8fafc !important; border: 1px solid #e2e8f0 !important; color: #0f172a !important; border-radius: 1rem !important;
}
html body.floor-ops-page #chat-sheet .cs-ico, html body.floor-pro #chat-sheet .cs-ico {
  background: #fff !important; border: 1px solid #e2e8f0 !important; color: #475569 !important; border-radius: .75rem !important;
}
html body.floor-ops-page #chat-sheet .cs-send, html body.floor-pro #chat-sheet .cs-send {
  background: #0f172a !important; color: #f8fafc !important; border: 0 !important;
}
html body.floor-ops-page #chat-sheet .cs-tabs, html body.floor-pro #chat-sheet .cs-tabs {
  background: rgba(255,255,255,.97) !important; border-top: 1px solid #e2e8f0 !important; border-bottom: 0 !important;
  padding: .35rem .4rem calc(.35rem + env(safe-area-inset-bottom,0px)) !important; gap: .15rem !important;
  box-shadow: 0 -6px 20px rgba(15,23,42,.05) !important;
}
html body.floor-ops-page #chat-sheet .cs-tab, html body.floor-pro #chat-sheet .cs-tab {
  background: transparent !important; color: #94a3b8 !important; border: 0 !important; border-radius: .85rem !important;
  font-weight: 700 !important; font-size: 10.5px !important; box-shadow: none !important; gap: .2rem !important;
}
html body.floor-ops-page #chat-sheet .cs-tab .cs-tab-ico, html body.floor-pro #chat-sheet .cs-tab .cs-tab-ico {
  width: 1.85rem !important; height: 1.85rem !important; border-radius: .65rem !important;
  display: grid !important; place-items: center !important; font-size: 15px !important;
  background: #f1f5f9 !important; color: #64748b !important;
}
html body.floor-ops-page #chat-sheet .cs-tab.is-on, html body.floor-pro #chat-sheet .cs-tab.is-on { color: #1e40af !important; }
html body.floor-ops-page #chat-sheet .cs-tab.is-on .cs-tab-ico, html body.floor-pro #chat-sheet .cs-tab.is-on .cs-tab-ico {
  background: #eff6ff !important; color: #1e40af !important; box-shadow: inset 0 0 0 1px #bfdbfe !important;
}
html body.floor-ops-page #chat-sheet .cs-tab.is-out.is-on, html body.floor-pro #chat-sheet .cs-tab.is-out.is-on { color: #b45309 !important; }
html body.floor-ops-page #chat-sheet .cs-tab.is-out.is-on .cs-tab-ico, html body.floor-pro #chat-sheet .cs-tab.is-out.is-on .cs-tab-ico {
  background: #fffbeb !important; color: #d97706 !important; box-shadow: inset 0 0 0 1px #fde68a !important;
}
html body.floor-ops-page #chat-fab, html body.floor-pro #chat-fab { display: none !important; }

/* DARK */
html body.floor-theme-dark, html body.floor-ops-page.floor-theme-dark, html body.floor-pro.floor-theme-dark {
  background: #0b0f14 !important; color: #e8eef5 !important; color-scheme: dark;
}
html body.floor-theme-dark #chat-sheet, html body.floor-theme-dark #chat-sheet.open {
  background: #0b0f14 !important; color: #e8eef5 !important;
}
html body.floor-theme-dark #chat-sheet .cs-head {
  background: rgba(15,20,25,.96) !important; border-bottom-color: #1e2630 !important; color: #e8eef5 !important;
}
html body.floor-theme-dark #chat-sheet .cs-brand-mark {
  background: #151b22 !important; border-color: #2a3340 !important; color: #60a5fa !important;
}
html body.floor-theme-dark #chat-sheet .cs-brand-mark span { color: #60a5fa !important; }
html body.floor-theme-dark #chat-sheet .cs-title { color: #f8fafc !important; }
html body.floor-theme-dark #chat-sheet .cs-sub, html body.floor-theme-dark #chat-sheet .cs-kicker { color: #94a3b8 !important; }
html body.floor-theme-dark #chat-sheet .cs-head-actions .cs-ico {
  background: #151b22 !important; border-color: #2a3340 !important; color: #cbd5e1 !important;
}
html body.floor-theme-dark #chat-sheet .cs-body { background: #0b0f14 !important; }
html body.floor-theme-dark #chat-sheet .cs-bubble.is-in {
  background: #151b22 !important; border-color: #243041 !important; color: #e8eef5 !important;
}
html body.floor-theme-dark #chat-sheet .cs-bubble.is-whatsout {
  background: #151b22 !important; border-color: #2a3340 !important; border-left-color: #f59e0b !important; color: #e8eef5 !important;
}
html body.floor-theme-dark #chat-sheet .cs-compose {
  background: rgba(15,20,25,.98) !important; border-top-color: #1e2630 !important;
}
html body.floor-theme-dark #chat-sheet .cs-input, html body.floor-theme-dark #chat-sheet textarea {
  background: #151b22 !important; border-color: #2a3340 !important; color: #f1f5f9 !important;
}
html body.floor-theme-dark #chat-sheet .cs-ico {
  background: #151b22 !important; border-color: #2a3340 !important; color: #cbd5e1 !important;
}
html body.floor-theme-dark #chat-sheet .cs-send { background: #f8fafc !important; color: #0f172a !important; }
html body.floor-theme-dark #chat-sheet .cs-tabs {
  background: rgba(15,20,25,.98) !important; border-top-color: #1e2630 !important;
}
html body.floor-theme-dark #chat-sheet .cs-tab { color: #64748b !important; }
html body.floor-theme-dark #chat-sheet .cs-tab .cs-tab-ico { background: #151b22 !important; color: #94a3b8 !important; }
html body.floor-theme-dark #chat-sheet .cs-tab.is-on { color: #60a5fa !important; }
html body.floor-theme-dark #chat-sheet .cs-tab.is-on .cs-tab-ico {
  background: rgba(59,130,246,.14) !important; color: #60a5fa !important;
  box-shadow: inset 0 0 0 1px rgba(96,165,250,.3) !important;
}
html body.floor-theme-dark #chat-sheet .cs-tab.is-out.is-on { color: #fbbf24 !important; }
html body.floor-theme-dark #chat-sheet .cs-tab.is-out.is-on .cs-tab-ico {
  background: rgba(245,158,11,.14) !important; color: #fbbf24 !important;
  box-shadow: inset 0 0 0 1px rgba(251,191,36,.3) !important;
}

/* OS426 embed */

html.floor-embed,html.floor-embed body,body.floor-ops-page.floor-embed{background:#f4f6f9!important;overflow:hidden!important;height:100%!important;height:100dvh!important}
html.floor-embed #chat-sheet,html.floor-embed #chat-sheet.open,body.floor-ops-page.floor-embed #chat-sheet,body.floor-ops-page.floor-embed #chat-sheet.open{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;height:100dvh!important;max-width:none!important;max-height:none!important;border-radius:0!important;display:flex!important;flex-direction:column!important;box-shadow:none!important;background:#f4f6f9!important;transform:none!important;z-index:20!important}
html.floor-embed #chat-sheet-bd,html.floor-embed #chat-sheet-bd.open{display:none!important}
html.floor-embed .cs-head{flex:0 0 auto!important;padding:10px 12px 8px!important;background:#fff!important;border-bottom:1px solid #e2e8f0!important}
html.floor-embed .cs-title{font-size:16px!important}
html.floor-embed .cs-sub{font-size:11px!important}
html.floor-embed #cs-store-switch,html.floor-embed .cs-store-pill{max-width:min(62vw,220px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important;height:28px!important;padding:0 10px!important}
html.floor-embed #cs-main{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
html.floor-embed #cs-body,html.floor-embed .cs-body{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}
html.floor-embed #cs-compose,html.floor-embed .cs-compose{flex:0 0 auto!important;padding-bottom:max(8px,env(safe-area-inset-bottom,0px))!important;background:#fff!important;border-top:1px solid #e2e8f0!important}
html.floor-embed #cs-tabs,html.floor-embed .cs-tabs{flex:0 0 auto!important;height:56px!important;order:99!important;border-top:1px solid #e2e8f0!important;background:#fff!important;padding-bottom:max(4px,env(safe-area-inset-bottom,0px))!important}
html.floor-embed #cs-close{width:36px!important;height:36px!important}
html.floor-embed body.ft-shell-live #ft-boot{display:none!important}


/* OS427 — only one header in embed */
html.floor-embed.floor-embed-one-head .cs-brand-mark,
html.floor-embed.floor-embed-one-head #cs-kicker,
body.floor-embed-one-head .cs-brand-mark,
body.floor-embed-one-head #cs-kicker{display:none!important}
html.floor-embed .cs-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  padding:10px 12px!important;
  min-height:52px!important;
  background:#0f1419!important;
  border-bottom:1px solid #1e293b!important;
  color:#f8fafc!important;
}
html.floor-embed .cs-head .cs-title{color:#f8fafc!important;font-size:17px!important;font-weight:900!important;margin:0!important}
html.floor-embed .cs-head .cs-sub{color:#94a3b8!important;font-size:11px!important;margin:2px 0 0!important}
html.floor-embed .cs-head-actions{display:flex!important;align-items:center!important;gap:6px!important}
html.floor-embed .cs-ico{
  width:36px!important;height:36px!important;border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.1)!important;color:#e2e8f0!important;
}
html.floor-embed #cs-close,
html.floor-embed .cs-close,
html.floor-embed button#cs-close{
  width:36px!important;height:36px!important;border-radius:999px!important;
  background:rgba(255,255,255,.12)!important;color:#fff!important;border:0!important;
  font-weight:800!important;
}
html.floor-embed #cs-store-switch,
html.floor-embed .cs-store-pill{
  background:rgba(59,130,246,.15)!important;
  border:1px solid rgba(96,165,250,.35)!important;
  color:#93c5fd!important;
  max-width:min(48vw,180px)!important;
}
/* kill any second top bars inside embed */
html.floor-embed #ft-topbar,
html.floor-embed .ft-app-bar,
html.floor-embed .pd-wo-head,
html.floor-embed .wo-head{display:none!important}

/* OS429 order cards */

#chat-sheet .cs-bubble.is-whatsout{padding:0!important;overflow:hidden;max-width:min(92vw,420px)!important;background:#fff!important;border:1px solid #e2e8f0!important;border-left:0!important;border-radius:18px!important;box-shadow:0 8px 28px rgba(15,23,42,.08)!important}
#chat-sheet .cs-bubble.is-whatsout .cs-who{padding:10px 14px 0;font-size:11px;font-weight:800;color:#1e40af}
#chat-sheet .cs-bubble.is-whatsout .cs-meta{padding:8px 14px 12px;border-top:1px solid #f1f5f9;margin:0}
.cs-wo-order{display:flex;flex-direction:column;min-width:0}
.cs-wo-order-head{display:flex;align-items:center;gap:10px;padding:12px 14px 10px;background:linear-gradient(135deg,#0f172a 0%,#134e4a 70%,#0f766e 100%);color:#f8fafc}
.cs-wo-order-mark{width:36px;height:36px;border-radius:12px;background:rgba(251,191,36,.2);border:1px solid rgba(251,191,36,.45);color:#fde68a;font-size:10px;font-weight:900;letter-spacing:.06em;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cs-wo-order-title{font-size:14px;font-weight:900;letter-spacing:-.02em}
.cs-wo-order-sub{font-size:11px;font-weight:600;color:#99f6e4;margin-top:2px}
.cs-wo-order-stats{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;background:#f8fafc;border-bottom:1px solid #eef2f7}
.cs-wo-order-stats .st{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:700;color:#475569;background:#fff;border:1px solid #e2e8f0}
.cs-wo-order-stats .st b{font-weight:900;font-variant-numeric:tabular-nums;color:#0f172a}
.cs-wo-order-stats .st.out{background:#fef2f2;border-color:#fecaca;color:#b91c1c}
.cs-wo-order-stats .st.out b{color:#b91c1c}
.cs-wo-order-stats .st.low{background:#fffbeb;border-color:#fde68a;color:#b45309}
.cs-wo-order-stats .st.low b{color:#b45309}
.cs-wo-order-stats .st.new{background:#fff7ed;border-color:#fdba74;color:#c2410c}
.cs-wo-order-stats .st.new b{color:#c2410c}
.cs-wo-order-stats .st.need{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}
.cs-wo-order-stats .st.need b{color:#1e40af}
.cs-wo-order-list{max-height:min(48vh,360px);overflow:auto;-webkit-overflow-scrolling:touch;padding:6px 8px 10px;display:flex;flex-direction:column;gap:4px}
.cs-wo-ord-row{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:9px 10px;border-radius:12px;border:1px solid #eef2f7;background:#fff}
.cs-wo-ord-row.is-out{border-color:#fecaca;background:linear-gradient(90deg,#fffafa,#fff)}
.cs-wo-ord-row.is-low{border-color:#fde68a;background:linear-gradient(90deg,#fffbeb,#fff)}
.cs-wo-ord-row.is-new{box-shadow:inset 3px 0 0 #f59e0b}
.cs-wo-ord-ix{width:24px;height:24px;border-radius:8px;background:#f1f5f9;color:#64748b;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}
.cs-wo-ord-name{font-size:13px;font-weight:800;color:#0f172a;line-height:1.25}
.cs-wo-ord-meta{font-size:10px;font-weight:700;color:#94a3b8;margin-top:2px;text-transform:uppercase;letter-spacing:.04em}
.cs-wo-ord-nums{display:flex;gap:6px;flex-shrink:0}
.cs-wo-ord-nums .n{min-width:42px;padding:5px 6px;border-radius:10px;text-align:center;background:#f8fafc;border:1px solid #e2e8f0}
.cs-wo-ord-nums .n b{display:block;font-size:14px;font-weight:900;color:#0f172a;font-variant-numeric:tabular-nums;line-height:1.1}
.cs-wo-ord-nums .n i{display:block;font-style:normal;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin-top:1px}
.cs-wo-ord-nums .n.need{background:#eff6ff;border-color:#bfdbfe}
.cs-wo-ord-nums .n.need b{color:#1e40af}
.cs-wo-ord-nums .n.left b{color:#b91c1c}
.cs-wo-badge-new{display:inline-flex;align-items:center;height:16px;padding:0 6px;margin-left:4px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.06em;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fbbf24;vertical-align:middle}
body.floor-theme-dark #chat-sheet .cs-bubble.is-whatsout{background:#151b22!important;border-color:#243041!important}
body.floor-theme-dark .cs-wo-order-stats{background:#0f1419;border-bottom-color:#1e2630}
body.floor-theme-dark .cs-wo-order-stats .st{background:#151b22;border-color:#2a3340;color:#94a3b8}
body.floor-theme-dark .cs-wo-order-stats .st b{color:#e2e8f0}
body.floor-theme-dark .cs-wo-ord-row{background:#0f1419;border-color:#243041}
body.floor-theme-dark .cs-wo-ord-name{color:#f1f5f9}
body.floor-theme-dark .cs-wo-ord-ix{background:#1e293b;color:#94a3b8}
body.floor-theme-dark .cs-wo-ord-nums .n{background:#151b22;border-color:#334155}
body.floor-theme-dark .cs-wo-ord-nums .n b{color:#f8fafc}
body.floor-theme-dark #chat-sheet .cs-bubble.is-whatsout .cs-meta{border-top-color:#1e2630}


/* ===== OS430 Floor Ops full restructure + stable theme ===== */
#chat-sheet[data-ui="430"],
#chat-sheet.cs-shell-v2,
html body #chat-sheet {
  --fo-bg: #f1f5f9;
  --fo-panel: #ffffff;
  --fo-card: #ffffff;
  --fo-text: #0f172a;
  --fo-muted: #64748b;
  --fo-line: #e2e8f0;
  --fo-accent: #0f766e;
  display: flex !important;
  flex-direction: column !important;
  background: var(--fo-bg) !important;
  color: var(--fo-text) !important;
}
html body.floor-theme-dark #chat-sheet,
html body.floor-theme-dark #chat-sheet[data-ui="430"] {
  --fo-bg: #0b0f14;
  --fo-panel: #0f1419;
  --fo-card: #151b22;
  --fo-text: #e8eef5;
  --fo-muted: #94a3b8;
  --fo-line: #1e2630;
  --fo-accent: #2dd4bf;
}

/* Main column */
#chat-sheet #cs-main,
#chat-sheet .cs-main {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  background: var(--fo-bg) !important;
  order: 1 !important;
}

/* Header — ONE bar, theme-safe */
#chat-sheet .cs-head,
#chat-sheet .cs-head-v2 {
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 0 !important;
  background: var(--fo-panel) !important;
  color: var(--fo-text) !important;
  border-bottom: 1px solid var(--fo-line) !important;
  box-shadow: 0 1px 0 rgba(15,23,42,.03) !important;
  z-index: 5 !important;
}
#chat-sheet .cs-head-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  padding-top: max(10px, env(safe-area-inset-top, 0px)) !important;
  min-height: 56px !important;
  box-sizing: border-box !important;
}
#chat-sheet .cs-head-text { min-width: 0; flex: 1 1 auto; }
#chat-sheet .cs-brand-mark { display: none !important; }
#chat-sheet .cs-kicker {
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: var(--fo-muted) !important;
  margin: 0 0 2px !important;
  opacity: 1 !important;
}
#chat-sheet .cs-title {
  margin: 0 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
  color: var(--fo-text) !important;
  opacity: 1 !important;
  line-height: 1.2 !important;
}
#chat-sheet .cs-sub {
  margin: 2px 0 0 !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: var(--fo-muted) !important;
  opacity: 1 !important;
  line-height: 1.3 !important;
}
#chat-sheet .cs-head-actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
}
#chat-sheet .cs-ico {
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  border: 1px solid var(--fo-line) !important;
  background: var(--fo-bg) !important;
  color: var(--fo-text) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  cursor: pointer !important;
}
#chat-sheet .cs-ico-close {
  background: #0f172a !important;
  border-color: #0f172a !important;
  color: #fff !important;
}
html body.floor-theme-dark #chat-sheet .cs-ico-close {
  background: #e2e8f0 !important;
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
#chat-sheet .cs-store-pill,
#chat-sheet #cs-store-switch {
  display: inline-flex !important;
  align-items: center !important;
  max-width: min(52vw, 200px) !important;
  height: 28px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  background: rgba(15,118,110,.1) !important;
  border: 1px solid rgba(15,118,110,.28) !important;
  color: #0f766e !important;
}
html body.floor-theme-dark #chat-sheet .cs-store-pill,
html body.floor-theme-dark #chat-sheet #cs-store-switch {
  background: rgba(45,212,191,.12) !important;
  border-color: rgba(45,212,191,.35) !important;
  color: #5eead4 !important;
}

/* Body */
#chat-sheet .cs-body,
#chat-sheet #cs-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
  background: var(--fo-bg) !important;
  color: var(--fo-text) !important;
  padding: 12px 12px 8px !important;
}

/* Empty state — not a black hole */
#chat-sheet .cs-empty {
  min-height: 100%;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px 12px !important;
  box-sizing: border-box !important;
}
#chat-sheet .cs-empty-card {
  width: min(100%, 360px) !important;
  margin: 0 auto !important;
  padding: 22px 18px 18px !important;
  border-radius: 20px !important;
  background: var(--fo-card) !important;
  border: 1px solid var(--fo-line) !important;
  box-shadow: 0 12px 40px rgba(15,23,42,.08) !important;
  color: var(--fo-muted) !important;
  text-align: center !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
}
#chat-sheet .cs-empty-card strong {
  display: block !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  color: var(--fo-text) !important;
  margin-bottom: 8px !important;
  letter-spacing: -.02em !important;
}
#chat-sheet .cs-empty-illu {
  width: 52px !important;
  height: 52px !important;
  margin: 0 auto 14px !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, #0f766e, #14b8a6) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 10px 24px rgba(15,118,110,.28) !important;
}
#chat-sheet .cs-empty-actions {
  display: flex !important;
  gap: 8px !important;
  justify-content: center !important;
  margin-top: 16px !important;
  flex-wrap: wrap !important;
}
#chat-sheet .cs-empty-btn {
  height: 40px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  border: 0 !important;
  background: #0f766e !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}
#chat-sheet .cs-empty-btn.ghost {
  background: transparent !important;
  color: var(--fo-text) !important;
  border: 1px solid var(--fo-line) !important;
}

/* Compose */
#chat-sheet .cs-compose,
#chat-sheet #cs-compose {
  flex: 0 0 auto !important;
  background: var(--fo-panel) !important;
  border-top: 1px solid var(--fo-line) !important;
  padding: 10px 12px max(10px, env(safe-area-inset-bottom, 0px)) !important;
  color: var(--fo-text) !important;
}

/* Bottom nav */
#chat-sheet .cs-tabs,
#chat-sheet .cs-tabs-v2,
#chat-sheet #cs-tabs {
  order: 99 !important;
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  justify-content: space-around !important;
  gap: 2px !important;
  width: 100% !important;
  min-height: 60px !important;
  height: auto !important;
  padding: 6px 6px max(8px, env(safe-area-inset-bottom, 0px)) !important;
  background: var(--fo-panel) !important;
  border-top: 1px solid var(--fo-line) !important;
  box-shadow: 0 -8px 24px rgba(15,23,42,.04) !important;
  z-index: 6 !important;
}
#chat-sheet .cs-tab {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  height: 48px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: var(--fo-muted) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  cursor: pointer !important;
  padding: 4px 2px !important;
}
#chat-sheet .cs-tab .cs-tab-ico {
  width: 22px !important;
  height: 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: .85 !important;
}
#chat-sheet .cs-tab .cs-tab-lbl {
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}
#chat-sheet .cs-tab.is-on {
  background: rgba(15,118,110,.1) !important;
  color: #0f766e !important;
}
html body.floor-theme-dark #chat-sheet .cs-tab.is-on {
  background: rgba(45,212,191,.12) !important;
  color: #5eead4 !important;
}
#chat-sheet .cs-tab.is-on .cs-tab-ico { opacity: 1 !important; }

/* Embed: full bleed, no double chrome */
html.floor-embed #chat-sheet,
html.floor-embed #chat-sheet.open {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  height: 100dvh !important;
  max-width: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
html.floor-embed #chat-sheet-bd { display: none !important; }

/* Kill white-on-white forever */
html body:not(.floor-theme-dark) #chat-sheet .cs-title,
html body:not(.floor-theme-dark) #chat-sheet .cs-kicker,
html body:not(.floor-theme-dark) #chat-sheet .cs-head {
  color: #0f172a !important;
}
html body:not(.floor-theme-dark) #chat-sheet .cs-sub { color: #64748b !important; }
html body:not(.floor-theme-dark) #chat-sheet .cs-head { background: #ffffff !important; }
html body:not(.floor-theme-dark) #chat-sheet .cs-body { background: #f1f5f9 !important; }
html body.floor-theme-dark #chat-sheet .cs-title,
html body.floor-theme-dark #chat-sheet .cs-kicker { color: #f8fafc !important; }
html body.floor-theme-dark #chat-sheet .cs-sub { color: #94a3b8 !important; }
html body.floor-theme-dark #chat-sheet .cs-head { background: #0f1419 !important; }
html body.floor-theme-dark #chat-sheet .cs-body { background: #0b0f14 !important; }


/* OS432 bottom nav lock */
html body #chat-sheet,
html.floor-embed #chat-sheet {
  flex-direction: column !important;
}
html body #chat-sheet .cs-tabs,
html body #chat-sheet #cs-tabs,
html body #chat-sheet .cs-tabs-v2 {
  order: 99 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  flex-direction: row !important;
  display: flex !important;
  justify-content: space-around !important;
  min-height: 58px !important;
  border-right: 0 !important;
  border-top: 1px solid var(--fo-line, #e2e8f0) !important;
}
html body #chat-sheet .cs-tab {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  height: 48px !important;
}
html body #chat-sheet .cs-tab .cs-tab-lbl { display: block !important; font-size: 10px !important; font-weight: 800 !important; }


/* ===== OS433 Floor Ops dark cleanse ===== */
html body.floor-theme-dark,
html body.floor-theme-dark #chat-sheet,
html.floor-embed body.floor-theme-dark{
  --fo-bg:#0b0f14;--fo-panel:#0f1419;--fo-card:#151b22;--fo-text:#e8eef5;--fo-muted:#94a3b8;--fo-line:#1e2630;
  background:var(--fo-bg)!important;color:var(--fo-text)!important;
}
html body.floor-theme-dark #chat-sheet,
html body.floor-theme-dark #chat-sheet.open{
  background:var(--fo-bg)!important;color:var(--fo-text)!important;
}
html body.floor-theme-dark #chat-sheet .cs-head,
html body.floor-theme-dark #chat-sheet .cs-compose,
html body.floor-theme-dark #chat-sheet .cs-tabs,
html body.floor-theme-dark #chat-sheet #cs-tabs{
  background:var(--fo-panel)!important;color:var(--fo-text)!important;border-color:var(--fo-line)!important;
}
html body.floor-theme-dark #chat-sheet .cs-body,
html body.floor-theme-dark #chat-sheet #cs-body{
  background:var(--fo-bg)!important;color:var(--fo-text)!important;
}
html body.floor-theme-dark #chat-sheet .cs-title,
html body.floor-theme-dark #chat-sheet .cs-kicker{color:#f8fafc!important}
html body.floor-theme-dark #chat-sheet .cs-sub{color:#94a3b8!important}
html body.floor-theme-dark #chat-sheet .cs-ico{
  background:#151b22!important;border-color:#2a3340!important;color:#e8eef5!important;
}
html body.floor-theme-dark #chat-sheet .cs-bubble,
html body.floor-theme-dark #chat-sheet .cs-bubble.is-in,
html body.floor-theme-dark #chat-sheet .cs-bubble.is-out{
  background:#151b22!important;color:#e8eef5!important;border-color:#243041!important;
}
html body.floor-theme-dark #chat-sheet .cs-bubble.is-whatsout{background:#151b22!important;color:#e8eef5!important}
html body.floor-theme-dark #chat-sheet .cs-msg-text,
html body.floor-theme-dark #chat-sheet .cs-who,
html body.floor-theme-dark #chat-sheet .cs-meta{color:#e8eef5!important}
html body.floor-theme-dark #chat-sheet .cs-meta{color:#94a3b8!important}
html body.floor-theme-dark #chat-sheet input,
html body.floor-theme-dark #chat-sheet textarea,
html body.floor-theme-dark #chat-sheet select,
html body.floor-theme-dark #chat-sheet #cs-input,
html body.floor-theme-dark #chat-sheet #cs-wo-free{
  background:#0f1419!important;color:#f1f5f9!important;border-color:#2a3340!important;
}
html body.floor-theme-dark #chat-sheet input::placeholder,
html body.floor-theme-dark #chat-sheet textarea::placeholder{color:#64748b!important}
html body.floor-theme-dark #chat-sheet .cs-empty-card{
  background:#151b22!important;color:#94a3b8!important;border-color:#243041!important;
}
html body.floor-theme-dark #chat-sheet .cs-empty-card strong{color:#f8fafc!important}
html body.floor-theme-dark #chat-sheet .cs-tab{color:#94a3b8!important}
html body.floor-theme-dark #chat-sheet .cs-tab.is-on{color:#5eead4!important;background:rgba(45,212,191,.12)!important}
html body.floor-theme-dark #chat-sheet .cs-wo-pcard,
html body.floor-theme-dark #chat-sheet .cs-wo-ord-row{
  background:#0f1419!important;border-color:#243041!important;color:#e8eef5!important;
}
html body.floor-theme-dark #chat-sheet .cs-wo-ord-name,
html body.floor-theme-dark #chat-sheet .cs-wo-pcard *{color:#e8eef5!important}
html body.floor-theme-dark #chat-sheet [style*="color:#0"],
html body.floor-theme-dark #chat-sheet [style*="color: #0"],
html body.floor-theme-dark #chat-sheet [style*="color:#1"]{color:#e8eef5!important}
html body.floor-theme-dark #chat-sheet [style*="background:#fff"],
html body.floor-theme-dark #chat-sheet [style*="background: #fff"],
html body.floor-theme-dark #chat-sheet [style*="background:#f"]{background:#151b22!important;color:#e8eef5!important}


/* OS434 — Floor nav: bottom only, no right sticky rail, no Menu */
html body #chat-sheet,
html body #chat-sheet.open,
html.floor-embed #chat-sheet,
html.floor-embed #chat-sheet.open {
  flex-direction: column !important;
  display: flex !important;
}
html body #chat-sheet .cs-tabs,
html body #chat-sheet #cs-tabs,
html body #chat-sheet .cs-tabs-v2,
html body #chat-sheet.cs-rail-wide .cs-tabs,
html body #chat-sheet.cs-rail-wide #cs-tabs {
  order: 99 !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 58px !important;
  flex: 0 0 auto !important;
  flex-direction: row !important;
  display: flex !important;
  justify-content: space-around !important;
  align-items: stretch !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-top: 1px solid #e2e8f0 !important;
  align-self: stretch !important;
  float: none !important;
  transform: none !important;
}
html body #chat-sheet .cs-rail-toggle,
html body #chat-sheet .cs-tab.cs-rail-toggle {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
html body #chat-sheet #cs-main {
  order: 1 !important;
  width: 100% !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
}
/* hide standalone ft-rail if present */
#ft-rail, .ft-rail, body.ft-rail-ready #ft-rail {
  display: none !important;
}


/* OS435 dark bottom nav icons — always visible */
#mr-owner-home.pd-dark .pd-bottom{
  background:#0f1419!important;
  border-top:1px solid #1e2630!important;
}
#mr-owner-home.pd-dark .pd-bottom button,
#mr-owner-home.pd-dark .pd-bottom .pd-tab,
#mr-owner-home.pd-dark .pd-bottom [data-nav],
#mr-owner-home.pd-dark .pd-bottom a{
  color:#94a3b8!important;
  opacity:1!important;
}
#mr-owner-home.pd-dark .pd-bottom button .ico,
#mr-owner-home.pd-dark .pd-bottom button .pd-ico,
#mr-owner-home.pd-dark .pd-bottom button span,
#mr-owner-home.pd-dark .pd-bottom button svg,
#mr-owner-home.pd-dark .pd-bottom button path,
#mr-owner-home.pd-dark .pd-bottom button .lbl,
#mr-owner-home.pd-dark .pd-bottom button .label{
  color:#94a3b8!important;
  fill:none!important;
  stroke:currentColor!important;
  opacity:1!important;
}
#mr-owner-home.pd-dark .pd-bottom button.active,
#mr-owner-home.pd-dark .pd-bottom button.is-on,
#mr-owner-home.pd-dark .pd-bottom button[aria-selected="true"],
#mr-owner-home.pd-dark .pd-bottom .active{
  color:#5eead4!important;
}
#mr-owner-home.pd-dark .pd-bottom button.active .ico,
#mr-owner-home.pd-dark .pd-bottom button.active .pd-ico,
#mr-owner-home.pd-dark .pd-bottom button.active span,
#mr-owner-home.pd-dark .pd-bottom button.active .lbl,
#mr-owner-home.pd-dark .pd-bottom button.active .label,
#mr-owner-home.pd-dark .pd-bottom button.is-on .ico,
#mr-owner-home.pd-dark .pd-bottom button.is-on span{
  color:#5eead4!important;
  background:rgba(45,212,191,.16)!important;
  opacity:1!important;
}
#mr-owner-home.pd-dark .pd-bottom button.active svg,
#mr-owner-home.pd-dark .pd-bottom button.active path,
#mr-owner-home.pd-dark .pd-bottom button.is-on svg,
#mr-owner-home.pd-dark .pd-bottom button.is-on path{
  color:#5eead4!important;
  stroke:#5eead4!important;
  fill:none!important;
  opacity:1!important;
}
/* side nav active too */
#mr-owner-home.pd-dark .pd-nav button.active,
#mr-owner-home.pd-dark .pd-nav button.active span,
#mr-owner-home.pd-dark .pd-nav button.active svg,
#mr-owner-home.pd-dark .pd-nav button.active path{
  color:#5eead4!important;
  stroke:#5eead4!important;
}
#mr-owner-home.pd-dark .pd-nav button:not(.active),
#mr-owner-home.pd-dark .pd-nav button:not(.active) span,
#mr-owner-home.pd-dark .pd-nav button:not(.active) svg{
  color:#94a3b8!important;
  stroke:currentColor!important;
}
/* Floor bottom tabs dark */
html body.floor-theme-dark #chat-sheet .cs-tab{
  color:#94a3b8!important;
  opacity:1!important;
}
html body.floor-theme-dark #chat-sheet .cs-tab .cs-tab-ico,
html body.floor-theme-dark #chat-sheet .cs-tab .cs-tab-lbl,
html body.floor-theme-dark #chat-sheet .cs-tab svg,
html body.floor-theme-dark #chat-sheet .cs-tab path{
  color:#94a3b8!important;
  stroke:currentColor!important;
  fill:none!important;
  opacity:1!important;
}
html body.floor-theme-dark #chat-sheet .cs-tab.is-on,
html body.floor-theme-dark #chat-sheet .cs-tab[aria-selected="true"]{
  color:#5eead4!important;
  background:rgba(45,212,191,.14)!important;
}
html body.floor-theme-dark #chat-sheet .cs-tab.is-on .cs-tab-ico,
html body.floor-theme-dark #chat-sheet .cs-tab.is-on .cs-tab-lbl,
html body.floor-theme-dark #chat-sheet .cs-tab.is-on svg,
html body.floor-theme-dark #chat-sheet .cs-tab.is-on path{
  color:#5eead4!important;
  stroke:#5eead4!important;
  opacity:1!important;
}


/* OS436 compose form contrast + sticky header */
#chat-sheet .cs-head,
#chat-sheet .cs-head-v2 {
  display: flex !important;
  flex-shrink: 0 !important;
  position: relative !important;
  top: 0 !important;
  z-index: 20 !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}
#chat-sheet .cs-compose,
#chat-sheet #cs-compose {
  display: block !important;
  flex-shrink: 0 !important;
  background: #ffffff !important;
  border-top: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
}
#chat-sheet .cs-input,
#chat-sheet #cs-input,
#chat-sheet textarea.cs-input {
  background: #f8fafc !important;
  color: #0f172a !important;
  border: 1px solid #e2e8f0 !important;
  caret-color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  opacity: 1 !important;
}
#chat-sheet .cs-input::placeholder,
#chat-sheet #cs-input::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  opacity: 1 !important;
}
html body.floor-theme-dark #chat-sheet .cs-compose,
html body.floor-theme-dark #chat-sheet #cs-compose {
  background: #0f1419 !important;
  border-top-color: #1e2630 !important;
  color: #e8eef5 !important;
}
html body.floor-theme-dark #chat-sheet .cs-input,
html body.floor-theme-dark #chat-sheet #cs-input,
html body.floor-theme-dark #chat-sheet textarea.cs-input {
  background: #151b22 !important;
  color: #f1f5f9 !important;
  border-color: #2a3340 !important;
  caret-color: #f1f5f9 !important;
  -webkit-text-fill-color: #f1f5f9 !important;
}
html body.floor-theme-dark #chat-sheet .cs-input::placeholder,
html body.floor-theme-dark #chat-sheet #cs-input::placeholder {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}
html body.floor-theme-dark #chat-sheet .cs-head {
  background: #0f1419 !important;
  color: #f8fafc !important;
}
html body:not(.floor-theme-dark) #chat-sheet .cs-head {
  background: #ffffff !important;
  color: #0f172a !important;
}
/* kill black input traps from dark cleanse */
#chat-sheet [style*="background:#000"],
#chat-sheet [style*="background: #000"],
#chat-sheet [style*="background:black"] {
  background: #f8fafc !important;
  color: #0f172a !important;
}
html body.floor-theme-dark #chat-sheet [style*="background:#000"],
html body.floor-theme-dark #chat-sheet [style*="background:black"] {
  background: #151b22 !important;
  color: #f1f5f9 !important;
}


/* OS439 Floor Ops — kill black/white out flashes */
html, body, html.floor-embed, html.floor-embed body {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  min-height: 100% !important;
  min-height: 100dvh !important;
}
html body.floor-theme-dark,
html.floor-embed body.floor-theme-dark {
  background: #0b0f14 !important;
  color: #e8eef5 !important;
}
#chat-sheet,
#chat-sheet.open,
html body #chat-sheet,
html.floor-embed #chat-sheet {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
}
html body.floor-theme-dark #chat-sheet,
html body.floor-theme-dark #chat-sheet.open {
  background: #0b0f14 !important;
  color: #e8eef5 !important;
}
#chat-sheet .cs-head,
#chat-sheet .cs-head-v2 {
  background: #ffffff !important;
  color: #0f172a !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
  flex-shrink: 0 !important;
  position: relative !important;
  z-index: 30 !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
html body.floor-theme-dark #chat-sheet .cs-head,
html body.floor-theme-dark #chat-sheet .cs-head-v2 {
  background: #0f1419 !important;
  color: #f8fafc !important;
  border-bottom-color: #1e2630 !important;
}
#chat-sheet .cs-title,
#chat-sheet .cs-kicker,
#chat-sheet h1, #chat-sheet h2, #chat-sheet h3 {
  color: #0f172a !important;
  opacity: 1 !important;
}
html body.floor-theme-dark #chat-sheet .cs-title,
html body.floor-theme-dark #chat-sheet .cs-kicker,
html body.floor-theme-dark #chat-sheet h1,
html body.floor-theme-dark #chat-sheet h2 {
  color: #f8fafc !important;
}
#chat-sheet .cs-sub { color: #64748b !important; }
html body.floor-theme-dark #chat-sheet .cs-sub { color: #94a3b8 !important; }

#chat-sheet .cs-body,
#chat-sheet #cs-body,
#chat-sheet #cs-main {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  opacity: 1 !important;
  visibility: visible !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
html body.floor-theme-dark #chat-sheet .cs-body,
html body.floor-theme-dark #chat-sheet #cs-body,
html body.floor-theme-dark #chat-sheet #cs-main {
  background: #0b0f14 !important;
  color: #e8eef5 !important;
}

/* bubbles never black-on-black or white-on-white */
#chat-sheet .cs-bubble,
#chat-sheet .cs-bubble.is-in,
#chat-sheet .cs-bubble.is-out,
#chat-sheet .cs-bubble.is-whatsout {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #e2e8f0 !important;
  opacity: 1 !important;
}
#chat-sheet .cs-bubble.is-me,
#chat-sheet .cs-bubble.mine,
#chat-sheet .cs-row.is-mine .cs-bubble {
  background: #dbeafe !important;
  color: #0f172a !important;
  border: 1px solid #bfdbfe !important;
}
#chat-sheet .cs-bubble.is-me .cs-msg-text,
#chat-sheet .cs-row.is-mine .cs-msg-text {
  color: #0f172a !important;
}
#chat-sheet .cs-bubble.is-me .cs-meta,
#chat-sheet .cs-row.is-mine .cs-meta {
  color: #64748b !important;
}
html body.floor-theme-dark #chat-sheet .cs-bubble,
html body.floor-theme-dark #chat-sheet .cs-bubble.is-in,
html body.floor-theme-dark #chat-sheet .cs-bubble.is-out,
html body.floor-theme-dark #chat-sheet .cs-bubble.is-whatsout {
  background: #151b22 !important;
  color: #e8eef5 !important;
  border-color: #243041 !important;
}
html body.floor-theme-dark #chat-sheet .cs-bubble.is-me,
html body.floor-theme-dark #chat-sheet .cs-bubble.mine {
  background: #0f766e !important;
  color: #eff6ff !important;
}
#chat-sheet .cs-msg-text,
#chat-sheet .cs-who { color: inherit !important; }
#chat-sheet .cs-meta { color: #64748b !important; }
html body.floor-theme-dark #chat-sheet .cs-meta { color: #94a3b8 !important; }

/* compose stable */
#chat-sheet .cs-compose,
#chat-sheet #cs-compose {
  background: #ffffff !important;
  color: #0f172a !important;
  border-top: 1px solid #e2e8f0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  flex-shrink: 0 !important;
  z-index: 25 !important;
}
html body.floor-theme-dark #chat-sheet .cs-compose,
html body.floor-theme-dark #chat-sheet #cs-compose {
  background: #0f1419 !important;
  color: #e8eef5 !important;
  border-top-color: #1e2630 !important;
}
#chat-sheet .cs-input,
#chat-sheet #cs-input,
#chat-sheet textarea.cs-input {
  background: #f8fafc !important;
  color: #0f172a !important;
  border: 1px solid #e2e8f0 !important;
  -webkit-text-fill-color: #0f172a !important;
  caret-color: #0f172a !important;
  opacity: 1 !important;
}
html body.floor-theme-dark #chat-sheet .cs-input,
html body.floor-theme-dark #chat-sheet #cs-input {
  background: #151b22 !important;
  color: #f1f5f9 !important;
  border-color: #2a3340 !important;
  -webkit-text-fill-color: #f1f5f9 !important;
  caret-color: #f1f5f9 !important;
}
#chat-sheet .cs-input::placeholder { color: #94a3b8 !important; -webkit-text-fill-color: #94a3b8 !important; }
html body.floor-theme-dark #chat-sheet .cs-input::placeholder { color: #64748b !important; -webkit-text-fill-color: #64748b !important; }

/* empty state card always readable */
#chat-sheet .cs-empty-card,
#chat-sheet .cs-hist-start {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #e2e8f0 !important;
  opacity: 1 !important;
}
html body.floor-theme-dark #chat-sheet .cs-empty-card,
html body.floor-theme-dark #chat-sheet .cs-hist-start {
  background: #151b22 !important;
  color: #e8eef5 !important;
  border-color: #243041 !important;
}

/* kill pure black / pure white full-screen traps */
#chat-sheet [style*="background:#000"],
#chat-sheet [style*="background: #000"],
#chat-sheet [style*="background:black"],
#chat-sheet [style*="background:#000000"] {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}
html body.floor-theme-dark #chat-sheet [style*="background:#000"],
html body.floor-theme-dark #chat-sheet [style*="background:black"] {
  background: #0b0f14 !important;
  color: #e8eef5 !important;
}
/* never leave opacity 0 stuck */
#chat-sheet, #chat-sheet * {
  /* do not force all * opacity — only sheet chrome */
}
#chat-sheet.cs-loading,
#pd-wo-sheet,
.pd-wo-sheet {
  background: #f1f5f9 !important;
  opacity: 1 !important;
}
html body.floor-theme-dark #pd-wo-sheet,
.pd-dark #pd-wo-sheet {
  background: #0b0f14 !important;
}
/* boot / shimmer never pure black blank */
#ft-boot {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}
body.floor-theme-dark #ft-boot {
  background: #0b0f14 !important;
  color: #e8eef5 !important;
}
#ft-boot.hidden { display: none !important; }

/* ========== OS454 Floor Ops layout optimize ========== */
html.floor-ops-page,
body.floor-ops-page,
body.floor-pro,
body.floor-ops-fullpage,
body.chat-ops-open.floor-ops-page {
  height: 100% !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #eef2f7 !important;
  -webkit-tap-highlight-color: transparent;
}

/* Full-bleed sheet — one column: main(flex) + tabs */
html body.floor-ops-page #chat-sheet,
html body.floor-ops-page #chat-sheet.open,
html body.floor-pro #chat-sheet.open,
html body.chat-ops-open #chat-sheet.open,
html body #chat-sheet.cs-shell-v2.open,
html body #chat-sheet[data-ui="430"].open,
html body #chat-sheet[data-ui="454"].open {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  z-index: 200 !important;
  background: #eef2f7 !important;
  color: #0f172a !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
}

/* Main stack fills space above bottom tabs */
html body.floor-ops-page #chat-sheet #cs-main,
html body.floor-ops-page #chat-sheet .cs-main,
html body #chat-sheet.open #cs-main {
  order: 1 !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  background: transparent !important;
}

/* Compact header */
html body.floor-ops-page #chat-sheet .cs-head,
html body.floor-ops-page #chat-sheet .cs-head-v2,
html body #chat-sheet.open .cs-head {
  order: 0 !important;
  flex: 0 0 auto !important;
  padding: max(8px, env(safe-area-inset-top, 0px)) 12px 10px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 0 rgba(15,23,42,.03) !important;
  z-index: 6 !important;
}
html body.floor-ops-page #chat-sheet .cs-head-top {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 44px !important;
}
html body.floor-ops-page #chat-sheet .cs-head-text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
html body.floor-ops-page #chat-sheet .cs-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #0f766e !important;
  margin: 0 0 2px !important;
}
html body.floor-ops-page #chat-sheet .cs-title {
  margin: 0 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  color: #0f172a !important;
  letter-spacing: -0.01em !important;
}
html body.floor-ops-page #chat-sheet .cs-sub {
  margin: 2px 0 0 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #64748b !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}
html body.floor-ops-page #chat-sheet .cs-head-actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex: 0 0 auto !important;
}
html body.floor-ops-page #chat-sheet .cs-ico {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 999px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  color: #334155 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}
html body.floor-ops-page #chat-sheet .cs-ico:active {
  transform: scale(0.96);
  background: #f1f5f9 !important;
}
html body.floor-ops-page #chat-sheet .cs-ico-close {
  background: #0f172a !important;
  border-color: #0f172a !important;
  color: #f8fafc !important;
}

/* Message / content body — THE scroll region */
html body.floor-ops-page #chat-sheet #cs-body,
html body.floor-ops-page #chat-sheet .cs-body,
html body #chat-sheet.open #cs-body {
  order: 2 !important;
  flex: 1 1 auto !important;
  min-height: 120px !important;
  height: auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  padding: 12px 12px 8px !important;
  background: #eef2f7 !important;
  display: block !important;
  position: relative !important;
}

/* Message cards / bubbles */
html body.floor-ops-page #chat-sheet .cs-msg,
html body.floor-ops-page #chat-sheet .cs-bubble,
html body.floor-ops-page #chat-sheet .cs-card {
  max-width: min(520px, 100%) !important;
  margin: 0 0 10px !important;
  border-radius: 16px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  box-shadow: 0 4px 14px rgba(15,23,42,.04) !important;
  color: #0f172a !important;
}
html body.floor-ops-page #chat-sheet .cs-empty,
html body.floor-ops-page #chat-sheet .cs-empty-card {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 18px 16px !important;
  margin: 8px auto !important;
  max-width: 420px !important;
  text-align: center !important;
  box-shadow: 0 6px 20px rgba(15,23,42,.05) !important;
}
html body.floor-ops-page #chat-sheet .cs-empty strong {
  display: block !important;
  font-size: 15px !important;
  margin-bottom: 6px !important;
  color: #0f172a !important;
}
html body.floor-ops-page #chat-sheet .cs-empty p {
  margin: 0 !important;
  font-size: 13px !important;
  color: #64748b !important;
  line-height: 1.45 !important;
}

/* Compose bar */
html body.floor-ops-page #chat-sheet #cs-compose,
html body.floor-ops-page #chat-sheet .cs-compose,
html body #chat-sheet.open #cs-compose {
  order: 3 !important;
  flex: 0 0 auto !important;
  padding: 8px 10px !important;
  padding-bottom: 8px !important;
  background: #ffffff !important;
  border-top: 1px solid #e2e8f0 !important;
  box-shadow: 0 -6px 20px rgba(15,23,42,.04) !important;
  z-index: 7 !important;
}
html body.floor-ops-page #chat-sheet #cs-input,
html body.floor-ops-page #chat-sheet .cs-input,
html body.floor-ops-page #chat-sheet input[type="text"],
html body.floor-ops-page #chat-sheet textarea {
  border-radius: 999px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  color: #0f172a !important;
  min-height: 42px !important;
  font-size: 15px !important;
  padding: 10px 14px !important;
}

/* Bottom tabs — always docked */
html body.floor-ops-page #chat-sheet #cs-tabs,
html body.floor-ops-page #chat-sheet .cs-tabs,
html body.floor-ops-page #chat-sheet .cs-tabs-v2,
html body #chat-sheet.open #cs-tabs {
  order: 2 !important;
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  justify-content: space-around !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 6px 4px max(8px, env(safe-area-inset-bottom, 0px)) !important;
  background: #ffffff !important;
  border-top: 1px solid #e2e8f0 !important;
  box-shadow: 0 -8px 24px rgba(15,23,42,.05) !important;
  z-index: 8 !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 56px !important;
}
/* tabs AFTER main in flex: sheet is column [main, tabs] — main already contains compose */
html body.floor-ops-page #chat-sheet {
  /* children: cs-main, cs-tabs */
}
html body.floor-ops-page #chat-sheet #cs-tabs { order: 2 !important; }
html body.floor-ops-page #chat-sheet #cs-main { order: 1 !important; }

html body.floor-ops-page #chat-sheet .cs-tab {
  flex: 1 1 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  min-height: 48px !important;
  padding: 6px 4px !important;
  margin: 0 2px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #64748b !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  cursor: pointer !important;
}
html body.floor-ops-page #chat-sheet .cs-tab svg,
html body.floor-ops-page #chat-sheet .cs-tab .cs-tab-ico {
  width: 22px !important;
  height: 22px !important;
  opacity: .9 !important;
}
html body.floor-ops-page #chat-sheet .cs-tab.is-active,
html body.floor-ops-page #chat-sheet .cs-tab[aria-selected="true"],
html body.floor-ops-page #chat-sheet .cs-tab.active {
  color: #0f766e !important;
  background: rgba(15,118,110,.08) !important;
}

/* Hide backdrop / dimmers on floor */
html body.floor-ops-page #chat-sheet-bd,
html body.floor-ops-page #chat-sheet-bd.open {
  display: none !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

/* Hide instant loader / boot once live */
html body.floor-ops-live #mr-floor-instant,
html body.chat-ops-open #mr-floor-instant,
html body.floor-ops-page #ft-boot.hidden,
html body.chat-ops-open #ft-boot {
  display: none !important;
}

/* Desk back chip when from app */
html body.floor-ops-page #mr-floor-back-desk {
  position: fixed !important;
  top: max(10px, env(safe-area-inset-top)) !important;
  left: 10px !important;
  z-index: 300 !important;
}

/* Dark mode */
html body.floor-theme-dark.floor-ops-page,
html body.floor-theme-dark {
  background: #0b0f14 !important;
}
html body.floor-theme-dark #chat-sheet.open {
  background: #0b0f14 !important;
  color: #e8eef5 !important;
}
html body.floor-theme-dark #chat-sheet .cs-head,
html body.floor-theme-dark #chat-sheet #cs-compose,
html body.floor-theme-dark #chat-sheet #cs-tabs {
  background: #0f1419 !important;
  border-color: #1e2630 !important;
  color: #e8eef5 !important;
}
html body.floor-theme-dark #chat-sheet #cs-body {
  background: #0b0f14 !important;
}
html body.floor-theme-dark #chat-sheet .cs-title,
html body.floor-theme-dark #chat-sheet .cs-kicker {
  color: #f8fafc !important;
}
html body.floor-theme-dark #chat-sheet .cs-sub { color: #94a3b8 !important; }
html body.floor-theme-dark #chat-sheet .cs-ico {
  background: #151b22 !important;
  border-color: #1e2630 !important;
  color: #e2e8f0 !important;
}
html body.floor-theme-dark #chat-sheet .cs-ico-close {
  background: #e2e8f0 !important;
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
html body.floor-theme-dark #chat-sheet .cs-msg,
html body.floor-theme-dark #chat-sheet .cs-bubble,
html body.floor-theme-dark #chat-sheet .cs-card,
html body.floor-theme-dark #chat-sheet .cs-empty,
html body.floor-theme-dark #chat-sheet .cs-empty-card {
  background: #151b22 !important;
  border-color: #1e2630 !important;
  color: #e8eef5 !important;
}
html body.floor-theme-dark #chat-sheet .cs-tab { color: #94a3b8 !important; }
html body.floor-theme-dark #chat-sheet .cs-tab.is-active,
html body.floor-theme-dark #chat-sheet .cs-tab.active {
  color: #2dd4bf !important;
  background: rgba(45,212,191,.12) !important;
}
html body.floor-theme-dark #chat-sheet #cs-input,
html body.floor-theme-dark #chat-sheet .cs-input,
html body.floor-theme-dark #chat-sheet textarea {
  background: #151b22 !important;
  border-color: #1e2630 !important;
  color: #e8eef5 !important;
}

/* Tablet polish */
@media (min-width: 768px) {
  html body.floor-ops-page #chat-sheet #cs-body {
    padding: 16px 20px 12px !important;
  }
  html body.floor-ops-page #chat-sheet .cs-msg,
  html body.floor-ops-page #chat-sheet .cs-card {
    max-width: 560px !important;
  }
  html body.floor-ops-page #chat-sheet .cs-title {
    font-size: 18px !important;
  }
}

/* Kill side rail flash on phone/tablet */
@media (max-width: 1100px) {
  html body.floor-ops-page #chat-sheet.open {
    left: 0 !important;
    width: 100% !important;
  }
  html body.floor-ops-page .floor-side-rail,
  html body.floor-ops-page #floor-side-rail,
  html body.floor-ops-page .cs-rail-toggle {
    display: none !important;
  }
}

/* OS466 kill desk dark Floor Ops sheet on floor page */
html body.floor-ops-page #pd-wo-sheet,
html body.floor-ops-page #pd-wo-backdrop,
html body.floor-pro #pd-wo-sheet,
html body.floor-pro #pd-wo-backdrop {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  z-index: -1 !important;
}


/* ===== OS467 overlay z-index scale =====
   -1   dead layers (pd-wo dark double-header)
    40  #mr-boot spinner (under real sheet)
   100  #chat-sheet full Floor Ops
   200  floor modals / paper / lightbox
 12000  #pd-wo-pill on desk only
 30000  desk boot only
======================================== */
html body.floor-ops-page #pd-wo-sheet,
html body.floor-ops-page #pd-wo-sheet.open,
html body.floor-ops-page #pd-wo-backdrop,
html body.floor-ops-page #pd-wo-backdrop.open,
html body.floor-pro #pd-wo-sheet,
html body.floor-pro #pd-wo-backdrop,
html body.floor-ops-page .wo-head,
html body.floor-ops-page .wo-handle,
html body.floor-ops-page #pd-floor-float-x,
html body.floor-ops-page #pd-floor-iframe,
html body.floor-ops-page #mr-floor-instant {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -1 !important;
  transform: none !important;
}

/* desk: keep dead sheet dead even if class=open left over */
#pd-wo-sheet,
#pd-wo-sheet.open,
#pd-wo-backdrop,
#pd-wo-backdrop.open {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

/* Floor pill only on desk — never over floor page */
html body.floor-ops-page #pd-wo-pill {
  display: none !important;
  z-index: -1 !important;
}
#pd-wo-pill {
  z-index: 12000 !important;
}

/* Boot under sheet */
html body.floor-ops-page #mr-boot {
  z-index: 40 !important;
}
html body.chat-ops-open #mr-boot,
html body.floor-ops-live #mr-boot {
  display: none !important;
  z-index: -1 !important;
}

/* Real Floor Ops sheet — single layer */
html body.floor-ops-page #chat-sheet,
html body.floor-ops-page #chat-sheet.open,
html body.floor-pro #chat-sheet.open,
html body.chat-ops-open.floor-ops-page #chat-sheet {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100 !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  border-radius: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
}

/* Backdrop never covers floor */
html body.floor-ops-page #chat-sheet-bd,
html body.floor-ops-page #chat-sheet-bd.open {
  display: none !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

/* One header stack */
html body.floor-ops-page #cs-head,
html body.floor-ops-page .cs-head {
  position: relative !important;
  z-index: 2 !important;
}
html body.floor-ops-page #cs-body {
  position: relative !important;
  z-index: 1 !important;
}
html body.floor-ops-page #cs-compose,
html body.floor-ops-page #cs-tabs {
  position: relative !important;
  z-index: 3 !important;
}

/* Internal floor modals above sheet chrome */
html body.floor-ops-page .cs-lightbox,
html body.floor-ops-page #cs-wo-paper-bd,
html body.floor-ops-page .chat-mention-picker {
  z-index: 200 !important;
}


/* OS478 — single scroll region: only #cs-body scrolls; no nested order-list fight */
html body.floor-ops-page #chat-sheet #cs-body,
html body.floor-pro #chat-sheet #cs-body,
html body.ft-shell-live #chat-sheet #cs-body,
html body.chat-ops-open #chat-sheet #cs-body,
html body.emp-floor-live #chat-sheet #cs-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-y: contain !important;
  touch-action: pan-y !important;
  padding-bottom: 8px !important;
}
html body.floor-ops-page #chat-sheet .cs-wo-order-list,
html body.floor-pro #chat-sheet .cs-wo-order-list,
html body.ft-shell-live #chat-sheet .cs-wo-order-list,
#chat-sheet .cs-wo-order-list {
  max-height: none !important;
  overflow: visible !important;
  -webkit-overflow-scrolling: auto !important;
  touch-action: pan-y !important;
}
html body.floor-ops-page #chat-sheet .cs-bubble.is-whatsout,
#chat-sheet .cs-bubble.is-whatsout {
  overflow: visible !important;
  max-height: none !important;
}
/* catalog list on Out tab — allow body scroll, light internal only if needed */
html body.floor-ops-page #chat-sheet .cs-wo-card-list,
html body.floor-ops-page #chat-sheet #cs-wo-list {
  max-height: none !important;
  overflow: visible !important;
}
/* prevent sheet chrome from eating vertical pans */
html body.floor-ops-page #chat-sheet #cs-main {
  touch-action: manipulation !important;
}
html body.floor-ops-page #chat-sheet #cs-body {
  touch-action: pan-y !important;
}


/* wo catalog polish 2052 */
#chat-sheet .cs-wo-pcard-viz .ico-letters {
  font-size: 13px;
  font-weight: 900;
  color: #1d4ed8;
}
#chat-sheet .cs-wo-add {
  border-radius: 14px !important;
}


/* FULLWIDTH-TEAM-2026 */
html body.floor-ops-page #chat-sheet .cs-body,
html body.floor-ops-page #chat-sheet #cs-body,
html body.floor-pro #chat-sheet .cs-body,
html body.floor-pro #chat-sheet #cs-body {
  align-items: stretch !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}
html body.floor-ops-page #chat-sheet .cs-body > *,
html body.floor-ops-page #chat-sheet #cs-body > * {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
html body.floor-ops-page #chat-sheet .cs-person {
  width: 100% !important;
}


/* OS496: notification badges on floor nav — never clip */
html body.floor-ops-page #chat-sheet .cs-tabs,
html body.floor-ops-page #chat-sheet #cs-tabs,
html body.floor-pro #chat-sheet .cs-tabs,
html body.floor-pro #chat-sheet #cs-tabs {
  overflow: visible !important;
}
html body.floor-ops-page #chat-sheet .cs-tab,
html body.floor-pro #chat-sheet .cs-tab {
  position: relative !important;
  overflow: visible !important;
}
html body.floor-ops-page #chat-sheet .cs-tab .cs-tab-ico,
html body.floor-pro #chat-sheet .cs-tab .cs-tab-ico {
  position: relative !important;
  overflow: visible !important;
}
html body.floor-ops-page #chat-sheet .cs-tab-badge,
html body.floor-pro #chat-sheet .cs-tab-badge {
  position: absolute !important;
  top: -8px !important;
  right: -10px !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 5px !important;
  border-radius: 999px !important;
  background: #ef4444 !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 18px !important;
  text-align: center !important;
  box-shadow: 0 0 0 2px #fff !important;
  z-index: 30 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
}

/* WO-NOT-BLUE: What's Out cards never inherit mine blue bubble */
html body.floor-ops-page #chat-sheet .cs-row.is-mine .cs-bubble.is-whatsout,
html body.floor-pro #chat-sheet .cs-row.is-mine .cs-bubble.is-whatsout,
html body #chat-sheet .cs-bubble.is-whatsout,
html body #chat-sheet .cs-row.is-wo-row .cs-bubble {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 3px solid #f59e0b !important;
  box-shadow: 0 4px 16px rgba(15,23,42,.06) !important;
}
html body #chat-sheet .cs-bubble.is-whatsout .cs-msg-text,
html body #chat-sheet .cs-bubble.is-whatsout .cs-who,
html body #chat-sheet .cs-bubble.is-whatsout .cs-meta {
  color: #0f172a !important;
}
html body #chat-sheet .cs-bubble.is-whatsout .cs-meta { color: #64748b !important; }