/* ==========================================================
   ABOTRIX PRODUCT MANAGEMENT V22
   Modern SaaS / Desktop One-Screen Workspace
   ========================================================== */

@media (min-width:1024px) {

  body.abotrix-v12-ui #content {
    min-width:0 !important;
  }

  /* ---------- ADD PRODUCT FORM ---------- */

  #menuForm {
    padding:14px !important;
    margin:10px 0 12px !important;
    border-radius:16px !important;
  }

  #menuForm > div:first-child {
    display:grid !important;
    grid-template-columns:150px minmax(0,1fr) !important;
    gap:14px !important;
    align-items:start !important;
  }

  #menuForm > div:first-child > section:first-child label {
    font-size:12px !important;
    margin-bottom:5px !important;
  }

  #menuImagePreview {
    width:100% !important;
    height:112px !important;
    min-height:112px !important;
    aspect-ratio:auto !important;
    border-radius:12px !important;
    padding:8px !important;
    font-size:12px !important;
  }

  #menuPhotoInput {
    margin-top:7px !important;
    font-size:11px !important;
  }

  #menuForm .menu-form {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  #menuForm .menu-form input:not([type="checkbox"]),
  #menuForm .menu-form select {
    min-height:36px !important;
    height:36px !important;
    padding:6px 10px !important;
    font-size:12px !important;
    border-radius:9px !important;
  }

  #menuForm textarea[name="description"] {
    grid-column:1 / span 3 !important;
    min-height:42px !important;
    height:42px !important;
    padding:8px 10px !important;
    resize:none !important;
    font-size:12px !important;
    border-radius:9px !important;
  }

  #menuForm .menu-form > div {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;
    min-height:36px !important;
  }

  #menuForm .menu-form > div label {
    display:flex !important;
    align-items:center !important;
    gap:5px !important;
    margin:0 !important;
    font-size:11px !important;
    white-space:nowrap !important;
  }

  #menuForm input[type="checkbox"] {
    width:17px !important;
    height:17px !important;
    min-width:17px !important;
  }

  #menuForm .menu-form button.primary {
    grid-column:4 !important;
    min-height:42px !important;
    height:42px !important;
    margin:0 !important;
    border-radius:9px !important;
    font-size:12px !important;
  }

  #menuFormMessage {
    margin-top:5px !important;
    font-size:11px !important;
  }


  /* ---------- KPI STRIP ---------- */

  .catalog-kpis {
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:8px !important;
    margin:0 0 8px !important;
  }

  .catalog-kpi {
    min-height:58px !important;
    padding:9px 12px !important;
    border-radius:12px !important;
  }

  .catalog-kpi span {
    font-size:10px !important;
  }

  .catalog-kpi strong {
    display:block !important;
    margin-top:2px !important;
    font-size:21px !important;
    line-height:1 !important;
  }


  /* ---------- SEARCH / FILTER BAR ---------- */

  .catalog-controls {
    display:grid !important;
    grid-template-columns:minmax(260px,1fr) 150px 150px 145px auto !important;
    gap:7px !important;
    align-items:center !important;
    padding:8px !important;
    margin-bottom:8px !important;
    border-radius:12px !important;
  }

  .catalog-controls input,
  .catalog-controls select {
    height:34px !important;
    min-height:34px !important;
    padding:5px 9px !important;
    font-size:11px !important;
    border-radius:8px !important;
  }

  .catalog-view-buttons {
    display:flex !important;
    gap:5px !important;
  }

  .catalog-view-buttons button {
    height:34px !important;
    padding:0 12px !important;
    border-radius:8px !important;
    font-size:11px !important;
  }

  .catalog-result-summary {
    grid-column:1/-1 !important;
    margin:0 !important;
    min-height:0 !important;
    font-size:10px !important;
    line-height:1.2 !important;
  }


  /* ---------- PRODUCT RESULTS = INTERNAL SCROLL ---------- */

  #catalogResults {
    height:calc(100vh - 565px) !important;
    min-height:235px !important;
    max-height:430px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding-right:3px !important;
    scrollbar-width:thin;
  }


  /* ---------- COMPACT CARD MODE ---------- */

  .catalog-grid {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  .catalog-card {
    display:grid !important;
    grid-template-columns:82px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    min-width:0 !important;
    border-radius:12px !important;
    overflow:hidden !important;
  }

  .catalog-image {
    width:82px !important;
    height:96px !important;
    min-height:96px !important;
  }

  .catalog-image img {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .catalog-badges {
    top:5px !important;
    left:5px !important;
    right:auto !important;
  }

  .catalog-badge {
    padding:3px 5px !important;
    font-size:8px !important;
  }

  .catalog-card-body {
    padding:8px !important;
    min-width:0 !important;
  }

  .catalog-card-heading {
    gap:5px !important;
  }

  .catalog-card-heading h3 {
    margin:0 !important;
    font-size:12px !important;
    line-height:1.2 !important;
  }

  .catalog-card-heading p {
    margin:2px 0 0 !important;
    font-size:9px !important;
  }

  .catalog-price {
    font-size:12px !important;
    white-space:nowrap !important;
  }

  .catalog-description {
    display:none !important;
  }

  .catalog-metrics {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:4px !important;
    margin-top:6px !important;
  }

  .catalog-metric {
    padding:4px 5px !important;
    min-height:0 !important;
    border-radius:6px !important;
  }

  .catalog-metric span {
    font-size:8px !important;
  }

  .catalog-metric b {
    display:block !important;
    margin-top:1px !important;
    font-size:10px !important;
  }

  .catalog-identifiers {
    display:none !important;
  }

  .catalog-actions {
    grid-column:1/-1 !important;
    display:flex !important;
    gap:4px !important;
    padding:5px !important;
  }

  .catalog-actions button {
    flex:1 1 0 !important;
    min-height:28px !important;
    padding:4px 5px !important;
    font-size:9px !important;
    border-radius:7px !important;
  }


  /* ---------- TABLE MODE ---------- */

  .catalog-table-wrap {
    max-height:none !important;
    overflow:visible !important;
  }

  .catalog-table {
    font-size:11px !important;
  }

  .catalog-table th {
    position:sticky !important;
    top:0 !important;
    z-index:5 !important;
    padding:7px 8px !important;
  }

  .catalog-table td {
    padding:6px 8px !important;
  }

  .catalog-table-product {
    gap:7px !important;
  }

  .catalog-table-image {
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
  }

  .catalog-table-image img {
    width:38px !important;
    height:38px !important;
    object-fit:cover !important;
    border-radius:7px !important;
  }

  .catalog-table .catalog-actions {
    padding:0 !important;
    white-space:nowrap !important;
  }

  .catalog-table .catalog-actions button {
    min-width:48px !important;
    min-height:27px !important;
  }
}


/* ==========================================================
   LARGE DESKTOP
   ========================================================== */

@media (min-width:1500px) {

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

}


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

@media (min-width:1024px) and (max-width:1250px) {

  #menuForm .menu-form {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  #menuForm textarea[name="description"] {
    grid-column:1 / span 2 !important;
  }

  #menuForm .menu-form button.primary {
    grid-column:3 !important;
  }

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

}


