/* POS-only optimization for the currently deployed rollback build. */
.layout-container.cashier-workspace-mode .main-content {
  padding: 10px 14px !important;
  background: #eef3f6 !important;
}

body .cashier-pos[data-v-ff19fe1e] {
  height: calc(100vh - 104px) !important;
  min-height: 760px !important;
  gap: 10px !important;
  color: #12242b !important;
}

body .cashier-pos[data-v-ff19fe1e] .pos-topbar {
  min-height: 54px !important;
  padding: 10px 14px !important;
  border-color: #d8e5e8 !important;
  box-shadow: 0 6px 18px rgba(20, 45, 52, 0.06) !important;
}

body .cashier-pos[data-v-ff19fe1e] .title-block {
  min-width: 180px !important;
}

body .cashier-pos[data-v-ff19fe1e] .title-block h2 {
  font-size: 22px !important;
}

body .cashier-pos[data-v-ff19fe1e] .topbar-controls {
  grid-template-columns: minmax(180px, 230px) minmax(150px, 190px) auto auto !important;
  gap: 8px !important;
}

body .cashier-pos[data-v-ff19fe1e] .pos-workspace {
  grid-template-columns: 66px minmax(640px, 1fr) clamp(390px, 29vw, 450px) !important;
  gap: 10px !important;
}

body .cashier-pos[data-v-ff19fe1e] .pos-rail,
body .cashier-pos[data-v-ff19fe1e] .catalog-pane,
body .cashier-pos[data-v-ff19fe1e] .checkout-pane {
  border-color: #d8e5e8 !important;
  box-shadow: 0 8px 22px rgba(20, 45, 52, 0.05) !important;
}

body .cashier-pos[data-v-ff19fe1e] .pos-rail {
  padding: 8px 6px !important;
}

body .cashier-pos[data-v-ff19fe1e] .rail-btn {
  width: 52px !important;
  height: 56px !important;
  border-radius: 10px !important;
}

body .cashier-pos[data-v-ff19fe1e] .rail-btn:hover,
body .cashier-pos[data-v-ff19fe1e] .rail-btn.active {
  color: #006f72 !important;
  background: #e6f7f5 !important;
  border-color: #8fd2cd !important;
}

body .cashier-pos[data-v-ff19fe1e] .catalog-pane {
  padding: 12px !important;
}

body .cashier-pos[data-v-ff19fe1e] .member-strip {
  grid-template-columns: minmax(420px, 1fr) minmax(260px, 330px) !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}

body .cashier-pos[data-v-ff19fe1e] .member-search {
  grid-template-columns: minmax(0, 1fr) 104px !important;
  gap: 8px !important;
}

body .cashier-pos[data-v-ff19fe1e] .member-card {
  min-height: 38px !important;
  padding: 7px 10px !important;
}

body .cashier-pos[data-v-ff19fe1e] .catalog-head {
  grid-template-columns: auto minmax(260px, 360px) !important;
  gap: 10px !important;
  margin-bottom: 8px !important;
}

body .cashier-pos[data-v-ff19fe1e] .segmented {
  width: 300px !important;
  background: #e8eff1 !important;
}

body .cashier-pos[data-v-ff19fe1e] .segmented button {
  height: 32px !important;
}

body .cashier-pos[data-v-ff19fe1e] .category-tabs {
  gap: 7px !important;
  padding-bottom: 9px !important;
}

body .cashier-pos[data-v-ff19fe1e] .cat-tab {
  height: 30px !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
}

body .cashier-pos[data-v-ff19fe1e] .cat-tab.active,
body .cashier-pos[data-v-ff19fe1e] .cat-tab:hover {
  color: #fff !important;
  border-color: #007b7f !important;
  background: #007b7f !important;
}

body .cashier-pos[data-v-ff19fe1e] .catalog-grid {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
  gap: 10px !important;
  padding: 1px 2px 10px 1px !important;
}

body .cashier-pos[data-v-ff19fe1e] .catalog-card {
  min-height: 184px !important;
  border-color: #d8e5e8 !important;
  border-radius: 10px !important;
}

