/* =========================================================
   ABOTRIX MODERN SALES & REPORTS
   Dedicated Sales UI
   ========================================================= */

#content .abx-sales-modern {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

/* KPI CARDS */

#content .abx-sales-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

#content .abx-sales-kpi {
  background: #fff;
  border: 1px solid #dfe7f1;
  border-radius: 16px;
  padding: 18px 20px;
  min-height: 112px;
  box-shadow: 0 5px 18px rgba(15, 35, 60, .05);
  position: relative;
  overflow: hidden;
}

#content .abx-sales-kpi::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #0ba5c6;
}

#content .abx-sales-kpi.sales::before {
  background: #14b88a;
}

#content .abx-sales-kpi.refunds::before {
  background: #ef6b6b;
}

#content .abx-sales-kpi.average::before {
  background: #7c6ee6;
}

#content .abx-sales-kpi small {
  display: block;
  color: #74839a;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 10px;
}

#content .abx-sales-kpi strong {
  display: block;
  color: #071a35;
  font-size: 27px;
  line-height: 1;
}

#content .abx-sales-kpi span {
  display: block;
  color: #8491a5;
  font-size: 11px;
  margin-top: 9px;
}

/* CONTROL BAR */

#content .abx-sales-controls {
  background: #fff;
  border: 1px solid #dfe7f1;
  border-radius: 15px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 9px;
  box-shadow: 0 4px 14px rgba(15,35,60,.04);
}

#content .abx-sales-search {
  flex: 1;
  min-width: 220px;
  height: 40px;
  border: 1px solid #d8e1ed;
  border-radius: 9px;
  padding: 0 13px;
  background: #f9fbfd;
  color: #10233e;
  outline: none;
}

#content .abx-sales-search:focus {
  border-color: #14a9c7;
  box-shadow: 0 0 0 3px rgba(20,169,199,.10);
}

#content .abx-sales-filter {
  height: 40px;
  border: 1px solid #d8e1ed;
  background: #fff;
  border-radius: 9px;
  padding: 0 12px;
  color: #243750;
  font-weight: 700;
}

#content .abx-sales-refresh {
  height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: 9px;
  background: #09243e;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}

/* TRANSACTION PANEL */

#content .abx-sales-panel {
  background: #fff;
  border: 1px solid #dfe7f1;
  border-radius: 17px;
  box-shadow: 0 7px 24px rgba(15,35,60,.055);
  overflow: hidden;
}

#content .abx-sales-panel-head {
  padding: 17px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e8edf4;
}

#content .abx-sales-panel-head small {
  display: block;
  color: #0b9cbd;
  font-weight: 900;
  font-size: 10px;
  letter-spacing: .12em;
}

#content .abx-sales-panel-head h2 {
  margin: 3px 0 0;
  font-size: 18px;
  color: #081c37;
}

#content .abx-sales-count {
  background: #eef8fb;
  color: #0788a5;
  border-radius: 999px;
  padding: 7px 12px;
  font-size: 11px;
  font-weight: 900;
}

/* TABLE */

#content .abx-sales-table-wrap {
  overflow: auto;
  max-height: 520px;
}

#content .abx-sales-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 900px;
}

#content .abx-sales-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  text-align: left;
  padding: 12px 15px;
  background: #f6f9fc;
  color: #64748b;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
  border-bottom: 1px solid #e3eaf2;
}

#content .abx-sales-table tbody td {
  padding: 13px 15px;
  border-bottom: 1px solid #edf1f5;
  color: #253750;
  font-size: 12px;
  vertical-align: middle;
}

#content .abx-sales-table tbody tr:hover {
  background: #f8fbfd;
}

#content .abx-order-number {
  color: #09243e;
  font-weight: 900;
}

#content .abx-money {
  font-weight: 900;
  color: #081c37;
}

/* STATUS */

#content .abx-sales-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #dcf8e8;
  color: #147b45;
  font-size: 10px;
  font-weight: 900;
}

#content .abx-sales-status::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

#content .abx-sales-status.refunded,
#content .abx-sales-status.void,
#content .abx-sales-status.voided {
  background: #ffe8e8;
  color: #c83e45;
}

#content .abx-kitchen-status {
  font-size: 10px;
  font-weight: 800;
  color: #52637a;
}

/* ACTION BUTTONS */

#content .abx-sales-actions {
  display: flex;
  gap: 6px;
  white-space: nowrap;
}

#content .abx-sales-actions button {
  min-height: 32px;
  border-radius: 8px;
  border: 1px solid #d9e2ec;
  background: #fff;
  color: #18304d;
  padding: 0 11px;
  font-size: 10px;
  font-weight: 900;
  cursor: pointer;
}

#content .abx-sales-actions button:hover {
  background: #eef7fa;
  border-color: #9ed8e4;
}

#content .abx-sales-actions .danger {
  color: #c43e45;
  background: #fff7f7;
  border-color: #f1c9cc;
}

#content .abx-sales-empty {
  text-align: center;
  padding: 50px !important;
  color: #8390a2 !important;
}

/* RESPONSIVE */

@media (max-width: 1100px) {
  #content .abx-sales-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  #content .abx-sales-kpis {
    grid-template-columns: 1fr;
  }

  #content .abx-sales-controls {
    flex-wrap: wrap;
  }

  #content .abx-sales-search {
    flex-basis: 100%;
  }
}

/* =========================================================
   ABOTRIX SALES V20.1.1
   ONE SCREEN + FILTER BAR FIX
   ========================================================= */

