/* MR.STORE chrome lock OS716 — last word. Desktop vs phone. Light forms. */
@media (min-width: 860px) {
  .pd-bottom, #pd-bottom, [data-pd-dock],
  #cs-tabs, #chat-sheet #cs-tabs, #chat-sheet.open #cs-tabs,
  #chat-sheet .cs-tabs, #mr-floor-dock, #mr-floor-more {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
  }
  .pd-stage, #pd-stage, #mr-owner-home, #mr-owner-home .pd-stage {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media (max-width: 859px) {
  .pd-bottom, #pd-bottom {
    display: flex !important;
    position: fixed !important;
    left: 0 !important; right: 0 !important; bottom: 0 !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
  }
  .pd-stage, #pd-stage {
    padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
  }
}
#chat-sheet .cs-kit-field input,
#chat-sheet input#cs-kit-hl, #chat-sheet input#cs-kit-tg,
#chat-sheet input#cs-kit-stt, #chat-sheet input#cs-kit-sn,
#chat-sheet input#cs-kit-mn, #chat-sheet input#cs-kit-mp, #chat-sheet input#cs-kit-mc,
#chat-sheet input[type=time],
#mr-owner-home input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
#mr-owner-home textarea, #mr-owner-home select {
  background: #ffffff !important;
  color: #0f172a !important;
  caret-color: #0f172a !important;
}
#mr-owner-home.pd-dark input:not([type=checkbox]):not([type=radio]),
#mr-owner-home.pd-dark textarea, #mr-owner-home.pd-dark select {
  background: #161c25 !important;
  color: #e8eef5 !important;
  caret-color: #e8eef5 !important;
}

/* OS716 ledger rows: checkbox | date | copy | amount — never overlap */
#mr-owner-home .pd-ledger-row.ld-row,
#mr-owner-home .pd-ledger-row{
  display:grid !important;
  grid-template-columns: 28px 52px minmax(0,1fr) auto !important;
  grid-template-rows: auto auto !important;
  column-gap: 10px !important;
  row-gap: 8px !important;
  align-items: start !important;
  position: relative !important;
  overflow: visible !important;
  padding: 12px 2px 14px !important;
}
#mr-owner-home .pd-ledger-row .ld-check{
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  position: static !important;
  float: none !important;
  padding-top: 14px !important;
  z-index: 1 !important;
}
#mr-owner-home .pd-ledger-row .pd-ledger-date,
#mr-owner-home .pd-ledger-row .pd-date-badge,
#mr-owner-home .pd-ledger-row .ld-date{
  grid-column: 2 !important;
  grid-row: 1 !important;
  position: static !important;
  float: none !important;
  inset: auto !important;
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  height: auto !important;
  min-height: 52px !important;
  max-height: none !important;
  margin: 0 !important;
  z-index: 1 !important;
  overflow: hidden !important;
}
#mr-owner-home .pd-ledger-row .pd-ledger-main,
#mr-owner-home .pd-ledger-row .ld-main{
  grid-column: 3 !important;
  grid-row: 1 !important;
  position: static !important;
  float: none !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
  padding-left: 0 !important;
  margin: 0 !important;
  z-index: 1 !important;
}
#mr-owner-home .pd-ledger-row .ld-right{
  grid-column: 4 !important;
  grid-row: 1 !important;
  position: static !important;
  float: none !important;
  text-align: right !important;
  align-self: start !important;
  padding-top: 2px !important;
}
#mr-owner-home .pd-ledger-row .pd-ledger-actions,
#mr-owner-home .pd-ledger-row .ld-actions{
  grid-column: 3 / -1 !important;
  grid-row: 2 !important;
  position: static !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  justify-content: flex-end !important;
}
#mr-owner-home .pd-ledger-row .ld-title,
#mr-owner-home .pd-ledger-row .pd-ld-main.ld-title{
  display: block !important;
  position: static !important;
  float: none !important;
  white-space: normal !important;
  overflow: visible !important;
  word-break: break-word !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}
