/**

 * POS Thêm/Sửa đơn — full-screen mobile shell (≤640px).

 * Load AFTER pwa-ios-modal.css + orders-pos-modal-desktop.css.

 * Scope: body.modal-pos-fullscreen-mo + .pos-modal--mobile-fullscreen

 */



@media (max-width: 640px) {

  /* —— Overlay: full viewport, no centering/padding gap —— */
  body.modal-pos-fullscreen-mo.use-new-ui #modal.modal,
  body.modal-pos-fullscreen-mo.use-new-ui #modal.modal:not(.hidden),
  body.modal-pos-fullscreen-mo #modal.modal,
  body.modal-pos-fullscreen-mo #modal.modal:not(.hidden) {
    position: fixed !important;
    inset: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    height: -webkit-fill-available !important;
    min-height: 100dvh !important;
    min-height: -webkit-fill-available !important;
    max-height: 100dvh !important;
    max-height: -webkit-fill-available !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    transform: none !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  /* —— Card shell: edge-to-edge (beats modal.css min(92vw) + bottom-sheet polish) —— */
  body.modal-pos-fullscreen-mo.use-new-ui #modal .modal-card.pos-modal,
  body.modal-pos-fullscreen-mo.use-new-ui #modal .modal-content.pos-modal,
  body.modal-pos-fullscreen-mo.use-new-ui #modal .modal-card.pos-modal.pos-modal--mobile-fullscreen,
  body.modal-pos-fullscreen-mo.use-new-ui #modal .modal-content.pos-modal.pos-modal--mobile-fullscreen,
  body.modal-pos-fullscreen-mo.use-new-ui #modal .modal-card.order-pos-modal,
  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal,
  body.modal-pos-fullscreen-mo #modal .modal-content.pos-modal,
  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal.pos-modal--mobile-fullscreen,
  body.modal-pos-fullscreen-mo #modal .modal-content.pos-modal.pos-modal--mobile-fullscreen {
    --pos-mo-head-h: calc(52px + env(safe-area-inset-top, 0px));
    --pos-mo-headline-h: 44px;
    --pos-mo-footer-h: calc(108px + env(safe-area-inset-bottom, 0px));
    position: relative !important;
    top: auto !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
    height: 100dvh !important;
    height: -webkit-fill-available !important;
    min-height: 100dvh !important;
    min-height: -webkit-fill-available !important;
    max-height: 100dvh !important;
    max-height: -webkit-fill-available !important;
    margin: 0 !important;
    margin-top: 0 !important;
    align-self: stretch !important;
    flex: 1 1 auto !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
  }

  html:has(body.modal-pos-fullscreen-mo.modal-open),
  html.hydra-modal-scroll-lock:has(body.modal-pos-fullscreen-mo) {
    overflow: hidden !important;
    overflow-x: hidden !important;
  }

  body.modal-pos-fullscreen-mo.modal-open {
    overflow: hidden !important;
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .modal-actions {

    display: none !important;

  }



  /* —— 1. Header sticky top —— */

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .modal-head {

    position: sticky !important;

    top: 0 !important;

    z-index: 40 !important;

    flex: 0 0 auto !important;

    margin: 0 !important;

    padding: calc(10px + env(safe-area-inset-top, 0px)) 16px 10px !important;

    background: #ffffff !important;

    border-bottom: 1px solid #e2e8f0 !important;

    border-radius: 0 !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .modal-head h3 {

    font-size: 17px !important;

    font-weight: 750 !important;

    line-height: 1.25 !important;

    padding-right: 44px !important;

    margin: 0 !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .modal-close-btn,

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal #btnCloseModal {

    position: absolute !important;

    top: calc(8px + env(safe-area-inset-top, 0px)) !important;

    right: 12px !important;

    z-index: 41 !important;

    width: 36px !important;

    height: 36px !important;

    min-width: 36px !important;

    min-height: 36px !important;

    border-radius: 10px !important;

  }



  /* Form shell — flex column, no scroll (scroll is on .order-modal-body) */

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal #modalForm,

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal #modalForm.modal-body,

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal #modalForm.order-pos-modal-body {

    flex: 1 1 auto !important;

    min-height: 0 !important;

    max-height: none !important;

    height: auto !important;

    overflow: hidden !important;

    display: flex !important;

    flex-direction: column !important;

    padding: 0 !important;

    margin: 0 !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-shell,

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .order-pos-shell {

    flex: 1 1 auto !important;

    min-height: 0 !important;

    height: auto !important;

    max-height: none !important;

    display: flex !important;

    flex-direction: column !important;

    overflow: hidden !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-modal-headline {

    flex: 0 0 auto !important;

    flex-shrink: 0 !important;

    padding: 8px 16px 6px !important;

    margin: 0 !important;

  }



  /* —— 2. Body scroll (single vertical scroll) —— */

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-main,

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-main.pos-order-layout,

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-order-layout.pos-real,

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .order-modal-body,

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-mo-scroll-body {

    flex: 1 1 auto !important;

    min-height: 0 !important;

    height: auto !important;

    max-height: none !important;

    overflow-x: hidden !important;

    overflow-y: auto !important;

    -webkit-overflow-scrolling: touch;

    overscroll-behavior: contain;

    display: flex !important;

    flex-direction: column !important;

    grid-template-columns: none !important;

    grid-template-rows: none !important;

    gap: 14px !important;

    padding: 10px 16px 20px !important;

    align-items: stretch !important;

    align-content: flex-start !important;

  }



  /* Left + right columns: natural height, no flex trap / clip */

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-left,

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .order-pos-left,

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .order-form,

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-right,

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .order-pos-right {

    flex: 0 0 auto !important;

    flex-shrink: 0 !important;

    flex-grow: 0 !important;

    width: 100% !important;

    min-width: 0 !important;

    min-height: auto !important;

    max-height: none !important;

    height: auto !important;

    overflow: visible !important;

    position: static !important;

    top: auto !important;

    align-self: stretch !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-left,

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .order-form {

    display: flex !important;

    flex-direction: column !important;

    gap: 12px !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-right {

    display: flex !important;

    flex-direction: column !important;

    gap: 12px !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-right .panel,

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-summary {

    position: static !important;

    top: auto !important;

    flex: 0 0 auto !important;

  }



  /* Customer / meta fields */

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-head-grid,

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-head-grid.compact {

    display: flex !important;

    flex-direction: column !important;

    gap: 12px !important;

    width: 100% !important;

    flex: 0 0 auto !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-head-grid > label {

    display: flex !important;

    flex-direction: column !important;

    gap: 6px !important;

    width: 100% !important;

    position: static !important;

    overflow: visible !important;

  }



  /* Product search + chips — always visible, never collapsed */

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-global-search,

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-product-search-row,

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .product-search-wrapper {

    display: flex !important;

    flex: 0 0 auto !important;

    flex-shrink: 0 !important;

    visibility: visible !important;

    opacity: 1 !important;

    width: 100% !important;

    min-height: 48px !important;

    height: auto !important;

    max-height: none !important;

    overflow: visible !important;

    position: relative !important;

    z-index: 2 !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-global-search input,

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal #posProductSearch {

    flex: 1 1 auto !important;

    min-width: 0 !important;

    min-height: 48px !important;

    font-size: 15px !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-barcode-scan-btn {

    flex: 0 0 48px !important;

    width: 48px !important;

    height: 48px !important;

    min-height: 48px !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .quick-chips {

    display: flex !important;

    flex-wrap: wrap !important;

    flex: 0 0 auto !important;

    flex-shrink: 0 !important;

    gap: 8px !important;

    width: 100% !important;

    min-height: auto !important;

    max-height: none !important;

    overflow: visible !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .quick-chips .chip {

    min-height: 36px !important;

    padding: 0 12px !important;

    font-size: 13px !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-recent-wrap {

    display: none !important;

  }



  /* Product list — grows with content; body scrolls, not inner trap */

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-items-wrap,

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .order-pos-items-wrap,

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .order-products-section {

    flex: 0 0 auto !important;

    flex-shrink: 0 !important;

    flex-grow: 0 !important;

    min-height: 120px !important;

    max-height: none !important;

    height: auto !important;

    overflow: visible !important;

    display: flex !important;

    flex-direction: column !important;

    border: 1px solid #e2e8f0 !important;

    border-radius: 12px !important;

    background: #ffffff !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-head {

    display: none !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-items-scroll {

    flex: 0 0 auto !important;

    min-height: 0 !important;

    max-height: none !important;

    height: auto !important;

    overflow: visible !important;

    padding: 8px !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-list {

    min-height: 0 !important;

  }



  /* Order note — show in scroll body (desktop hides duplicate in left) */

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-left > label.compact-note,

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .order-form > label.compact-note {

    display: flex !important;

    flex-direction: column !important;

    gap: 6px !important;

    flex: 0 0 auto !important;

    width: 100% !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-left > label.compact-note textarea {

    min-height: 72px !important;

    max-height: none !important;

    width: 100% !important;

    box-sizing: border-box !important;

  }



  /* Payment + preview panels */

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-right .panel:nth-child(3),

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-right .panel:nth-child(4) {

    display: none !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .order-payment-section,

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-right .panel {

    width: 100% !important;

    box-sizing: border-box !important;

  }



  /* —— 3. Footer pinned bottom (flex shell, not sticky over content) —— */

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-modal-footer,

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .modal-footer {

    flex: 0 0 auto !important;

    flex-shrink: 0 !important;

    position: relative !important;

    bottom: auto !important;

    z-index: 35 !important;

    width: 100% !important;

    margin: 0 !important;

    background: #ffffff !important;

    border-top: 1px solid #e2e8f0 !important;

    box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.08) !important;

    padding: 8px 14px calc(10px + env(safe-area-inset-bottom, 0px)) !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;

    gap: 6px !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-summary-strip {

    display: grid !important;

    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    gap: 4px 6px !important;

    margin: 0 !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-summary-strip > span {

    font-size: 10px !important;

    line-height: 1.25 !important;

    padding: 3px 5px !important;

    border-radius: 8px !important;

    background: #f8fafc !important;

    border: 1px solid #e2e8f0 !important;

    white-space: nowrap !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-summary-strip b {

    font-size: 11px !important;

    font-weight: 800 !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-shortcut-helper {

    display: none !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-footer-actions {

    width: 100% !important;

    display: flex !important;

    gap: 8px !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-footer-actions .btn {

    flex: 1 1 0 !important;

    min-height: 44px !important;

    padding-inline: 8px !important;

    font-size: 13px !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal #posSave {

    flex: 1.15 1 0 !important;

  }



  /* Suggest dropdowns */

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .customer-search-wrapper.is-suggest-open,

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .product-search-wrapper.is-suggest-open {

    z-index: 10060 !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal #customerSuggest,

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal #posProductSuggest {

    z-index: 10070 !important;

    max-height: min(40dvh, 240px) !important;

  }



  /* Beat style.css caps on POS items wrap */

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-items-wrap {

    max-height: none !important;

    overflow-y: visible !important;

  }



  /* —— Pro product line card (4-row) —— */

  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-list {

    gap: 8px !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-items-scroll {

    padding: 6px 8px 12px !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro {

    display: flex !important;

    flex-direction: column !important;

    gap: 6px !important;

    padding: 12px !important;

    padding-right: 44px !important;

    min-height: 0 !important;

    border: 1px solid #e2e8f0 !important;

    border-radius: 10px !important;

    background: #ffffff !important;

    box-shadow: none !important;

    position: relative !important;

    box-sizing: border-box !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .pos-cart-row__head {

    display: block !important;

    min-width: 0 !important;

    padding: 0 !important;

    margin: 0 !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .oi-name-wrap {

    min-width: 0 !important;

    padding: 0 !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .oi-name {

    white-space: nowrap !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 1.2 !important;

    color: #0f172a !important;

    text-align: left !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .oi-stock-badge {

    display: none !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro > .oi-del {

    position: absolute !important;

    top: 8px !important;

    right: 8px !important;

    z-index: 2 !important;

    flex: none !important;

    width: 32px !important;

    height: 32px !important;

    min-width: 32px !important;

    min-height: 32px !important;

    padding: 0 !important;

    margin: 0 !important;

    border-radius: 8px !important;

    border: 1px solid #e2e8f0 !important;

    background: #ffffff !important;

    color: #64748b !important;

    font-size: 20px !important;

    font-weight: 400 !important;

    line-height: 1 !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    box-shadow: none !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .pos-cart-row__meta {

    display: flex !important;

    flex-wrap: nowrap !important;

    align-items: center !important;

    gap: 0 !important;

    min-width: 0 !important;

    font-size: 13px !important;

    line-height: 1.2 !important;

    color: #64748b !important;

    white-space: nowrap !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .pos-cart-row__meta.is-stock-warn {

    color: #b45309 !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .pos-cart-meta-item {

    flex-shrink: 0 !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .pos-cart-meta-item strong {

    font-weight: 700 !important;

    color: #475569 !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .pos-cart-meta-sep {

    margin: 0 5px !important;

    opacity: 0.55 !important;

    user-select: none !important;

    flex-shrink: 0 !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .pos-cart-meta-item--unit-edit {

    display: inline-flex !important;

    align-items: center !important;

    gap: 4px !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .pos-cart-meta-item--unit-edit .oi-unit {

    width: 72px !important;

    min-height: 28px !important;

    padding: 0 6px !important;

    font-size: 12px !important;

    text-align: right !important;

    border-radius: 6px !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .pos-cart-row__inputs {

    display: grid !important;

    grid-template-columns: minmax(0, 30%) minmax(0, 70%) !important;

    gap: 8px !important;

    min-width: 0 !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .pos-line-field {

    display: flex !important;

    flex-direction: column !important;

    gap: 2px !important;

    min-width: 0 !important;

    margin: 0 !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .pos-line-field__label {

    font-size: 11px !important;

    font-weight: 600 !important;

    color: #64748b !important;

    line-height: 1.1 !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .pos-line-field input {

    width: 100% !important;

    min-width: 0 !important;

    min-height: 36px !important;

    max-height: 38px !important;

    padding: 0 8px !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    text-align: right !important;

    border: 1px solid #cbd5e1 !important;

    border-radius: 8px !important;

    background: #ffffff !important;

    box-sizing: border-box !important;

    box-shadow: none !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .pos-line-field--qty input {

    text-align: center !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .pos-cart-row__summary {

    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;

    justify-content: space-between !important;

    gap: 8px !important;

    min-width: 0 !important;

    padding: 0 !important;

    margin: 0 !important;

    font-size: 14px !important;

    line-height: 1.2 !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .pos-line-sum {

    font-size: 14px !important;

    font-weight: 600 !important;

    color: #0f172a !important;

    line-height: 1.2 !important;

    white-space: nowrap !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;

    min-width: 0 !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .pos-line-sum--revenue {

    flex: 1 1 auto !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .pos-line-sum--profit {

    flex: 0 0 auto !important;

    text-align: right !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .pos-line-sum strong {

    font-size: 14px !important;

    font-weight: 800 !important;

    margin-left: 4px !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .pos-line-sum--revenue strong {

    color: #0f172a !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .pos-line-sum--profit strong {

    color: #64748b !important;

    margin-left: 0 !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .pos-line-sum--profit strong.profit-positive {

    color: #15803d !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .pos-line-sum--profit strong.profit-negative {

    color: #b91c1c !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-cart-row--mo-pro .oi-delta-badge {

    display: none !important;

  }



  body.modal-pos-fullscreen-mo #modal .modal-card.pos-modal .pos-main {

    padding-bottom: 4px !important;

  }

}