@media (min-width:1100px) {

  /* Keep Sales page inside one screen */
  body:has(.abx-sales-modern) {
    overflow:hidden !important;
  }

  body:has(.abx-sales-modern) #appView,
  body:has(.abx-sales-modern) #appView > main {
    height:100vh !important;
    overflow:hidden !important;
  }

  body:has(.abx-sales-modern) #content {
    height:calc(100vh - 185px) !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  #content .abx-sales-modern {
    height:100% !important;
    min-height:0 !important;

    display:flex !important;
    flex-direction:column !important;

    gap:10px !important;

    overflow:hidden !important;
  }


  /* Compact KPI row slightly */
  #content .abx-sales-kpis {
    flex:0 0 auto !important;
    gap:10px !important;
  }

  #content .abx-sales-kpi {
    min-height:94px !important;
    padding:13px 16px !important;
  }

  #content .abx-sales-kpi strong {
    font-size:23px !important;
  }


  /* Search / filters / refresh */
  #content .abx-sales-controls {
    flex:0 0 auto !important;

    display:grid !important;

    grid-template-columns:
      minmax(240px,1fr)
      190px
      190px
      90px !important;

    gap:8px !important;

    width:100% !important;
    min-width:0 !important;

    padding:8px !important;

    overflow:visible !important;
  }

  #content .abx-sales-search,
  #content .abx-sales-filter {
    width:100% !important;
    min-width:0 !important;
    height:38px !important;
  }

  #content .abx-sales-refresh {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:90px !important;
    min-width:90px !important;
    height:38px !important;

    padding:0 10px !important;

    font-size:10px !important;
    white-space:nowrap !important;

    overflow:visible !important;
  }


  /* Transaction panel uses remaining space */
  #content .abx-sales-panel {
    flex:1 1 auto !important;

    height:0 !important;
    min-height:0 !important;

    display:flex !important;
    flex-direction:column !important;

    overflow:hidden !important;
  }

  #content .abx-sales-panel-head {
    flex:0 0 auto !important;

    padding:11px 16px !important;
  }


  /* Only transaction list scrolls */
  #content .abx-sales-table-wrap {
    flex:1 1 auto !important;

    height:0 !important;
    min-height:0 !important;
    max-height:none !important;

    overflow-y:auto !important;
    overflow-x:auto !important;

    scrollbar-width:thin !important;
  }


  /* Keep table header visible while scrolling */
  #content .abx-sales-table thead th {
    position:sticky !important;
    top:0 !important;
    z-index:5 !important;

    background:#f6f9fc !important;
  }


  /* Slightly smaller transaction rows */
  #content .abx-sales-table tbody td {
    padding:9px 11px !important;
  }

}


/* Standard laptop */
@media (min-width:1100px) and (max-width:1366px) {

  #content .abx-sales-controls {
    grid-template-columns:
      minmax(200px,1fr)
      155px
      155px
      78px !important;
  }

  #content .abx-sales-refresh {
    width:78px !important;
    min-width:78px !important;
    padding:0 6px !important;
  }

}

/* =========================================================
   ABOTRIX SALES & REPORTS V23
   4 KPI + FILTER TOOLBAR + LARGE TRANSACTION PANEL
   ========================================================= */

@media (min-width:1100px) {

  body:has(#content .abx-sales-modern) {
    overflow: hidden !important;
  }

  body:has(#content .abx-sales-modern) #content {
    height: calc(100vh - 185px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }


  /* =====================================================
     COMPLETE SALES WORKSPACE
     ===================================================== */

  #content .abx-sales-modern {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;

    display: grid !important;

    grid-template-rows:
      100px
      58px
      minmax(0, 1fr) !important;

    gap: 14px !important;

    overflow: hidden !important;
  }


  /* =====================================================
     TOP 4 KPI CARDS
     ===================================================== */

  #content .abx-sales-kpis {
    display: grid !important;

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

    gap: 46px !important;

    width: 100% !important;
    height: 100px !important;

    margin: 0 !important;
  }

  #content .abx-sales-kpi {
    height: 100px !important;
    min-height: 100px !important;

    padding: 14px 18px !important;

    border: 2px solid #173d69 !important;
    border-radius: 15px !important;

    box-shadow: none !important;

    overflow: hidden !important;
  }

  #content .abx-sales-kpi::before {
    display: none !important;
  }

  #content .abx-sales-kpi small {
    margin-bottom: 7px !important;
  }

  #content .abx-sales-kpi strong {
    font-size: 23px !important;
  }

  #content .abx-sales-kpi span {
    margin-top: 6px !important;
  }


  /* =====================================================
     SEARCH + PAYMENT + STATUS + REFRESH TOOLBAR
     ===================================================== */

  #content .abx-sales-controls {
    width: 100% !important;
    height: 58px !important;

    box-sizing: border-box !important;

    display: grid !important;

    grid-template-columns:
      minmax(0, 1fr)
      190px
      190px
      90px !important;

    align-items: center !important;

    gap: 12px !important;

    padding: 9px 16px !important;

    margin: 0 !important;

    background: #fff !important;

    border: 2px solid #173d69 !important;
    border-radius: 10px !important;

    box-shadow: none !important;

    overflow: hidden !important;
  }


  /* Search */

  #content .abx-sales-search {
    width: 100% !important;
    min-width: 0 !important;

    height: 40px !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    background: #fff !important;

    border: 1.5px solid #173d69 !important;
    border-radius: 9px !important;

    box-shadow: none !important;

    outline: none !important;
  }


  /* Payment + Status */

  #content .abx-sales-filter {
    width: 100% !important;
    min-width: 0 !important;

    height: 40px !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    background: #fff !important;

    border: 1.5px solid #173d69 !important;
    border-radius: 9px !important;

    box-shadow: none !important;
  }


  /* Refresh */

  #content .abx-sales-refresh {
    width: 90px !important;
    min-width: 90px !important;

    height: 40px !important;

    margin: 0 !important;
    padding: 0 8px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #fff !important;

    color: #09243e !important;

    border: 1.5px solid #173d69 !important;
    border-radius: 9px !important;

    box-shadow: none !important;

    font-size: 10px !important;
    font-weight: 900 !important;

    white-space: nowrap !important;
  }


  /* =====================================================
     LARGE TRANSACTION HISTORY PANEL
     ===================================================== */

  #content .abx-sales-panel {
    width: 100% !important;

    height: 100% !important;
    min-height: 0 !important;

    margin: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    background: #fff !important;

    border: 2px solid #173d69 !important;

    border-radius: 48px !important;

    box-shadow: none !important;

    overflow: hidden !important;
  }


  /* Transaction heading */

  #content .abx-sales-panel-head {
    flex: 0 0 auto !important;

    padding: 16px 28px !important;

    border-bottom: 1px solid #e5ebf2 !important;
  }


  /* =====================================================
     ONLY TRANSACTIONS SCROLL
     ===================================================== */

  #content .abx-sales-table-wrap {
    flex: 1 1 auto !important;

    width: 100% !important;

    height: 0 !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow-y: auto !important;
    overflow-x: auto !important;

    padding: 0 20px 20px !important;

    box-sizing: border-box !important;

    scrollbar-width: thin !important;
  }


  /* Sticky transaction headings */

  #content .abx-sales-table thead th {
    position: sticky !important;

    top: 0 !important;

    z-index: 10 !important;

    background: #f6f9fc !important;
  }


  #content .abx-sales-table tbody td {
    padding: 10px 12px !important;
  }

}