#mr-owner-home .ld-bill-thumb{
  float: none !important;
  display: block !important;
  width: 72px !important;
  height: 46px !important;
  margin: 0 0 8px 0 !important;
}
@media (min-width: 720px){
  #mr-owner-home .pd-ledger-row.ld-row,
  #mr-owner-home .pd-ledger-row{
    grid-template-columns: 28px 56px minmax(0,1fr) auto auto !important;
    align-items: center !important;
  }
  #mr-owner-home .pd-ledger-row .pd-ledger-actions,
  #mr-owner-home .pd-ledger-row .ld-actions{
    grid-column: 5 !important;
    grid-row: 1 !important;
  }
}


/* Floor ops — last word OS717 */
html body.floor-ops-page { --mr-inbox-w: 280px; }
html body.floor-ops-page.mr-inbox-collapsed { --mr-inbox-w: 72px; }

html body.floor-ops-page .cs-send {
  width: 40px !important; height: 40px !important; min-width: 40px !important;
  border-radius: 50% !important; background: #0f172a !important; color: #fff !important;
  display: grid !important; place-items: center !important; border: 0 !important; padding: 0 !important;
}
html body.floor-ops-page .cs-send svg {
  width: 18px !important; height: 18px !important; stroke: #fff !important; display: block !important;
}
html body.floor-ops-page:has(#cs-vend-reply) #cs-head,
html body.floor-ops-page:has(#cs-cust-reply) #cs-head {
  display: none !important; height: 0 !important; overflow: hidden !important;
  padding: 0 !important; border: 0 !important; min-height: 0 !important;
}
html body.floor-ops-page .cs-att-img,
html body.floor-ops-page #cs-vend-bubbles img {
  max-width: min(280px, 78vw) !important; max-height: 280px !important;
  width: auto !important; height: auto !important; object-fit: contain !important;
  border-radius: 14px !important; background: transparent !important; display: block !important;
}

@media (min-width: 860px) {
  html body.floor-ops-page #mr-inbox-root {
    display: flex !important; width: var(--mr-inbox-w, 280px) !important;
  }
  html body.floor-ops-page #chat-sheet,
  html body.floor-ops-page #chat-sheet.open,
  html body.floor-ops-page #chat-sheet.cs-dir-mode {
    position: fixed !important;
    top: 0 !important; right: 0 !important; bottom: 0 !important;
    left: var(--mr-inbox-w, 280px) !important;
    width: auto !important; height: auto !important;
  }
  html body.floor-ops-page #mr-floor-stack { display: none !important; }
}

@media (max-width: 859px) {
  html body.floor-ops-page { --mr-inbox-w: 0px; }
  html body.floor-ops-page #mr-inbox-root { display: none !important; }
  html body.floor-ops-page #cs-sub,
  html body.floor-ops-page #cs-kicker {
    display: none !important; height: 0 !important;
  }
  html body.floor-ops-page #cs-head {
    min-height: 52px !important; max-height: 56px !important; padding: 6px 10px !important;
  }
  html body.floor-ops-page #cs-title { font-size: 16px !important; }
  html body.floor-ops-page #chat-sheet,
  html body.floor-ops-page #chat-sheet.open {
    left: 0 !important; right: 0 !important; top: 0 !important;
    bottom: calc(112px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html body.floor-ops-page #chat-sheet.cs-dir-mode:not(:has(#cs-vend-reply)):not(:has(#cs-cust-reply)) {
    bottom: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html body.floor-ops-page:has(#cs-vend-reply) #chat-sheet,
  html body.floor-ops-page:has(#cs-cust-reply) #chat-sheet {
    bottom: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html body.floor-ops-page #chat-sheet #cs-body {
    padding-bottom: 12px !important;
  }
  html body.floor-ops-page #cs-input,
  html body.floor-ops-page .cs-input {
    min-height: 40px !important; max-height: 44px !important; height: 40px !important;
  }
}

@media (max-width: 859px) {
  html body.floor-ops-page #cs-head .cs-head-main {
    flex: 0 1 auto !important;
    max-width: 46% !important;
    min-width: 0 !important;
  }
  html body.floor-ops-page #cs-head .cs-head-text {
    flex: 0 0 auto !important;
    min-width: auto !important;
    max-width: none !important;
    overflow: visible !important;
  }
  html body.floor-ops-page #cs-title {
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: none !important;
    font-size: 16px !important;
  }
  html body.floor-ops-page #cs-store-switch,
  html body.floor-ops-page #cs-head-switch {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: 40vw !important;
  }
  html body.floor-ops-page #chat-sheet.cs-dir-mode {
    bottom: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