/* Keep existing tablet/mobile behavior natural. */

/* ==========================================================
   ABOTRIX PRODUCT MANAGEMENT V22.1
   COLLAPSIBLE ADD MENU FORM
   ========================================================== */

@media (min-width:1024px) {

  /* Hidden by default */
  #menuForm {
    display:none !important;
  }

  /* Show only when opened */
  #menuForm.abx-menu-form-open {
    display:block !important;
  }

  /* Catalog gets more vertical space when form is hidden */
  body:has(#menuForm:not(.abx-menu-form-open)) #catalogResults {
    height:calc(100vh - 365px) !important;
    max-height:none !important;
    min-height:360px !important;
  }

  /* When form is opened, keep current compact size */
  body:has(#menuForm.abx-menu-form-open) #catalogResults {
    height:calc(100vh - 565px) !important;
    min-height:220px !important;
  }

  /* Small close action inside form */
  #menuForm .abx-menu-form-close {
    position:absolute !important;
    top:10px !important;
    right:12px !important;

    width:32px !important;
    height:32px !important;
    min-height:32px !important;

    display:grid !important;
    place-items:center !important;

    padding:0 !important;

    border-radius:8px !important;

    background:#eef3f7 !important;
    color:#18304d !important;

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

    cursor:pointer !important;
  }

  #menuForm {
    position:relative !important;
  }

}