/* =========================================================
   STANDARD LAPTOP
   ========================================================= */

@media (min-width:1100px) and (max-width:1366px) {

  #content .abx-sales-kpis {
    gap: 20px !important;
  }

  #content .abx-sales-controls {
    grid-template-columns:
      minmax(0, 1fr)
      150px
      150px
      80px !important;

    gap: 9px !important;
  }

  #content .abx-sales-refresh {
    width: 80px !important;
    min-width: 80px !important;
  }

}


/* =========================================================
   ABOTRIX SALES & REPORTS V23.1
   COMPLETE ROUNDED TRANSACTION HISTORY FRAME
   ========================================================= */

@media (min-width:1100px) {

  /* Full rounded outer shell */
  #content .abx-sales-panel {
    position:relative !important;

    border:2px solid #173d69 !important;
    border-radius:34px !important;

    background:#ffffff !important;

    overflow:hidden !important;

    box-sizing:border-box !important;

    padding:0 !important;

    box-shadow:none !important;
  }


  /* Header stays inside rounded shell */
  #content .abx-sales-panel-head {
    position:relative !important;
    z-index:2 !important;

    background:#ffffff !important;

    border-radius:32px 32px 0 0 !important;

    padding:15px 20px !important;
  }


  /* Table area must stay clipped INSIDE shell */
  #content .abx-sales-table-wrap {
    position:relative !important;

    flex:1 1 auto !important;

    width:100% !important;

    height:0 !important;
    min-height:0 !important;
    max-height:none !important;

    margin:0 !important;

    padding:
      0
      12px
      14px
      12px !important;

    box-sizing:border-box !important;

    overflow-y:auto !important;
    overflow-x:auto !important;

    background:#ffffff !important;

    border-radius:0 0 30px 30px !important;
  }


  /* Keep actual table inside rounded lower edge */
  #content .abx-sales-table {
    width:100% !important;

    margin:0 !important;

    background:#ffffff !important;

    border-radius:0 0 24px 24px !important;

    overflow:hidden !important;
  }


  /* Last row must not visually square-off panel */
  #content .abx-sales-table tbody tr:last-child td:first-child {
    border-bottom-left-radius:20px !important;
  }

  #content .abx-sales-table tbody tr:last-child td:last-child {
    border-bottom-right-radius:20px !important;
  }


  /* Small bottom breathing space so rounded edge stays visible */
  #content .abx-sales-table tbody tr:last-child td {
    border-bottom:0 !important;
  }

}


/* =========================================================
   ABOTRIX SALES & REPORTS V23.2
   TRANSACTION HISTORY FULL FRAME REPAIR
   Keep existing design, only close the outer panel
   ========================================================= */