html body.floor-ops-page.floor-in-thread #cs-head {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}
@media (max-width: 859px) {
  html body.floor-ops-page.floor-in-thread #chat-sheet,
  html body.floor-ops-page.floor-in-thread #chat-sheet.open {
    bottom: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html body.floor-ops-page #cs-body,
  html body.floor-ops-page #chat-sheet #cs-body,
  html body.floor-ops-page #cs-vend-bubbles,
  html body.floor-ops-page #cs-vend-stack {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  html body.floor-ops-page #cs-vend-stack { padding: 8px 10px 8px !important; }
  html body.floor-ops-page .cs-side-dock,
  html body.floor-ops-page #cs-side-dock,
  html body.floor-ops-page #mr-floor-stack #cs-compose,
  html body.floor-ops-page #cs-compose {
    margin: 0 !important;
    margin-bottom: 0 !important;
    padding: 8px 10px !important;
    border-bottom: 0 !important;
  }
  html body.floor-ops-page #mr-floor-stack {
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  html body.floor-ops-page #mr-floor-dock {
    margin: 0 !important;
    padding-top: 6px !important;
  }
}

@media (max-width: 859px) {
  html body.floor-ops-page #chat-sheet.cs-dir-mode #cs-body,
  html body.floor-ops-page #chat-sheet.cs-dir-mode .cs-body,
  html body.floor-ops-page.cs-dir-mode #cs-body {
    padding: 10px 12px 16px !important;
  }
  html body.floor-ops-page #chat-sheet.cs-dir-mode .cs-dir,
  html body.floor-ops-page #chat-sheet.cs-dir-mode .cs-people,
  html body.floor-ops-page #chat-sheet.cs-dir-mode .cs-card,
  html body.floor-ops-page #chat-sheet.cs-dir-mode [class*="cs-person"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 859px) {
  html body.floor-ops-page #chat-sheet .cs-dir,
  html body.floor-ops-page #chat-sheet .cs-people,
  html body.floor-ops-page #chat-sheet .cs-loop-promo,
  html body.floor-ops-page #chat-sheet .cs-people-head {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  html body.floor-ops-page #chat-sheet.cs-dir-mode #cs-body {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