/* ==========================================================
   ABOTRIX PRODUCT MANAGEMENT V22.3
   TRUE ONE-SCREEN DESKTOP CATALOG
   ========================================================== */

@media (min-width:1100px) {

  /* ----------------------------------------------------------
     Keep Menu Management inside desktop viewport
     ---------------------------------------------------------- */

  body:has(#productCatalogV121) {
    overflow:hidden !important;
  }

  body:has(#productCatalogV121) #appView {
    height:100vh !important;
    overflow:hidden !important;
  }

  body:has(#productCatalogV121) #content {
    height:calc(100vh - 205px) !important;
    min-height:0 !important;
    overflow:hidden !important;
  }


  /* ----------------------------------------------------------
     Product catalog shell
     ---------------------------------------------------------- */

  #productCatalogV121 {
    display:flex !important;
    flex-direction:column !important;

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

    overflow:hidden !important;
  }


  /* ----------------------------------------------------------
     When Add Menu is CLOSED:
     catalog uses remaining screen
     ---------------------------------------------------------- */

  body:has(#menuForm:not(.abx-menu-form-open))
  #productCatalogV121 {
    height:100% !important;
  }

  body:has(#menuForm:not(.abx-menu-form-open))
  #catalogResults {
    flex:1 1 auto !important;

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

    overflow:hidden !important;
  }


  /* ----------------------------------------------------------
     TABLE VIEW
     only table body area scrolls
     ---------------------------------------------------------- */

  #catalogResults:has(.catalog-table-wrap) {
    overflow:hidden !important;
  }

  .catalog-table-wrap {
    height:100% !important;
    max-height:100% !important;

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

    overscroll-behavior:contain;
    scrollbar-width:thin;
  }

  .catalog-table {
    width:100% !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
  }


  /* Sticky modern table header */

  .catalog-table thead {
    position:sticky !important;
    top:0 !important;
    z-index:10 !important;
  }

  .catalog-table th {
    position:sticky !important;
    top:0 !important;
    z-index:10 !important;

    padding:7px 10px !important;

    background:#f4f7fb !important;

    font-size:10px !important;
    line-height:1.1 !important;

    white-space:nowrap !important;
  }


  /* Compact rows */

  .catalog-table td {
    padding:5px 10px !important;
    height:48px !important;

    font-size:10px !important;
    line-height:1.15 !important;

    vertical-align:middle !important;
  }


  /* Product image */

  .catalog-table-image,
  .catalog-table-image img {
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
  }

  .catalog-table-image img {
    object-fit:cover !important;
    border-radius:7px !important;
  }

  .catalog-table-product {
    gap:8px !important;
    align-items:center !important;
  }

  .catalog-table-product b {
    font-size:10px !important;
  }

  .catalog-table-product small {
    font-size:8px !important;
  }


  /* Compact action buttons */

  .catalog-table .catalog-actions {
    display:flex !important;
    gap:4px !important;

    padding:0 !important;
    white-space:nowrap !important;
  }

  .catalog-table .catalog-actions button {
    min-width:58px !important;
    min-height:26px !important;

    height:26px !important;

    padding:3px 8px !important;

    border-radius:7px !important;

    font-size:9px !important;
    line-height:1 !important;
  }


  /* ----------------------------------------------------------
     CARD VIEW
     cards scroll internally as before
     ---------------------------------------------------------- */

  #catalogResults:has(.catalog-card-grid) {
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }


  /* ----------------------------------------------------------
     ADD MENU OPEN
     Normal internal catalog reduction
     ---------------------------------------------------------- */

  body:has(#menuForm.abx-menu-form-open) #content {
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }

  body:has(#menuForm.abx-menu-form-open)
  #productCatalogV121 {
    height:auto !important;
    min-height:300px !important;
  }

  body:has(#menuForm.abx-menu-form-open)
  #catalogResults {
    height:300px !important;
    min-height:220px !important;
    max-height:300px !important;

    overflow-y:auto !important;
  }

}