@media (min-width:1100px) {

  /* Restore the cleaner panel styling */
  #content .abx-sales-panel {
    position:relative !important;

    width:100% !important;

    height:100% !important;
    min-height:0 !important;

    margin:0 !important;

    display:flex !important;
    flex-direction:column !important;

    background:#ffffff !important;

    border:1px solid #d9e3ed !important;
    border-radius:20px !important;

    box-shadow:
      0 8px 24px rgba(15,35,55,.06) !important;

    overflow:hidden !important;

    box-sizing:border-box !important;
  }


  /* Keep original transaction header appearance */
  #content .abx-sales-panel-head {
    flex:0 0 auto !important;

    padding:14px 20px !important;

    background:#ffffff !important;

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

    border-radius:20px 20px 0 0 !important;
  }


  /*
     Transaction rows scroll INSIDE the panel.
     The outer shell never gets cut.
  */
  #content .abx-sales-table-wrap {
    flex:1 1 auto !important;

    width:100% !important;

    height:0 !important;
    min-height:0 !important;
    max-height:none !important;

    margin:0 !important;

    padding:0 12px 12px !important;

    box-sizing:border-box !important;

    overflow-y:auto !important;
    overflow-x:auto !important;

    background:#ffffff !important;
  }


  /* Prevent the last row from touching/cutting the outer border */
  #content .abx-sales-table {
    margin:0 !important;
    width:100% !important;
  }

  #content .abx-sales-table tbody tr:last-child td {
    border-bottom:0 !important;
  }


  /*
     Small inner bottom breathing space.
     This is what makes the bottom rounded border visible.
  */
  #content .abx-sales-table-wrap::after {
    content:"" !important;

    display:block !important;

    width:100% !important;
    height:10px !important;

    flex:0 0 10px !important;
  }

}


/* =========================================================
   ABOTRIX SALES & REPORTS V23.3
   COMPLETE TRANSACTION HISTORY FRAME
   ========================================================= */

@media (min-width:1100px) {

  /*
     Do NOT force the entire Sales workspace beyond the
     browser anymore. Runtime JS controls transaction height.
  */
  #content .abx-sales-modern {
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }


  /* Transaction History complete outer card */
  #content .abx-sales-panel {
    display:flex !important;
    flex-direction:column !important;

    width:100% !important;
    min-height:0 !important;

    margin:0 !important;

    background:#ffffff !important;

    border:1px solid #dbe4ee !important;
    border-radius:20px !important;

    box-shadow:
      0 8px 24px rgba(15,35,55,.055) !important;

    overflow:hidden !important;

    box-sizing:border-box !important;
  }


  /* Header stays fixed inside card */
  #content .abx-sales-panel-head {
    flex:0 0 auto !important;

    background:#ffffff !important;

    border-radius:20px 20px 0 0 !important;
    border-bottom:1px solid #e6edf4 !important;
  }


  /*
     ONLY transaction rows scroll.
     Outer rounded card remains stationary.
  */
  #content .abx-sales-table-wrap {
    flex:1 1 auto !important;

    height:0 !important;
    min-height:0 !important;
    max-height:none !important;

    margin:0 !important;
    padding:0 12px 10px !important;

    overflow-y:auto !important;
    overflow-x:auto !important;

    background:#ffffff !important;

    box-sizing:border-box !important;
  }


  /* Keep table heading while rows scroll */
  #content .abx-sales-table thead th {
    position:sticky !important;
    top:0 !important;
    z-index:10 !important;
  }


  /* Preserve clean rounded bottom */
  #content .abx-sales-table-wrap {
    border-radius:0 0 19px 19px !important;
  }

}


/* =========================================================
   ABOTRIX SALES & REPORTS V23.4
   FULL TRANSACTION HISTORY CONTAINER
   Transactions restored + internal scrolling
   ========================================================= */

@media (min-width:1100px) {

  /*
     Sales page itself stays inside the visible browser.
  */
  #content .abx-sales-modern {
    width:100% !important;
    min-height:0 !important;

    display:flex !important;
    flex-direction:column !important;

    gap:14px !important;

    overflow:hidden !important;
  }


  /* KPI row remains fixed */
  #content .abx-sales-kpis {
    flex:0 0 100px !important;
  }


  /* Search/filter row remains fixed */
  #content .abx-sales-controls {
    flex:0 0 58px !important;
  }


  /* =====================================================
     TRANSACTION HISTORY = LARGE BOTTOM CONTAINER
     ===================================================== */

  #content .abx-sales-panel {
    flex:1 1 auto !important;

    width:100% !important;

    min-height:0 !important;
    height:auto !important;
    max-height:none !important;

    display:flex !important;
    flex-direction:column !important;

    margin:0 !important;

    background:#ffffff !important;

    border:1px solid #d8e3ed !important;
    border-radius:22px !important;

    box-shadow:
      0 8px 24px rgba(15,35,55,.055) !important;

    overflow:hidden !important;

    box-sizing:border-box !important;
  }


  /* Header stays at top of transaction container */
  #content .abx-sales-panel-head {
    flex:0 0 auto !important;

    min-height:76px !important;

    padding:14px 20px !important;

    background:#ffffff !important;

    border-bottom:1px solid #e4ebf2 !important;
    border-radius:22px 22px 0 0 !important;

    box-sizing:border-box !important;
  }


  /* =====================================================
     TRANSACTION ROWS
     This is the ONLY scrollable part.
     ===================================================== */

  #content .abx-sales-table-wrap {
    display:block !important;

    flex:1 1 auto !important;

    width:100% !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin:0 !important;

    padding:0 12px 14px !important;

    background:#ffffff !important;

    overflow-y:auto !important;
    overflow-x:auto !important;

    box-sizing:border-box !important;

    scrollbar-gutter:stable !important;
  }


  #content .abx-sales-table {
    display:table !important;

    width:100% !important;
    min-width:850px !important;

    margin:0 !important;

    background:#ffffff !important;
  }


  #content .abx-sales-table thead {
    display:table-header-group !important;
  }

  #content .abx-sales-table tbody {
    display:table-row-group !important;
  }

  #content .abx-sales-table tr {
    display:table-row !important;
  }

  #content .abx-sales-table th,
  #content .abx-sales-table td {
    display:table-cell !important;
  }


  /* Sticky column labels */
  #content .abx-sales-table thead th {
    position:sticky !important;
    top:0 !important;
    z-index:10 !important;

    background:#f4f7fa !important;
  }


  /* Keep full rounded bottom visible */
  #content .abx-sales-table-wrap {
    border-radius:0 0 21px 21px !important;
  }

}