html body.floor-ops-page:has(#cs-vend-back) #cs-head,
html body.floor-ops-page:has(#cs-cust-back) #cs-head {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
}
@media (max-width: 859px) {
  html body.floor-ops-page:has(#cs-vend-back) #cs-body,
  html body.floor-ops-page:has(#cs-cust-back) #cs-body,
  html body.floor-ops-page.floor-in-thread #cs-body {
    padding: 0 !important;
    margin: 0 !important;
  }
  html body.floor-ops-page .cs-cust-wrap.cs-cust-chat {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
  html body.floor-ops-page .cs-cust-wrap.cs-cust-chat > div:first-child {
    padding: 8px 12px 10px !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  html body.floor-ops-page #cs-vend-bubbles,
  html body.floor-ops-page #cs-vend-stack,
  html body.floor-ops-page #cs-cust-bubbles {
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }
  html body.floor-ops-page .cs-side-dock {
    padding: 8px 12px !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    border-bottom: 0 !important;
  }
  html body.floor-ops-page .cs-row-in {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    gap: 8px !important;
  }
  html body.floor-ops-page #cs-chan-tabs {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
/* breathing-20 */

@media (max-width: 859px) {
  html body.floor-ops-page #chat-sheet #cs-body,
  html body.floor-ops-page #chat-sheet.cs-dir-mode #cs-body,
  html body.floor-ops-page.floor-in-thread #cs-body {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  html body.floor-ops-page #chat-sheet .cs-dir,
  html body.floor-ops-page #chat-sheet .cs-people,
  html body.floor-ops-page #chat-sheet .cs-loop-promo,
  html body.floor-ops-page #chat-sheet .cs-people-head {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  html body.floor-ops-page .cs-cust-wrap.cs-cust-chat > div:first-child,
  html body.floor-ops-page #cs-vend-bubbles,
  html body.floor-ops-page #cs-vend-stack,
  html body.floor-ops-page #cs-cust-bubbles,
  html body.floor-ops-page .cs-side-dock {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  html body.floor-ops-page:has(#cs-vend-back) #cs-body,
  html body.floor-ops-page:has(#cs-cust-back) #cs-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* ===== Gmail inbox layout (Floor vendor mail) OS726 ===== */
html body.floor-ops-page:has(#cs-vend-back) #cs-head,
html body.floor-ops-page:has(#cs-vend-reply) #cs-head {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}
html body.floor-ops-page:has(#cs-vend-back) #cs-body,
html body.floor-ops-page:has(#cs-vend-reply) #cs-body {
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
html body.floor-ops-page .cs-cust-wrap.cs-cust-chat {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
html body.floor-ops-page .cs-cust-wrap.cs-cust-chat > div:first-child {
  flex: 0 0 auto !important;
  padding: 10px 20px 12px !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: #fff !important;
  border-bottom: 1px solid #e8eef6 !important;
}
html body.floor-ops-page #cs-chan-tabs {
  margin: 8px 0 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
html body.floor-ops-page #cs-vend-bubbles {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 12px 20px 16px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
}
html body.floor-ops-page #cs-vend-stack {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}
html body.floor-ops-page .cs-side-dock {
  flex: 0 0 auto !important;
  width: 100% !important;
  margin: 0 0 8px !important;
  padding: 12px 20px 14px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  background: #fff !important;
  border-top: 1px solid #e8eef6 !important;
  border-bottom: 0 !important;
}
html body.floor-ops-page .cs-side-dock .cs-row-in {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
html body.floor-ops-page .cs-side-dock .cs-input,
html body.floor-ops-page #cs-vend-reply {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 40px !important;
  max-height: 44px !important;
  margin: 0 !important;
}
@media (min-width: 860px) {
  html body.floor-ops-page:has(#cs-vend-back) #chat-sheet,
  html body.floor-ops-page:has(#cs-vend-reply) #chat-sheet {
    bottom: 0 !important;
  }
}
@media (max-width: 859px) {
  html body.floor-ops-page:has(#cs-vend-back) #chat-sheet,
  html body.floor-ops-page:has(#cs-vend-reply) #chat-sheet {
    bottom: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (max-width: 859px) {
  html body.floor-ops-page #mr-floor-stack > .cs-side-dock {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    height: auto !important;
    min-height: 56px !important;
    max-height: none !important;
    padding: 10px 16px !important;
    margin: 0 !important;
    z-index: 5 !important;
    transform: none !important;
  }
  html body.floor-ops-page .cs-side-dock .cs-row-in {
    height: 44px !important;
    align-items: center !important;
  }
  html body.floor-ops-page #cs-vend-bubbles {
    padding-bottom: 84px !important;
  }
  html body.floor-ops-page #mr-floor-dock {
    z-index: 250 !important;
  }
}

html body.floor-ops-page .cs-side-dock ~ .cs-side-dock { display: none !important; height: 0 !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; border: 0 !important; }

@media (max-width: 859px) {
  html body.floor-ops-page:has(.cs-side-dock) #chat-sheet,
  html body.floor-ops-page:has(#cs-vend-back) #chat-sheet,
  html body.floor-ops-page:has(#cs-vend-reply) #chat-sheet {
    top: 0 !important;
    bottom: calc(128px + env(safe-area-inset-bottom, 0px)) !important;
    height: auto !important;
    overflow: hidden !important;
  }
  html body.floor-ops-page:has(#cs-vend-back) #cs-body,
  html body.floor-ops-page:has(#cs-vend-reply) #cs-body {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
  }
  html body.floor-ops-page .cs-cust-wrap.cs-cust-chat {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  html body.floor-ops-page #cs-vend-bubbles {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    overscroll-behavior: contain !important;
    padding: 12px 20px 16px !important;
  }
}

@media (max-width: 859px) {
  html body.floor-ops-page:has(#cs-vend-back) #chat-sheet {
    bottom: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
    overflow: hidden !important;
  }
  html body.floor-ops-page .cs-cust-wrap.cs-cust-chat {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  html body.floor-ops-page #cs-vend-bubbles {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    pointer-events: auto !important;
  }
  html body.floor-ops-page .cs-side-dock {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    flex: 0 0 auto !important;
    height: auto !important;
    max-height: none !important;
  }
  html body.floor-ops-page #mr-floor-stack > .cs-side-dock { display: block !important; }
}

@media (max-width:859px){ html body.floor-ops-page #cs-chan-hint { display:none !important; height:0 !important; margin:0 !important; } }

html body.floor-ops-page:has(#cs-vend-back) #cs-body {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  height: 100% !important;
}
html body.floor-ops-page:has(#cs-vend-back) .cs-cust-wrap.cs-cust-chat {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}
html body.floor-ops-page:has(#cs-vend-back) .cs-cust-wrap.cs-cust-chat > div:first-child {
  flex: 0 0 auto !important;
  position: relative !important;
  top: auto !important;
  background: #fff !important;
  z-index: 4 !important;
}
html body.floor-ops-page:has(#cs-vend-back) #cs-vend-bubbles {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  padding-bottom: 12px !important;
  touch-action: pan-y !important;
}


html body.floor-ops-page #cs-vend-end{height:160px!important;min-height:160px!important;flex:0 0 160px!important;}

/* Gmail thread chrome */
html body.floor-ops-page .cs-vend-head {
  padding: 8px 12px 10px !important;
  background: #fff !important;
  border-bottom: 1px solid #e8eef6 !important;
}
html body.floor-ops-page #cs-vend-back,
html body.floor-ops-page #cs-vend-more {
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
  border-radius: 10px !important;
  background: #f1f5f9 !important;
}
html body.floor-ops-page #cs-chan-tabs {
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  margin: 8px 0 0 !important;
  padding: 2px !important;
  background: #eef2f7 !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
}
html body.floor-ops-page #cs-chan-tabs .cs-chan-pill {
  flex: 1 1 0 !important;
  height: 28px !important;
  min-height: 28px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  border-radius: 8px !important;
  padding: 0 !important;
}
html body.floor-ops-page .cs-side-dock {
  padding: 8px 12px 10px !important;
}
html body.floor-ops-page .cs-side-dock .cs-row-in {
  gap: 8px !important;
}

/* ===== Gmail thread · grok magic OS749 ===== */
html body.floor-ops-page:has(#cs-vend-back) .cs-cust-wrap.cs-cust-chat {
  background: #f4f7fb !important;
}
html body.floor-ops-page .cs-vend-head,
html body.floor-ops-page .cs-cust-wrap.cs-cust-chat > div:first-child {
  padding: 10px 14px 12px !important;
  margin: 0 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  border-bottom: 1px solid rgba(15,23,42,.06) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .04) !important;
}
html body.floor-ops-page #cs-vend-back,
html body.floor-ops-page #cs-vend-more {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  border-radius: 11px !important;
  background: #f1f5f9 !important;
  color: #0f172a !important;
  box-shadow: inset 0 0 0 1px rgba(15,23,42,.04) !important;
}
html body.floor-ops-page .cs-cust-wrap.cs-cust-chat > div:first-child > div:first-child > div:nth-child(2) {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  border-radius: 11px !important;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #93c5fd !important;
  font-size: 12px !important;
}
html body.floor-ops-page #cs-chan-tabs {
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  margin: 10px 0 0 !important;
  padding: 3px !important;
  background: #e8eef6 !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
}
html body.floor-ops-page #cs-chan-tabs .cs-chan-pill {
  flex: 1 1 50% !important;
  width: 50% !important;
  max-width: 50% !important;
  height: 30px !important;
  min-height: 30px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  border-radius: 9px !important;
  padding: 0 !important;
}
html body.floor-ops-page #cs-chan-tabs .cs-chan-pill[data-chan="mail"][style*="#0f172a"],
html body.floor-ops-page #cs-chan-tabs .cs-chan-pill[style*="background:#0f172a"] {
  background: #1d4ed8 !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(29, 78, 216, .28) !important;
}
html body.floor-ops-page #cs-gm-status {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #16a34a !important;
}
html body.floor-ops-page #mr-floor-stack > .cs-side-dock {
  padding: 8px 12px 10px !important;
  background: #fff !important;
  border-top: 1px solid #e8eef6 !important;
}
html body.floor-ops-page .cs-side-dock .cs-input,
html body.floor-ops-page #cs-vend-reply {
  background: #f1f5f9 !important;
  border: 0 !important;
  border-radius: 22px !important;
  min-height: 40px !important;
  padding: 0 16px !important;
  font-size: 14px !important;
}

/* Gmail Mail loop · Pro */
html body.floor-ops-page .cs-gm-promo { box-shadow: 0 1px 2px rgba(60,64,67,.15), 0 2px 6px rgba(60,64,67,.08) !important; }
html body.floor-ops-page .cs-gm-mark { display:block; flex:0 0 auto; }
html body.floor-ops-page #cs-chan-tabs .cs-chan-pill[style*="#d93025"] { background:#d93025 !important; color:#fff !important; box-shadow: none !important; }
html body.floor-ops-page #cs-gm-go { background:#1a73e8 !important; border-radius:24px !important; }
html body.floor-ops-page .cs-vend-head { background:#fff !important; }
html body.floor-ops-page #cs-gm-status { color:#188038 !important; font-weight:700 !important; }

/* ===== Gmail Mail loop theme OS766 ===== */
html body.floor-ops-page:has(#cs-vend-back) .cs-cust-wrap.cs-cust-chat {
  background: #f6f8fc !important;
}
html body.floor-ops-page .cs-vend-head {
  background: #fff !important;
  border-bottom: 1px solid #dadce0 !important;
  box-shadow: none !important;
}
html body.floor-ops-page #cs-chan-tabs {
  background: #fff !important;
  border-bottom: 1px solid #dadce0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 8px 0 0 !important;
}
html body.floor-ops-page #cs-chan-tabs .cs-chan-pill {
  background: transparent !important;
  color: #5f6368 !important;
  height: 36px !important;
  border-radius: 0 !important;
  border-bottom: 3px solid transparent !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
html body.floor-ops-page #cs-chan-tabs .cs-chan-pill[style*="#d93025"],
html body.floor-ops-page #cs-chan-tabs .cs-chan-pill[data-chan="mail"][style*="color:#fff"] {
  color: #d93025 !important;
  border-bottom-color: #d93025 !important;
  background: transparent !important;
}
html body.floor-ops-page #cs-vend-bubbles,
html body.floor-ops-page #cs-vend-stack {
  background: #fff !important;
}
html body.floor-ops-page .cs-gm-msg {
  display: flex !important;
  gap: 12px !important;
  padding: 14px 16px 16px !important;
  border-bottom: 1px solid #f1f3f4 !important;
  background: #fff !important;
  max-width: 100% !important;
}
html body.floor-ops-page .cs-gm-av {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  color: #fff !important;
  display: grid !important;
  place-items: center !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  flex: 0 0 36px !important;
}
html body.floor-ops-page .cs-gm-body { flex: 1 1 auto !important; min-width: 0 !important; }
html body.floor-ops-page .cs-gm-topline {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 10px !important;
  margin: 0 0 4px !important;
}
html body.floor-ops-page .cs-gm-who {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #202124 !important;
}
html body.floor-ops-page .cs-gm-when {
  font-size: 12px !important;
  color: #5f6368 !important;
  white-space: nowrap !important;
}
html body.floor-ops-page .cs-gm-text {
  font-size: 14px !important;
  color: #3c4043 !important;
  line-height: 1.55 !important;
  white-space: pre-wrap !important;
  font-weight: 400 !important;
}
html body.floor-ops-page .cs-gm-msg .cs-mail-media img {
  max-width: 280px !important;
  border-radius: 8px !important;
  margin-top: 8px !important;
}
html body.floor-ops-page #mr-floor-stack > .cs-side-dock {
  background: #fff !important;
  border-top: 1px solid #dadce0 !important;
  padding: 10px 12px 12px !important;
}
html body.floor-ops-page .cs-side-dock .cs-input,
html body.floor-ops-page #cs-vend-reply {
  background: #fff !important;
  border: 1px solid #dadce0 !important;
  border-radius: 8px !important;
  min-height: 44px !important;
}
html body.floor-ops-page .cs-gm-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  text-align: left !important;
  background: #fff !important;
  border: 0 !important;
  border-bottom: 1px solid #f1f3f4 !important;
  border-radius: 0 !important;
  padding: 12px 8px !important;
}
html body.floor-ops-page .cs-gm-row:hover { background: #f2f6fc !important; }
html body.floor-ops-page .cs-gm-addr {
  font-weight: 500 !important;
  color: #5f6368 !important;
  font-size: 12px !important;
}
html body.floor-ops-page .cs-gm-date {
  margin-left: auto !important;
  font-size: 12px !important;
  color: #5f6368 !important;
  flex: 0 0 auto !important;
  text-align: right !important;
}
html body.floor-ops-page .cs-vend-scroll { background: #fff !important; }
html body.floor-ops-page .cs-gm-promo {
  background: #fff !important;
  border: 1px solid #dadce0 !important;
  box-shadow: none !important;
}

/* Vendors directory: compact chrome, list takes remaining height */
html body.floor-ops-page #cs-body .cs-cust-wrap {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 0 !important;
}
html body.floor-ops-page #cs-ch-card { flex: 0 0 auto !important; padding: 8px 10px !important; margin: 0 10px 8px !important; }
html body.floor-ops-page #cs-ch-em,
html body.floor-ops-page #cs-vend-add {
  height: 34px !important;
  min-height: 34px !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}
html body.floor-ops-page #cs-vend-add { margin: 0 10px 8px !important; }
html body.floor-ops-page #cs-body input[placeholder*="Search vendor"] {
  height: 36px !important;
  margin: 0 10px 6px !important;
}
html body.floor-ops-page .cs-vend-pills { padding: 0 10px 6px !important; flex: 0 0 auto !important; }
html body.floor-ops-page .cs-vend-scroll {
  flex: 1 1 auto !important;
  min-height: 180px !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
html body.floor-ops-page .cs-gm-row { padding: 10px 12px !important; }
html body.floor-ops-page .cs-dir-chip { height: 32px !important; padding: 0 12px !important; }

html body.floor-ops-page #cs-body { height:100% !important; min-height:0 !important; display:flex !important; flex-direction:column !important; overflow:hidden !important; }
html body.floor-ops-page #cs-body > div { flex:1 1 auto !important; min-height:0 !important; display:flex !important; flex-direction:column !important; }
/* see floor-app.html #mr-floor-ui-lock OS768 */

@media (min-width:860px) {
  html body.floor-ops-page #cs-body .cs-side-dock {
    display: block !important;
    visibility: visible !important;
    flex: 0 0 auto !important;
    height: auto !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 6 !important;
    background: #fff !important;
    border-top: 1px solid #dadce0 !important;
  }
  html body.floor-ops-page #mr-floor-stack { display: none !important; }
  html body.floor-ops-page #mr-floor-stack > .cs-side-dock { display: none !important; }
  html body.floor-ops-page #cs-chan-tabs .cs-chan-pill {
    flex: 0 0 auto !important;
    width: auto !important;
    background: transparent !important;
    color: #5f6368 !important;
    border-radius: 0 !important;
  }
}