/* ==========================================================
   TABLET / MOBILE
   preserve normal scrolling
   ========================================================== */

@media (max-width:1099px) {

  body:has(#productCatalogV121),
  body:has(#productCatalogV121) #appView,
  body:has(#productCatalogV121) #content {
    height:auto !important;
    overflow:auto !important;
  }

  #productCatalogV121 {
    height:auto !important;
    overflow:visible !important;
  }

}

/* ==========================================================
   ABOTRIX PRODUCT MANAGEMENT V22.4
   VISIBLE INTERNAL CATALOG SCROLLBAR
   Cards + Table
   ========================================================== */

@media (min-width:1100px) {

  /*
     Product results are the ONLY scrolling region.
     Main Menu Management page remains one-screen.
  */
  #catalogResults {
    overflow-y:scroll !important;
    overflow-x:hidden !important;

    scrollbar-width:auto !important;
    scrollbar-color:#718096 #edf2f7 !important;

    padding-right:5px !important;
  }

  /* Chrome / Edge / Safari */
  #catalogResults::-webkit-scrollbar {
    width:12px !important;
  }

  #catalogResults::-webkit-scrollbar-track {
    background:#edf2f7 !important;
    border-radius:10px !important;
  }

  #catalogResults::-webkit-scrollbar-thumb {
    background:#718096 !important;
    border-radius:10px !important;
    border:3px solid #edf2f7 !important;
  }

  #catalogResults::-webkit-scrollbar-thumb:hover {
    background:#42526b !important;
  }

  /*
     Prevent Table mode from creating another
     independent scrollbar.
  */
  #catalogResults .catalog-table-wrap {
    overflow:visible !important;
    max-height:none !important;
  }

  /*
     Keep column headings visible while the
     product rows scroll underneath.
  */
  #catalogResults .catalog-table thead th {
    position:sticky !important;
    top:0 !important;
    z-index:10 !important;
    background:#f3f6fa !important;
  }
}

/* ==========================================================
   ABOTRIX PRODUCT MANAGEMENT V22.5
   FINAL INTERNAL SCROLL FIX
   ========================================================== */

@media (min-width:1100px) {

  /* Product result viewport */
  #catalogResults {
    flex:1 1 auto !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;

    position:relative !important;

    scrollbar-gutter:stable !important;
  }


  /* ========================================================
     TABLE VIEW
     Scroll TABLE WRAPPER itself
     ======================================================== */

  #catalogResults:has(.catalog-table-wrap) {
    overflow:hidden !important;
    padding-right:0 !important;
  }

  #catalogResults .catalog-table-wrap {
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;

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

    scrollbar-width:auto !important;
    scrollbar-color:#62758c #e8eef4 !important;
    scrollbar-gutter:stable !important;
  }

  #catalogResults .catalog-table-wrap::-webkit-scrollbar {
    width:12px !important;
    height:10px !important;
  }

  #catalogResults .catalog-table-wrap::-webkit-scrollbar-track {
    background:#e8eef4 !important;
    border-radius:10px !important;
  }

  #catalogResults .catalog-table-wrap::-webkit-scrollbar-thumb {
    background:#62758c !important;
    border-radius:10px !important;
    border:3px solid #e8eef4 !important;
  }

  #catalogResults .catalog-table-wrap::-webkit-scrollbar-thumb:hover {
    background:#334b64 !important;
  }


  /* Sticky table heading */
  #catalogResults .catalog-table thead th {
    position:sticky !important;
    top:0 !important;
    z-index:20 !important;

    background:#f3f6fa !important;
  }


  /* ========================================================
     CARD VIEW
     Scroll CATALOG RESULTS
     ======================================================== */

  #catalogResults:has(.catalog-grid) {
    overflow-y:scroll !important;
    overflow-x:hidden !important;

    padding-right:5px !important;

    scrollbar-width:auto !important;
    scrollbar-color:#62758c #e8eef4 !important;
    scrollbar-gutter:stable !important;
  }

  #catalogResults:has(.catalog-grid)::-webkit-scrollbar {
    width:12px !important;
  }

  #catalogResults:has(.catalog-grid)::-webkit-scrollbar-track {
    background:#e8eef4 !important;
    border-radius:10px !important;
  }

  #catalogResults:has(.catalog-grid)::-webkit-scrollbar-thumb {
    background:#62758c !important;
    border-radius:10px !important;
    border:3px solid #e8eef4 !important;
  }

  #catalogResults:has(.catalog-grid)::-webkit-scrollbar-thumb:hover {
    background:#334b64 !important;
  }

}