/* =========================================================
   ABOTRIX SALES & REPORTS V23.5
   TRUE FULL TRANSACTION HISTORY FRAME
   ========================================================= */

@media (min-width:1100px) {

  /* Main Transaction History container */
  #content .abx-sales-panel {
    position:relative !important;

    display:flex !important;
    flex-direction:column !important;

    width:100% !important;

    min-height:0 !important;

    margin:0 !important;

    background:#ffffff !important;

    /* frame will be drawn by ::after */
    border:0 !important;

    border-radius:24px !important;

    box-sizing:border-box !important;

    overflow:hidden !important;

    box-shadow:
      0 8px 24px rgba(15,35,55,.05) !important;
  }


  /*
     REAL OUTER FRAME
     Independent from the table, so the bottom line
     is always visible.
  */
  #content .abx-sales-panel::after {
    content:"" !important;

    position:absolute !important;

    inset:0 !important;

    z-index:50 !important;

    border:2px solid #173d69 !important;
    border-radius:24px !important;

    box-sizing:border-box !important;

    pointer-events:none !important;
  }


  /* Header */
  #content .abx-sales-panel-head {
    position:relative !important;
    z-index:2 !important;

    flex:0 0 auto !important;

    padding:14px 20px !important;

    background:#ffffff !important;

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

    border-radius:24px 24px 0 0 !important;
  }


  /*
     Transaction table area.
     It does NOT determine the outer frame height anymore.
  */
  #content .abx-sales-table-wrap {
    position:relative !important;
    z-index:1 !important;

    flex:1 1 auto !important;

    width:100% !important;

    height:0 !important;
    min-height:0 !important;
    max-height:none !important;

    margin:0 !important;

    padding:8px 14px 18px !important;

    box-sizing:border-box !important;

    overflow-y:auto !important;
    overflow-x:auto !important;

    background:#ffffff !important;

    border-radius:0 0 24px 24px !important;
  }


  /* Actual transaction table */
  #content .abx-sales-table {
    width:100% !important;

    margin:0 !important;

    background:#ffffff !important;
  }


  /* Sticky labels */
  #content .abx-sales-table thead th {
    position:sticky !important;
    top:0 !important;

    z-index:10 !important;

    background:#f4f7fa !important;
  }

}


/* =========================================================
   ABOTRIX SALES & REPORTS V23.6
   LARGE ONE-SCREEN TRANSACTION HISTORY
   ========================================================= */

@media (min-width:1100px) {

  /* Sales workspace occupies only the visible browser area */
  #content .abx-sales-modern {
    width:100% !important;
    min-height:0 !important;

    display:flex !important;
    flex-direction:column !important;

    gap:14px !important;

    overflow:hidden !important;
  }


  /* KPI cards stay compact */
  #content .abx-sales-kpis {
    flex:0 0 100px !important;
    height:100px !important;
  }


  /* Search / filter bar stays compact */
  #content .abx-sales-controls {
    flex:0 0 58px !important;
    height:58px !important;
  }


  /* =====================================================
     LARGE TRANSACTION HISTORY CONTAINER
     ===================================================== */

  #content .abx-sales-panel {
    position:relative !important;

    flex:1 1 auto !important;

    width:100% !important;

    min-height:320px !important;
    height:auto !important;
    max-height:none !important;

    display:flex !important;
    flex-direction:column !important;

    background:#ffffff !important;

    border:2px solid #173d69 !important;
    border-radius:24px !important;

    overflow:hidden !important;

    box-sizing:border-box !important;
  }


  /* Header fixed at top */
  #content .abx-sales-panel-head {
    flex:0 0 78px !important;

    padding:14px 20px !important;

    background:#ffffff !important;

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

    box-sizing:border-box !important;
  }


  /* =====================================================
     TABLE AREA FILLS ALL REMAINING PANEL SPACE
     ===================================================== */

  #content .abx-sales-table-wrap {
    flex:1 1 auto !important;

    display:block !important;

    width:100% !important;

    height:0 !important;
    min-height:0 !important;
    max-height:none !important;

    padding:0 12px 12px !important;

    overflow-y:auto !important;
    overflow-x:auto !important;

    background:#ffffff !important;

    box-sizing:border-box !important;

    scrollbar-gutter:stable !important;
  }


  /* Ensure actual transaction table remains visible */
  #content .abx-sales-table {
    display:table !important;

    width:100% !important;
    min-width:900px !important;

    margin:0 !important;

    visibility:visible !important;
    opacity:1 !important;

    background:#ffffff !important;
  }

  #content .abx-sales-table thead {
    display:table-header-group !important;
    visibility:visible !important;
  }

  #content .abx-sales-table tbody {
    display:table-row-group !important;
    visibility:visible !important;
  }

  #content .abx-sales-table tr {
    display:table-row !important;
  }

  #content .abx-sales-table th,
  #content .abx-sales-table td {
    display:table-cell !important;
    visibility:visible !important;
  }


  /* Sticky labels while transactions scroll */
  #content .abx-sales-table thead th {
    position:sticky !important;

    top:0 !important;
    z-index:15 !important;

    background:#f4f7fa !important;
  }


  /* Keep rows readable */
  #content .abx-sales-table tbody td {
    padding:10px 12px !important;
  }

}