body .cashier-pos[data-v-ff19fe1e] .catalog-card:hover {
  border-color: #007b7f !important;
  box-shadow: 0 14px 26px rgba(0, 123, 127, 0.14) !important;
}

body .cashier-pos[data-v-ff19fe1e] .item-cover {
  height: 82px !important;
}

body .cashier-pos[data-v-ff19fe1e] .item-body {
  padding: 9px 10px 11px !important;
}

body .cashier-pos[data-v-ff19fe1e] .item-tags {
  margin-bottom: 5px !important;
}

body .cashier-pos[data-v-ff19fe1e] .item-body strong {
  min-height: 38px !important;
  font-size: 15px !important;
}

body .cashier-pos[data-v-ff19fe1e] .item-price-row {
  margin-top: 6px !important;
}

body .cashier-pos[data-v-ff19fe1e] .item-price-row b {
  color: #e44836 !important;
  font-size: 20px !important;
}

body .cashier-pos[data-v-ff19fe1e] .checkout-header {
  height: 56px !important;
  padding: 0 14px !important;
}

body .cashier-pos[data-v-ff19fe1e] .checkout-header strong {
  font-size: 18px !important;
}

body .cashier-pos[data-v-ff19fe1e] .cart-list {
  padding: 10px 14px !important;
  background: linear-gradient(180deg, #fff 0, #fff 72%, #f9fbfb 100%) !important;
}

body .cashier-pos[data-v-ff19fe1e] .cart-empty {
  height: 260px !important;
  border: 1px dashed #cad9dd !important;
  border-radius: 12px !important;
  background: #fbfcfd !important;
}

body .cashier-pos[data-v-ff19fe1e] .cart-line {
  grid-template-columns: minmax(0, 1fr) 88px auto !important;
  padding: 11px 0 !important;
}

body .cashier-pos[data-v-ff19fe1e] .checkout-footer {
  padding: 12px 14px 14px !important;
  background: #f8fbfb !important;
}

body .cashier-pos[data-v-ff19fe1e] .summary-box {
  padding: 12px !important;
  margin-bottom: 10px !important;
  border-color: #d8e5e8 !important;
  box-shadow: 0 4px 12px rgba(20, 45, 52, 0.04) !important;
}

body .cashier-pos[data-v-ff19fe1e] .grand-total b {
  color: #e44836 !important;
  font-size: 32px !important;
}

body .cashier-pos[data-v-ff19fe1e] .payment-grid {
  gap: 8px !important;
  margin-bottom: 10px !important;
}

body .cashier-pos[data-v-ff19fe1e] .payment-card {
  height: 64px !important;
  border-radius: 10px !important;
  background: #fff !important;
}

body .cashier-pos[data-v-ff19fe1e] .payment-card.active {
  color: #007b7f !important;
  border-color: #007b7f !important;
  background: #e8f7f5 !important;
}

body .cashier-pos[data-v-ff19fe1e] .action-row {
  grid-template-columns: 104px minmax(0, 1fr) !important;
  gap: 10px !important;
}

body .cashier-pos[data-v-ff19fe1e] .suspend-btn,
body .cashier-pos[data-v-ff19fe1e] .settle-btn {
  height: 52px !important;
  border-radius: 10px !important;
}

body .cashier-pos[data-v-ff19fe1e] .settle-btn {
  background: #007b7f !important;
  font-size: 17px !important;
}

body .cashier-pos[data-v-ff19fe1e] .settle-btn:not(.is-disabled):hover {
  background: #00666a !important;
}

body .cashier-pos[data-v-ff19fe1e] .suspended-section {
  margin-bottom: 10px !important;
  padding: 9px !important;
}

body .cashier-pos[data-v-ff19fe1e] .el-empty {
  grid-column: 1 / -1 !important;
}

@media (max-width: 1440px) {
  body .cashier-pos[data-v-ff19fe1e] .pos-workspace {
    grid-template-columns: 64px minmax(520px, 1fr) 380px !important;
  }

  body .cashier-pos[data-v-ff19fe1e] .catalog-grid {
    grid-template-columns: repeat(auto-fill, minmax(138px, 1fr)) !important;
  }
}