/* ==========================================================
   ABOTRIX PRODUCT MANAGEMENT V22.8
   FINAL MENU MANAGEMENT SCROLL FIX
   ========================================================== */

@media (min-width:1100px) {

  /*
   Menu Management is taller than #content.
   Allow #content to become the real internal viewport.
  */
  body:has(#productCatalogV121) #content {
    overflow-y: auto !important;
    overflow-x: hidden !important;

    height: calc(100vh - 117px) !important;
    max-height: calc(100vh - 117px) !important;

    scrollbar-gutter: stable;
    overscroll-behavior: contain;
  }

  /*
   Remove artificial clipping from the catalog itself.
   Products are allowed to use their natural height.
  */
  body:has(#productCatalogV121) #catalogResults {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;

    overflow: visible !important;
    padding-right: 0 !important;
  }

  body:has(#productCatalogV121) .catalog-table-wrap {
    height: auto !important;
    max-height: none !important;

    overflow: visible !important;
  }

  /*
   Keep the table heading visible while scrolling.
  */
  body:has(#productCatalogV121) .catalog-table thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: #f3f6fa !important;
  }

  /*
   Firefox scrollbar.
  */
  body:has(#productCatalogV121) #content {
    scrollbar-width: auto !important;
    scrollbar-color: #718096 #edf2f7 !important;
  }

  /*
   Chrome / Edge scrollbar.
  */
  body:has(#productCatalogV121) #content::-webkit-scrollbar {
    width: 12px !important;
  }

  body:has(#productCatalogV121) #content::-webkit-scrollbar-track {
    background: #edf2f7 !important;
  }

  body:has(#productCatalogV121) #content::-webkit-scrollbar-thumb {
    background: #718096 !important;
    border-radius: 10px !important;
    border: 3px solid #edf2f7 !important;
  }
}


/* ==========================================================
   ABOTRIX PRODUCT MANAGEMENT V22.11
   FINAL NATIVE SCROLLBAR ONLY
   ========================================================== */

.abx-catalog-scroll-controls {
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* Keep only the native product-list scrollbar. */
@media (min-width:1100px) {

  #catalogResults .catalog-table-wrap {
    overflow-y:scroll !important;
    overflow-x:auto !important;
    scrollbar-gutter:stable !important;
  }

  #catalogResults .catalog-table-wrap::-webkit-scrollbar {
    width:10px !important;
  }

  #catalogResults .catalog-table-wrap::-webkit-scrollbar-track {
    background:#eef2f6 !important;
  }

  #catalogResults .catalog-table-wrap::-webkit-scrollbar-thumb {
    background:#6f7d8d !important;
    border-radius:10px !important;
    border:2px solid #eef2f6 !important;
  }

  #catalogResults .catalog-table-wrap::-webkit-scrollbar-thumb:hover {
    background:#405168 !important;
  }

  #catalogResults .catalog-table thead th {
    position:sticky !important;
    top:0 !important;
    z-index:20 !important;
    background:#f3f6fa !important;
  }
}