/* =========================================================
   ABOTRIX SALES & REPORTS V23.7
   FINAL FULL TRANSACTION FRAME
   ========================================================= */

@media (min-width:1100px) {

  /*
     Prevent an ancestor from cutting off the rounded
     Transaction History bottom.
  */
  body:has(#content .abx-sales-modern) {
    overflow:hidden !important;
  }

  body:has(#content .abx-sales-modern) #content {
    overflow:visible !important;
  }

  #content .abx-sales-modern {
    overflow:visible !important;
  }


  /* COMPLETE TRANSACTION HISTORY SHELL */
  #content .abx-sales-panel {
    position:relative !important;

    display:flex !important;
    flex-direction:column !important;

    width:100% !important;

    min-height:0 !important;

    margin:0 !important;

    background:#ffffff !important;

    border:2px solid #173d69 !important;
    border-radius:24px !important;

    box-sizing:border-box !important;

    overflow:hidden !important;

    box-shadow:
      0 8px 24px rgba(15,35,55,.05) !important;
  }


  /* TRANSACTION HISTORY TITLE */
  #content .abx-sales-panel-head {
    flex:0 0 auto !important;

    position:relative !important;

    padding:14px 20px !important;

    background:#ffffff !important;

    border-bottom:1px solid #e4ebf2 !important;
    border-radius:22px 22px 0 0 !important;
  }


  /*
     ONLY THIS AREA SCROLLS.
     It stays completely inside the rounded frame.
  */
  #content .abx-sales-table-wrap {
    flex:1 1 auto !important;

    width:100% !important;

    min-height:0 !important;

    margin:0 !important;
    padding:8px 12px 14px !important;

    box-sizing:border-box !important;

    background:#ffffff !important;

    overflow-y:auto !important;
    overflow-x:auto !important;

    border-radius:0 0 22px 22px !important;

    scrollbar-gutter:stable !important;
  }


  #content .abx-sales-table {
    display:table !important;

    width:100% !important;
    min-width:900px !important;

    margin:0 !important;

    visibility:visible !important;
    opacity:1 !important;

    background:#ffffff !important;
  }


  #content .abx-sales-table thead {
    display:table-header-group !important;
  }

  #content .abx-sales-table tbody {
    display:table-row-group !important;
  }

  #content .abx-sales-table tr {
    display:table-row !important;
  }

  #content .abx-sales-table th,
  #content .abx-sales-table td {
    display:table-cell !important;
  }


  /* Keep headings visible while rows scroll */
  #content .abx-sales-table thead th {
    position:sticky !important;
    top:0 !important;
    z-index:20 !important;

    background:#f4f7fa !important;
  }

}

/* =========================================================
   ABOTRIX SALES & REPORTS V23.8
   FIXED TRANSACTION COLUMN HEADER
   ========================================================= */

@media (min-width:1100px) {

  /*
     Transaction scroll viewport.
     Remove top padding so nothing can appear
     above the fixed column labels.
  */
  #content .abx-sales-table-wrap {
    position:relative !important;

    padding-top:0 !important;

    overflow-y:auto !important;
    overflow-x:auto !important;

    isolation:isolate !important;

    scrollbar-gutter:stable !important;
  }


  /*
     Important for reliable sticky table headers.
  */
  #content .abx-sales-table {
    border-collapse:separate !important;
    border-spacing:0 !important;

    position:relative !important;
  }


  /*
     Make the entire THEAD sticky, not only individual TH cells.
  */
  #content .abx-sales-table thead {
    display:table-header-group !important;

    position:sticky !important;
    top:0 !important;

    z-index:100 !important;
  }


  /*
     Column labels:
     ORDER / TYPE / PAYMENT / TOTAL / STATUS / KITCHEN / ACTIONS
  */
  #content .abx-sales-table thead tr {
    position:relative !important;

    z-index:101 !important;

    background:#f4f7fa !important;
  }


  #content .abx-sales-table thead th {
    position:sticky !important;
    top:0 !important;

    z-index:102 !important;

    background:#f4f7fa !important;

    color:#43536b !important;

    padding:10px 12px !important;

    border-top:0 !important;
    border-bottom:1px solid #dce5ee !important;

    box-shadow:
      0 1px 0 rgba(15,35,55,.05) !important;
  }


  /*
     Prevent transaction rows/text from ever painting
     above the fixed header.
  */
  #content .abx-sales-table tbody {
    position:relative !important;
    z-index:1 !important;
  }

  #content .abx-sales-table tbody tr,
  #content .abx-sales-table tbody td {
    position:relative !important;
    z-index:1 !important;
  }


  /*
     Solid header background — no transparency while scrolling.
  */
  #content .abx-sales-table thead th::before {
    content:"" !important;

    position:absolute !important;
    inset:0 !important;

    z-index:-1 !important;

    background:#f4f7fa !important;
  }

}


/* =========================================================
   ABOTRIX SALES & REPORTS V23.9
   MODERN SaaS VISUAL REFRESH
   Layout / sizing / scrolling intentionally untouched
   ========================================================= */