html body.floor-ops-page #cs-chan-tabs {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  background: #fff !important;
  border-bottom: 1px solid #dadce0 !important;
  padding: 0 12px !important;
  min-height: 44px !important;
}
html body.floor-ops-page #cs-chan-tabs .cs-chan-pill {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 80px !important;
  height: 40px !important;
  padding: 0 18px !important;
  margin: 0 4px !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 40px !important;
  white-space: nowrap !important;
  background: transparent !important;
  border-radius: 0 !important;
}
html body.floor-ops-page #cs-chan-tabs .cs-chan-gap { display: inline-block !important; width: 16px !important; flex: 0 0 16px !important; }

html body.floor-ops-page .ib-filters,
html body.floor-ops-page #mr-inbox-root .ib-filters {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Collapsed inbox polish — hide Layout, icon rail only */
html body.floor-ops-page.mr-inbox-collapsed #ib-layout-btn,
html body.floor-ops-page.mr-inbox-collapsed #ib-layout-panel,
html body.floor-ops-page.mr-inbox-collapsed .ib-layout-btn {
  display: none !important;
}
html body.floor-ops-page.mr-inbox-collapsed #mr-inbox-root .ib-title,
html body.floor-ops-page.mr-inbox-collapsed #mr-inbox-root .ib-sub,
html body.floor-ops-page.mr-inbox-collapsed #mr-inbox-root .ib-name,
html body.floor-ops-page.mr-inbox-collapsed #mr-inbox-root .ib-search {
  display: none !important;
}
html body.floor-ops-page.mr-inbox-collapsed #mr-inbox-root .ib-head {
  padding: 12px 0 8px !important;
  border-bottom: 1px solid #eef2f6 !important;
}
html body.floor-ops-page.mr-inbox-collapsed #mr-inbox-root .ib-toggle {
  width: 36px !important; height: 36px !important; margin: 0 auto !important;
  border-radius: 12px !important; border: 1px solid #e8edf3 !important;
  background: #fff !important; font-size: 14px !important;
  display: grid !important; place-items: center !important;
}
html body.floor-ops-page.mr-inbox-collapsed #mr-inbox-root .ib-row {
  justify-content: center !important;
  padding: 8px 0 !important;
  min-height: 48px !important;
  gap: 0 !important;
  width: 100% !important;
}
html body.floor-ops-page.mr-inbox-collapsed #mr-inbox-root .ib-av {
  width: 36px !important; height: 36px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  box-shadow: none !important;
}
html body.floor-ops-page.mr-inbox-collapsed #mr-inbox-root .ib-list { padding: 6px 0 16px !important; }

html body.floor-ops-page #cs-body > div > #cs-vend-back,
html body.floor-ops-page #cs-body .cs-dir,
html body.floor-ops-page #cs-body .cs-loop-promo,
html body.floor-ops-page #cs-body .cs-dir-chip[data-dir] {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}