/* ==========================================================
   ABOTRIX PRODUCT MANAGEMENT V22.12
   MODERN SAAS TABLE DESIGN
   ========================================================== */

@media (min-width:1100px) {

  /* ---------- TABLE CONTAINER ---------- */

  #catalogResults .catalog-table-wrap {
    border:1px solid #d9e3ee !important;
    border-radius:14px !important;
    background:#ffffff !important;
    box-shadow:0 8px 24px rgba(15,35,55,.06) !important;
  }


  /* ---------- COLUMN HEADER ---------- */

  #catalogResults .catalog-table thead th {
    background:linear-gradient(
      180deg,
      #0d2942 0%,
      #102f4d 100%
    ) !important;

    color:#ffffff !important;

    border-bottom:0 !important;

    padding:10px 12px !important;

    font-size:10px !important;
    font-weight:800 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;

    box-shadow:
      inset 0 -2px 0 rgba(31,181,211,.45) !important;
  }

  #catalogResults .catalog-table thead th:first-child {
    border-top-left-radius:12px !important;
  }

  #catalogResults .catalog-table thead th:last-child {
    border-top-right-radius:12px !important;
  }


  /* ---------- TABLE ROWS ---------- */

  #catalogResults .catalog-table tbody tr {
    transition:
      background-color .18s ease,
      transform .18s ease !important;
  }

  #catalogResults .catalog-table tbody tr:nth-child(even) {
    background:#fbfdff !important;
  }

  #catalogResults .catalog-table tbody tr:hover {
    background:#eef8fb !important;
  }

  #catalogResults .catalog-table tbody td {
    border-bottom:1px solid #e7edf4 !important;
    color:#20344d !important;
  }


  /* ---------- PRODUCT COLUMN ---------- */

  #catalogResults .catalog-table tbody td:first-child b {
    color:#10243b !important;
    font-weight:800 !important;
  }

  #catalogResults .catalog-table-product small {
    color:#8a98aa !important;
  }


  /* ---------- PRICE ---------- */

  #catalogResults .catalog-table tbody td:nth-child(3) {
    color:#0f5271 !important;
    font-weight:800 !important;
  }


  /* ---------- FOOD COST ---------- */

  #catalogResults .catalog-table tbody td:nth-child(4) {
    color:#6c587f !important;
    font-weight:700 !important;
  }


  /* ---------- MARGIN ---------- */

  #catalogResults .catalog-table tbody td:nth-child(5) {
    color:#0b7a67 !important;
    font-weight:800 !important;
  }


  /* ---------- STOCK ---------- */

  #catalogResults .catalog-table tbody td:nth-child(6) {
    background:#f5fbf7 !important;
  }

  #catalogResults .catalog-stock-ok {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-width:48px !important;

    padding:4px 8px !important;

    border-radius:999px !important;

    background:#def7e7 !important;
    color:#07833e !important;

    font-weight:900 !important;
  }

  #catalogResults .catalog-stock-low {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-width:48px !important;

    padding:4px 8px !important;

    border-radius:999px !important;

    background:#fff2cc !important;
    color:#9a6700 !important;

    font-weight:900 !important;
  }

  #catalogResults .catalog-stock-out {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-width:48px !important;

    padding:4px 8px !important;

    border-radius:999px !important;

    background:#fde3e3 !important;
    color:#c62828 !important;

    font-weight:900 !important;
  }


  /* ---------- VISIBILITY ---------- */

  #catalogResults .catalog-table tbody td:nth-child(7) {
    color:#145f83 !important;
    font-weight:700 !important;
  }


  /* ---------- ACTION BUTTONS ---------- */

  #catalogResults .catalog-table .catalog-actions button {
    border:1px solid #d5e1eb !important;
    background:#f6f9fc !important;
    color:#17324d !important;

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

  #catalogResults .catalog-table .catalog-actions button:hover {
    background:#e9f6fa !important;
    border-color:#8bcbd8 !important;
    transform:translateY(-1px) !important;
  }

  #catalogResults .catalog-table .catalog-actions .catalog-danger {
    background:#fff4f4 !important;
    border-color:#f1cccc !important;
    color:#c9363e !important;
  }

  #catalogResults .catalog-table .catalog-actions .catalog-danger:hover {
    background:#ffe7e7 !important;
    border-color:#e99ca1 !important;
  }

}