@media (min-width:1100px) {

  /* =====================================================
     DESIGN TOKENS
     ===================================================== */

  #content .abx-sales-modern {
    --abx-navy:#0b2945;
    --abx-navy-2:#123d62;

    --abx-cyan:#0ea5c6;
    --abx-cyan-soft:#ecfbff;

    --abx-green:#16a66a;
    --abx-green-soft:#ecfbf4;

    --abx-violet:#7257e8;
    --abx-violet-soft:#f3f0ff;

    --abx-red:#df5a63;
    --abx-red-soft:#fff2f3;

    --abx-blue-soft:#eef7ff;

    --abx-text:#10233d;
    --abx-muted:#718198;

    --abx-border:#dbe6ef;
    --abx-border-strong:#c7d7e4;

    --abx-surface:#ffffff;
    --abx-surface-soft:#f8fbfd;
  }


  /* =====================================================
     KPI ROW
     ===================================================== */

  #content .abx-sales-kpis {
    gap:18px !important;
  }

  #content .abx-sales-kpi {
    position:relative !important;

    border:1px solid var(--abx-border) !important;
    border-radius:18px !important;

    background:#ffffff !important;

    padding:15px 18px 14px !important;

    box-shadow:
      0 1px 2px rgba(15,35,55,.025),
      0 8px 20px rgba(15,35,55,.045) !important;

    overflow:hidden !important;
  }


  /* Small colored top accent */
  #content .abx-sales-kpi::after {
    content:"" !important;

    position:absolute !important;
    left:18px !important;
    right:18px !important;
    top:0 !important;

    height:3px !important;

    border-radius:0 0 999px 999px !important;
  }


  /* CARD 1 — Transactions / ABOTRIX cyan */
  #content .abx-sales-kpi:nth-child(1) {
    background:
      linear-gradient(
        145deg,
        #ffffff 0%,
        #ffffff 68%,
        var(--abx-cyan-soft) 100%
      ) !important;
  }

  #content .abx-sales-kpi:nth-child(1)::after {
    background:var(--abx-cyan) !important;
  }


  /* CARD 2 — Paid sales / green */
  #content .abx-sales-kpi:nth-child(2) {
    background:
      linear-gradient(
        145deg,
        #ffffff 0%,
        #ffffff 68%,
        var(--abx-green-soft) 100%
      ) !important;
  }

  #content .abx-sales-kpi:nth-child(2)::after {
    background:var(--abx-green) !important;
  }


  /* CARD 3 — Average / violet */
  #content .abx-sales-kpi:nth-child(3) {
    background:
      linear-gradient(
        145deg,
        #ffffff 0%,
        #ffffff 68%,
        var(--abx-violet-soft) 100%
      ) !important;
  }

  #content .abx-sales-kpi:nth-child(3)::after {
    background:var(--abx-violet) !important;
  }


  /* CARD 4 — Exceptions / coral */
  #content .abx-sales-kpi:nth-child(4) {
    background:
      linear-gradient(
        145deg,
        #ffffff 0%,
        #ffffff 68%,
        var(--abx-red-soft) 100%
      ) !important;
  }

  #content .abx-sales-kpi:nth-child(4)::after {
    background:var(--abx-red) !important;
  }


  /* KPI labels */
  #content .abx-sales-kpi small {
    color:#697b92 !important;

    font-size:10px !important;
    font-weight:800 !important;

    letter-spacing:.07em !important;
  }


  /* KPI values */
  #content .abx-sales-kpi strong {
    color:var(--abx-text) !important;

    font-size:23px !important;
    font-weight:850 !important;

    letter-spacing:-.025em !important;
  }


  #content .abx-sales-kpi span {
    color:#8190a4 !important;

    font-size:10px !important;
  }


  /* =====================================================
     FILTER / SEARCH TOOLBAR
     ===================================================== */

  #content .abx-sales-controls {
    background:
      linear-gradient(
        180deg,
        #ffffff 0%,
        #fbfdff 100%
      ) !important;

    border:1px solid var(--abx-border) !important;
    border-radius:16px !important;

    padding:8px 10px !important;

    box-shadow:
      0 4px 14px rgba(15,35,55,.035) !important;
  }


  #content .abx-sales-search,
  #content .abx-sales-filter {
    height:42px !important;

    background:#ffffff !important;

    border:1px solid #ccdbe7 !important;
    border-radius:11px !important;

    color:var(--abx-text) !important;

    box-shadow:
      inset 0 1px 1px rgba(15,35,55,.015) !important;

    transition:
      border-color .15s ease,
      box-shadow .15s ease,
      background .15s ease !important;
  }


  #content .abx-sales-search:hover,
  #content .abx-sales-filter:hover {
    border-color:#aec6d7 !important;
  }


  #content .abx-sales-search:focus,
  #content .abx-sales-filter:focus {
    outline:none !important;

    border-color:#42abc1 !important;

    box-shadow:
      0 0 0 3px rgba(14,165,198,.10) !important;
  }


  /* Refresh = primary action */
  #content .abx-sales-refresh {
    height:42px !important;

    border:1px solid #0c385b !important;
    border-radius:11px !important;

    background:
      linear-gradient(
        135deg,
        #0b2945,
        #11577a
      ) !important;

    color:#ffffff !important;

    box-shadow:
      0 5px 12px rgba(11,41,69,.14) !important;

    transition:
      transform .12s ease,
      box-shadow .12s ease !important;
  }


  #content .abx-sales-refresh:hover {
    transform:translateY(-1px) !important;

    box-shadow:
      0 7px 16px rgba(11,41,69,.18) !important;
  }


  /* =====================================================
     TRANSACTION HISTORY OUTER CARD
     PRESERVE CURRENT CORRECT SIZE
     ===================================================== */

  #content .abx-sales-panel {
    background:#ffffff !important;

    border:1px solid #cfdee9 !important;
    border-radius:22px !important;

    box-shadow:
      0 1px 2px rgba(15,35,55,.025),
      0 10px 28px rgba(15,35,55,.055) !important;
  }


  /* =====================================================
     TRANSACTION HISTORY TITLE
     ===================================================== */

  #content .abx-sales-panel-head {
    background:
      linear-gradient(
        90deg,
        #ffffff 0%,
        #ffffff 72%,
        #f1fbfd 100%
      ) !important;

    border-bottom:1px solid #e1eaf1 !important;
  }


  #content .abx-sales-panel-head small {
    color:var(--abx-cyan) !important;

    font-weight:850 !important;

    letter-spacing:.08em !important;
  }


  #content .abx-sales-panel-head h2,
  #content .abx-sales-panel-head h3,
  #content .abx-sales-panel-head strong {
    color:var(--abx-text) !important;
  }


  /* Transaction-count badge */
  #content .abx-sales-panel-head .badge,
  #content .abx-sales-panel-head [class*="count"] {
    background:var(--abx-cyan-soft) !important;

    color:#087e99 !important;

    border:1px solid #d0f1f7 !important;
  }


  /* =====================================================
     TABLE COLUMN LABELS
     ===================================================== */

  #content .abx-sales-table thead th {
    background:
      linear-gradient(
        180deg,
        #f7fafc 0%,
        #f1f6f9 100%
      ) !important;

    color:#52647b !important;

    font-size:10px !important;
    font-weight:850 !important;

    letter-spacing:.045em !important;

    border-bottom:1px solid #dce6ee !important;
  }


  /* =====================================================
     TRANSACTION ROWS
     ===================================================== */

  #content .abx-sales-table tbody tr {
    background:#ffffff !important;

    transition:
      background .12s ease !important;
  }


  #content .abx-sales-table tbody tr:nth-child(even) {
    background:#fbfdff !important;
  }


  #content .abx-sales-table tbody tr:hover {
    background:#f3faff !important;
  }


  #content .abx-sales-table tbody td {
    color:#253a54 !important;

    border-bottom:1px solid #edf2f6 !important;
  }


  /* Order ID */
  #content .abx-sales-table tbody td:first-child {
    color:#102d4c !important;
    font-weight:800 !important;
  }


  /* Total */
  #content .abx-sales-table tbody td:nth-child(4) {
    color:#0d2945 !important;
    font-weight:850 !important;
  }


  /* Kitchen */
  #content .abx-sales-table tbody td:nth-child(6) {
    color:#47627f !important;
    font-weight:750 !important;
  }


  /* =====================================================
     PAID / STATUS BADGES
     ===================================================== */

  #content .abx-sales-status,
  #content .abx-sales-table .paid,
  #content .abx-sales-table [class*="status-paid"] {
    background:#dcf8e9 !important;

    color:#087944 !important;

    border:1px solid #c9f1dc !important;

    border-radius:999px !important;

    font-weight:850 !important;
  }


  /* =====================================================
     ACTION BUTTONS
     ===================================================== */

  #content .abx-sales-actions button {
    min-height:31px !important;

    padding:5px 12px !important;

    border-radius:9px !important;

    font-size:10px !important;
    font-weight:800 !important;

    transition:
      background .12s ease,
      border-color .12s ease,
      transform .12s ease !important;
  }


  /* Receipt */
  #content .abx-sales-actions button:not(.danger) {
    background:#f6f9fc !important;

    border:1px solid #cfdae5 !important;

    color:#173552 !important;
  }


  #content .abx-sales-actions button:not(.danger):hover {
    background:#ebf7fb !important;

    border-color:#95d2df !important;

    transform:translateY(-1px) !important;
  }


  /* Void / Refund */
  #content .abx-sales-actions .danger {
    background:#fff5f5 !important;

    border:1px solid #f5c7ca !important;

    color:#c93640 !important;
  }


  #content .abx-sales-actions .danger:hover {
    background:#ffebed !important;

    border-color:#efa8ae !important;

    transform:translateY(-1px) !important;
  }


  /* =====================================================
     INTERNAL SCROLLBAR
     ===================================================== */

  #content .abx-sales-table-wrap {
    scrollbar-width:thin !important;
    scrollbar-color:#9cb0c2 transparent !important;
  }

  #content .abx-sales-table-wrap::-webkit-scrollbar {
    width:7px !important;
  }

  #content .abx-sales-table-wrap::-webkit-scrollbar-track {
    background:transparent !important;
  }

  #content .abx-sales-table-wrap::-webkit-scrollbar-thumb {
    background:#9cb0c2 !important;

    border-radius:999px !important;
  }

}

/* =========================================================
   ABOTRIX SALES & REPORTS V23.9.1
   REMOVE TRANSACTION HISTORY OUTER BORDER ONLY
   ========================================================= */

@media (min-width:1100px) {

  #content .abx-sales-panel {
    border: none !important;

    border-radius: 22px !important;

    box-shadow:
      0 1px 2px rgba(15,35,55,.03),
      0 10px 28px rgba(15,35,55,.07) !important;

    overflow: hidden !important;
  }

}

/* =========================================================
   ABOTRIX SALES & REPORTS V23.9.2
   REMOVE REMAINING TRANSACTION FRAME LINE
   ========================================================= */

@media (min-width:1100px) {

  #content .abx-sales-panel {
    border:0 !important;
    outline:0 !important;
  }

  #content .abx-sales-panel::before,
  #content .abx-sales-panel::after {
    content:none !important;
    display:none !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
  }

}