/* ==========================================================
   ABOTRIX PRODUCT MANAGEMENT V22.11
   FINAL NATIVE SCROLLBAR ONLY
   ========================================================== */

.abx-catalog-scroll-controls {
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* Keep only the native product-list scrollbar. */
@media (min-width:1100px) {

  #catalogResults .catalog-table-wrap {
    overflow-y:scroll !important;
    overflow-x:auto !important;
    scrollbar-gutter:stable !important;
  }

  #catalogResults .catalog-table-wrap::-webkit-scrollbar {
    width:10px !important;
  }

  #catalogResults .catalog-table-wrap::-webkit-scrollbar-track {
    background:#eef2f6 !important;
  }

  #catalogResults .catalog-table-wrap::-webkit-scrollbar-thumb {
    background:#6f7d8d !important;
    border-radius:10px !important;
    border:2px solid #eef2f6 !important;
  }

  #catalogResults .catalog-table-wrap::-webkit-scrollbar-thumb:hover {
    background:#405168 !important;
  }

  #catalogResults .catalog-table thead th {
    position:sticky !important;
    top:0 !important;
    z-index:20 !important;
    background:#f3f6fa !important;
  }
}

/* ==========================================================
   ABOTRIX PRODUCT MANAGEMENT - FINAL TABLE HEADER FIX
   Full header visibility / overrides older V22 rules
   ========================================================== */

@media (min-width: 1100px) {

  body.abotrix-v12-ui #content #catalogResults .catalog-table thead {
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
  }

  body.abotrix-v12-ui #content #catalogResults .catalog-table thead tr {
    height: 42px !important;
  }

  body.abotrix-v12-ui #content #catalogResults .catalog-table thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 51 !important;

    height: 42px !important;
    min-height: 42px !important;

    padding: 11px 12px !important;

    color: #ffffff !important;
    background: #102f4d !important;

    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 18px !important;
    letter-spacing: .05em !important;

    vertical-align: middle !important;
    white-space: nowrap !important;

    overflow: visible !important;
    clip: auto !important;

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

}

/* ==========================================================
   ABOTRIX PRODUCT MANAGEMENT - FINAL TABLE HEADER FIX
   Full header visibility / overrides older V22 rules
   ========================================================== */

@media (min-width: 1100px) {

  body.abotrix-v12-ui #content #catalogResults .catalog-table thead {
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
  }

  body.abotrix-v12-ui #content #catalogResults .catalog-table thead tr {
    height: 42px !important;
  }

  body.abotrix-v12-ui #content #catalogResults .catalog-table thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 51 !important;

    height: 42px !important;
    min-height: 42px !important;

    padding: 11px 12px !important;

    color: #ffffff !important;
    background: #102f4d !important;

    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 18px !important;
    letter-spacing: .05em !important;

    vertical-align: middle !important;
    white-space: nowrap !important;

    overflow: visible !important;
    clip: auto !important;

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

}


/* ==========================================================
   ABOTRIX PRODUCT MANAGEMENT V22.13
   REAL TABLE HEADER VISIBILITY FIX
   ========================================================== */

@media (min-width: 1100px) {

  #content #catalogResults .catalog-table thead {
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
  }

  #content #catalogResults .catalog-table thead tr {
    height: 42px !important;
  }

  #content #catalogResults .catalog-table thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 51 !important;

    height: 42px !important;
    min-height: 42px !important;

    padding: 11px 12px !important;

    background: #102f4d !important;
    background-color: #102f4d !important;
    color: #ffffff !important;

    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 18px !important;
    letter-spacing: .05em !important;

    text-transform: uppercase !important;
    vertical-align: middle !important;
    white-space: nowrap !important;

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

}