/* AMNKO POS application stylesheet.
 * R16.9.10.46.24.15 — catalog-first adaptive POS workspace with normalized physical RTL category navigation; final geometry is
 * render-blocking and auditable before the first paint.
 */
/* =========================
     STYLES FROM NEW.php (Design)
     ========================= */
  .pos-container { background: #f8f9fa; min-height: calc(100vh - 70px); }
  /* === تعديل شكل سلة البيع لتكون مدمجة === */
  .bill-section {
    background: #fff;
    border-inline-start: 1px solid #eee;
    display: flex;
    flex-direction: column;
    /* Geometry is CSS-owned; JavaScript must not set workspace height. */
    height: auto;
    max-height: none;
    padding-bottom: 0;
    overflow: hidden;
  }

  /* ضروري داخل flex عشان الـ scroll يشتغل والـ footer يفضل ظاهر */
  .bill-section .card{ min-height: 0; height: 100%; max-height: 100%; }
  .product-card { cursor: pointer; transition: all 0.2s; border: 1px solid #eee; background: #fff; height: 100%; }
  .product-card:hover { transform: translateY(-3px); border-color: #00b8d9; box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
  .product-card.disabled { opacity: 0.6; pointer-events: none; filter: grayscale(1); }
  /* FIX: Visual indicator for zero-stock products */
  .product-card.out-of-stock-card { opacity: 0.55; border-color: #ccc; background: #f8f8f8; }
  .product-card.out-of-stock-card:hover { transform: none; border-color: #bbb; box-shadow: none; }
  .pos-search-card {
    position: relative;
    z-index: 20;
    border: 1px solid rgba(15,23,42,.06);
  }
  .pos-search-card .input-group {
    align-items: center;
  }
  .pos-search-card .btn,
  .pos-search-card .form-control,
  .pos-search-card .input-group-text {
    min-height: 46px;
  }
  /* R13.3.3.2 — POS Product Card Name Clamp
     Visual-only: keep long Arabic product names from stretching POS cards.
     Full product name remains available through the card/title tooltip and aria-label. */
  .pos-product-card {
    min-height: 132px;
  }
  .pos-product-head {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:8px;
    min-height: calc(1.35em * 2);
  }
  .pos-product-title {
    min-width:0;
    flex:1 1 auto;
    font-weight:900;
    line-height:1.35;
    min-height: calc(1.35em * 2);
    max-height: calc(1.35em * 2);
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow:ellipsis;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  .pos-favorite-star {
    flex:0 0 auto;
    display:inline-grid;
    place-items:center;
    width:26px;
    height:26px;
    border-radius:9px;
    background:#fff4d6;
    color:#b77900;
    font-size:1rem;
    line-height:1;
    font-weight:900;
    box-shadow:inset 0 0 0 1px rgba(183,121,0,.13);
  }
  .pos-product-price-row {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:8px;
    margin-top:auto;
  }
  .pos-products-empty,
  .pos-search-empty {
    min-height:140px;
  }
  
  .category-btn { white-space: nowrap; transition: 0.2s; cursor: pointer; }
  .category-btn.active { background: #00b8d9 !important; color: #fff !important; }
  
  .cart-item-row:hover { background: #f9f9f9; }
  /* =========================
     POS Cart (Cards) - Compact
     ========================= */

  /* حاوية الكروت تأخذ المساحة المتبقية وتسمح بالاسكرول */
  #cartItems {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 8px 10px 12px;
    min-height: 0;
  }

  /* فوتر الإجمالي + الأزرار يبقى في أسفل كارت السلة، ولا يطفو فوق المنتجات */
  .pos-bill-footer{ position: relative; flex: 0 0 auto; z-index: 2; }

  /* Desktop: 5 products per row (better name visibility than 6+) */
  

  /* تصميم الكارت المضغوط الجديد */
  .pos-cart-card {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 8px;
    margin-bottom: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.03);
    transition: all 0.1s;
    gap: 10px;
    position: relative;
  }

  .pos-cart-card.selected {
    outline: 2px solid rgba(0,184,217,.35);
    box-shadow: 0 0 0 4px rgba(0,184,217,.12);
  }

  @keyframes posFlash {
    0%{ box-shadow: 0 0 0 0 rgba(0,184,217,.0);} 
    50%{ box-shadow: 0 0 0 6px rgba(0,184,217,.22);} 
    100%{ box-shadow: 0 0 0 0 rgba(0,184,217,.0);} 
  }
  .pos-cart-card.flash{ animation: posFlash 400ms ease-out; }

  /* صورة المنتج داخل الكارت - لو متاحة */
  .pos-cart-img {
    width: 42px;
    height: 42px;
    object-fit: cover;
    border-radius: 10px;
    flex-shrink: 0;
    background: #f1f3f5;
  }

  /* تفاصيل المنتج */
  .pos-cart-info {
    flex-grow: 1;
    min-width: 0;
    line-height: 1.2;
    overflow: hidden;
  }
  .pos-cart-title {
    font-size: 14px;
    font-weight: 800;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
  }
  .pos-cart-price {
    font-size: 12px;
    color: #666;
    direction: ltr;
    unicode-bidi: embed;
  }

  /* أزرار التحكم بالكمية */
  .pos-cart-qty-ctrl {
    display: flex;
    align-items: center;
    background: #f1f3f5;
    border-radius: 10px;
    padding: 2px;
    gap: 3px;
    flex-shrink: 0;
  }
  .btn-qty-mini {
    width: 28px;
    height: 28px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 16px;
    border: none;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.10);
    border-radius: 8px;
    cursor: pointer;
  }
  .btn-qty-mini.plus { color: #198754; }
  .btn-qty-mini.minus { color: #dc3545; }
  .qty-input-mini {
    width: 34px;
    min-width: 34px;
    padding: 0;
    text-align: center;
    border: none;
    background: transparent;
    font-weight: 900;
    font-size: 14px;
    outline: none;
    appearance: textfield;
    -moz-appearance: textfield;
  }
  .qty-input-mini::-webkit-outer-spin-button,
  .qty-input-mini::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .pos-cart-meta-row {
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
    margin-top:4px;
  }
  .pos-line-total-mini {
    font-size:12px;
    font-weight:800;
    color:#0f172a;
  }
  .pos-disc-badge {
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:2px 8px;
    border-radius:999px;
    background:#fff4d6;
    color:#8a5a00;
    font-size:11px;
    font-weight:700;
  }
  .pos-disc-badge.wholesale {
    background:#fff3cd;
    color:#7a5700;
  }
  .btn-discount-mini {
    border:none;
    border-radius:8px;
    background:#eef8ff;
    color:#0c7ba7;
    font-size:12px;
    font-weight:800;
    padding:6px 8px;
    white-space:nowrap;
    flex-shrink:0;
  }
  .btn-discount-mini:hover { background:#d9f1ff; }
  .btn-discount-mini.has-value {
    background:#fff4d6;
    color:#8a5a00;
  }
  .btn-discount-mini.wholesale {
    background:#fff3cd;
    color:#7a5700;
  }
  .btn-discount-mini:disabled {
    opacity:.7;
    cursor:not-allowed;
  }
  .btn-discount-mini.wholesale:disabled {
    opacity:1;
  }

  .pos-discount-dialog { width: 92%; max-width: 420px; }
  .pos-pay-amount-card {
    border:1px solid rgba(0,184,217,.22);
    background:linear-gradient(180deg,#f7feff 0%, #eefafd 100%);
    border-radius:16px;
    padding:14px 16px;
    margin-bottom:14px;
  }
  .pos-pay-amount-label {
    font-size:14px;
    color:#4b5563;
    font-weight:700;
    margin-bottom:4px;
  }
  .pos-pay-amount-value {
    font-size:34px;
    line-height:1;
    font-weight:900;
    color:#0f172a;
    direction:ltr;
    unicode-bidi:embed;
  }
  
  .pos-remain-card {
    border:1px solid rgba(15,23,42,.08);
    background:linear-gradient(180deg,#ffffff 0%, #f8fbfd 100%);
    border-radius:16px;
    padding:14px 16px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
  }
  .pos-remain-label {
    font-size:16px;
    color:#475569;
    font-weight:800;
  }
  .pos-remain-value {
    font-size:44px;
    line-height:1;
    font-weight:900;
    color:#0f172a;
    direction:ltr;
    unicode-bidi:embed;
  }
  

  /* زر الحذف */
  .btn-del-mini {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #ff4d4f;
    border: none;
    border-radius: 10px;
    transition: 0.2s;
    flex-shrink: 0;
  }
  .btn-del-mini:hover { background-color: #d9363e; }

  /* Sticky subtotal pop */
  .pos-line-pop{ position:absolute; left:10px; bottom:6px; background: rgba(0,0,0,.75); color:#fff; padding: 2px 8px; border-radius: 999px; font-size: .75rem; direction:ltr; unicode-bidi:embed; opacity:0; transform: translateY(6px); transition: all 160ms ease; pointer-events:none; }
  .pos-line-pop.show{ opacity:1; transform: translateY(0); }

  .pos-empty-cart{ padding: 24px 10px 36px; }
  .pos-empty-icon{ opacity:.55; }

  /* Custom Scrollbar for categories */

  /* Top notice (AMNKO brand system message) */
  .pos-topnotice-overlay { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; background: rgba(15, 23, 42, .28); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); padding: 18px; }
  .pos-topnotice { width: min(460px, 100%); border-radius: 26px !important; border: 1px solid rgba(226,232,240,.98); box-shadow: 0 24px 72px rgba(0, 76, 92, .20) !important; position: relative; overflow: hidden; }
  .pos-topnotice:before{ content:""; position:absolute; inset-inline-start:0; top:0; bottom:0; width:7px; background: linear-gradient(135deg, #00b8d9 0%, #0098b3 100%); }
  .pos-topnotice:after{ content:""; position:absolute; width:150px; height:150px; border-radius:50%; background:rgba(0,184,217,.09); inset-inline-end:-70px; top:-85px; pointer-events:none; }
  #topNoticeTitle{ color:#0f172a !important; font-weight:900; }
  #topNoticeMsg{ white-space: pre-line; color:#475569; font-weight:650; line-height:1.85; }
  .pos-topnotice-actions{ position:relative; z-index:1; }

  /* =========================
     STYLES FROM OLD.php (Functionality)
     ========================= */
  
  /* Parked invoices visual geometry is defined only in the active release layer below. */

  /* Camera Overlay */
  .pos-cam-overlay{ position: fixed; inset: 0; z-index: 1060; background: rgba(0,0,0,.45); display: flex; align-items: center; justify-content: center; padding: 12px; }
  .pos-cam-card{ width: min(560px, 100%); background: #fff; border-radius: 14px; box-shadow: 0 14px 35px rgba(0,0,0,.18); overflow: hidden; }
  .pos-cam-head{ padding: 10px 12px; border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: space-between; font-weight: 800; }
  #camVideo{ width: 100%; height: auto; background: #000; }
  .pos-cam-actions{ padding: 10px 12px; border-top: 1px solid #eee; display: flex; gap: 8px; justify-content: flex-end; }

  /* Autosave Indicator */
  #parkSaveIndicator{ margin-bottom: 5px; padding: 4px 8px; border-radius: 8px; background: #f8f9fa; border: 1px dashed #ddd; display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 11px; }
  #parkSaveIndicator .left{ display: flex; align-items: center; gap: 5px; }
  #parkSaveIndicator .dot{ width: 8px; height: 8px; border-radius: 999px; background: #9ca3af; flex: 0 0 auto; }
  #parkSaveIndicator.is-saving .dot{ background: #00b8d9; }
  #parkSaveIndicator.is-saved .dot{ background: #16a34a; }
  #parkSaveIndicator.is-error .dot{ background: #f59e0b; }
  #parkSaveIndicator.is-conflict .dot{ background: #b42318; }


  /* R16.9.10.46.24.15: retired malformed legacy unit/payment block; canonical overlay rules live below. */

  /* =========================
     POS Mobile Cashier Mode
     ========================= */
  .pos-mobile-cart-actions{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:8px; position:sticky; bottom:0; background:#fff; padding-top:12px; margin-top:10px; border-top:1px solid #eef2f7; }
  .pos-mobile-cart-actions .btn-main-pay{ grid-column:1 / -1; }
  .pos-mobile-summary-grid{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:8px; margin-bottom:10px; }
  .pos-mobile-summary-card{ border:1px solid #eef2f7; background:#f8fbfd; border-radius:14px; padding:10px 12px; }
  .pos-mobile-summary-card .lbl{ font-size:.78rem; color:#64748b; font-weight:800; }
  .pos-mobile-summary-card .val{ font-weight:900; color:#0f172a; direction:ltr; unicode-bidi:embed; }
  .pos-cart-sheet-body{ padding-bottom:16px; }
  .pos-cart-sheet-empty{ padding:28px 8px; color:#64748b; }
/* ================================================================
   R16.9.10.46.24.15 — POS Catalog Space Optimization
   Catalog-first adaptive checkout layout. This is the sole authoritative
   POS geometry layer; retired workspace selectors were removed.
   ================================================================ */
body[data-amnko-route="pos"] {
  --pos-surface: #fff;
  --pos-canvas: #f4f8fb;
  --pos-border: #dbe6ee;
  --pos-border-strong: #c5d7e3;
  --pos-text: #0f172a;
  --pos-muted: #64748b;
  --pos-primary: #00a7bf;
  --pos-primary-strong: #008fa5;
  --pos-primary-soft: #e9f9fc;
  --pos-shadow: 0 10px 28px rgba(15,23,42,.07);
  --pos-radius: 16px;
}
body[data-amnko-route="pos"].pos-dialog-open { overflow: hidden; }

.amnko-pos-page-r1691046255 {
  min-height: calc(100dvh - 70px);
  background:
    radial-gradient(circle at 24% 0%, rgba(0,167,191,.07), transparent 34%),
    var(--pos-canvas);
}
.amnko-pos-page-r1691046255 > .row { align-items: flex-start; }


/* ---------- Compact order context ---------- */

.amnko-pos-page-r1691046255 .pos-order-type-wrap {
  flex: 0 0 auto;
  min-width: 255px;
}
.amnko-pos-page-r1691046255 .pos-order-context.is-delivery .pos-order-type-wrap {
  flex: 1 1 100%;
  min-width: 0;
}
.amnko-pos-page-r1691046255 .pos-order-type-card {
  position: relative;
  min-height: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px 7px;
  border: 1px solid var(--pos-border);
  border-radius: var(--pos-radius);
  background: var(--pos-surface);
  box-shadow: 0 5px 16px rgba(15,23,42,.045);
}
.amnko-pos-page-r1691046255 .pos-order-type-switch {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 5px;
}
.amnko-pos-page-r1691046255 .pos-order-type-label {
  padding-inline: 5px 3px;
  color: var(--pos-muted);
  font-size: .76rem;
  font-weight: 850;
  white-space: nowrap;
}
.amnko-pos-page-r1691046255 .pos-order-type-switch .form-check {
  position: relative;
  margin: 0;
  padding: 0;
}
.amnko-pos-page-r1691046255 .pos-order-type-switch .form-check-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.amnko-pos-page-r1691046255 .pos-order-type-switch .form-check-label {
  min-width: 72px;
  min-height: 36px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border: 1px solid transparent;
  border-radius: 11px;
  color: var(--pos-text);
  background: #f6f9fb;
  font-size: .84rem;
  line-height: 1.15;
  font-weight: 850;
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.amnko-pos-page-r1691046255 .pos-order-type-switch .form-check-input:checked + .form-check-label {
  color: #006e7e;
  border-color: rgba(0,167,191,.42);
  background: var(--pos-primary-soft);
  box-shadow: inset 0 0 0 1px rgba(0,167,191,.06);
}
.amnko-pos-page-r1691046255 .pos-order-type-switch .form-check-input:focus-visible + .form-check-label {
  outline: 3px solid rgba(0,167,191,.18);
  outline-offset: 1px;
}

.amnko-pos-page-r1691046255 .pos-order-customer {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}
.amnko-pos-page-r1691046255 .pos-customer-picker { position: relative; }
.amnko-pos-page-r1691046255 .pos-customer-picker__selected {
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 6px;
  border: 1px solid var(--pos-border);
  border-radius: var(--pos-radius);
  background: #fff;
  box-shadow: 0 5px 16px rgba(15,23,42,.045);
}
.amnko-pos-page-r1691046255 .pos-customer-picker__selected--registered {
  border-color: rgba(0,167,191,.34);
  background: linear-gradient(180deg,#fff 0%,#f2fbfd 100%);
}
.amnko-pos-page-r1691046255 .pos-customer-picker__trigger {
  min-width: 0;
  min-height: 38px;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 3px 7px;
  border: 0;
  border-radius: 11px;
  color: var(--pos-text);
  background: transparent;
  text-align: right;
}
.amnko-pos-page-r1691046255 .pos-customer-picker__trigger:hover,
.amnko-pos-page-r1691046255 .pos-customer-picker__trigger:focus-visible {
  background: var(--pos-primary-soft);
  outline: 0;
}
.amnko-pos-page-r1691046255 .pos-customer-picker__avatar {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: var(--pos-primary-strong);
  background: var(--pos-primary-soft);
}
.amnko-pos-page-r1691046255 .pos-customer-picker__selected-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.amnko-pos-page-r1691046255 .pos-customer-picker__selected-name {
  display: block;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--pos-text);
  font-size: .88rem;
  font-weight: 900;
}
.amnko-pos-page-r1691046255 .pos-customer-picker__selected-meta {
  display: block;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--pos-muted);
  font-size: .69rem;
  font-weight: 700;
}
.amnko-pos-page-r1691046255 #regularCustomerChange {
  min-height: 34px;
  padding: 4px 10px;
  border-radius: 10px;
  font-size: .75rem;
  font-weight: 850;
}
.amnko-pos-page-r1691046255 .pos-customer-picker__clear {
  position: static;
  flex: 0 0 auto;
  width: 31px;
  height: 31px;
  min-width: 31px;
  padding: 0;
  border: 0;
  border-radius: 9px;
  color: #536577;
  background: #f1f5f8;
}
.amnko-pos-page-r1691046255 .pos-customer-picker__popover {
  position: absolute;
  inset-inline-end: 0;
  top: calc(100% + 7px);
  z-index: 60;
  width: min(460px, calc(100vw - 36px));
  padding: 10px;
  border: 1px solid var(--pos-border-strong);
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 22px 52px rgba(15,23,42,.20);
}
.amnko-pos-page-r1691046255 .pos-customer-picker__label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}
.amnko-pos-page-r1691046255 .pos-customer-picker__label {
  color: var(--pos-muted);
  font-size: .78rem;
  font-weight: 850;
}
.amnko-pos-page-r1691046255 .pos-customer-picker__cash-btn {
  min-height: 30px;
  padding: 3px 10px;
  border: 1px solid var(--pos-border);
  border-radius: 999px;
  color: var(--pos-muted);
  background: #fff;
  font-size: .74rem;
  font-weight: 850;
}
.amnko-pos-page-r1691046255 .pos-customer-picker__cash-btn.active {
  border-color: rgba(0,167,191,.35);
  color: #006e7e;
  background: var(--pos-primary-soft);
}
.amnko-pos-page-r1691046255 .pos-customer-picker__search { position: relative; }
.amnko-pos-page-r1691046255 .pos-customer-picker__icon {
  position: absolute;
  inset-inline-start: 13px;
  top: 21px;
  transform: translateY(-50%);
  z-index: 2;
  color: #7b8da0;
  pointer-events: none;
}
.amnko-pos-page-r1691046255 .pos-customer-picker__input {
  min-height: 42px;
  padding-inline-start: 42px;
  direction: rtl;
  text-align: right;
  border-color: var(--pos-border);
  border-radius: 12px;
  font-weight: 750;
}
.amnko-pos-page-r1691046255 .pos-customer-picker__input:focus {
  border-color: rgba(0,167,191,.55);
  box-shadow: 0 0 0 3px rgba(0,167,191,.10);
}
.amnko-pos-page-r1691046255 .pos-customer-picker__results {
  max-height: 310px;
  overflow: auto;
  margin-top: 6px;
  padding: 5px;
  border: 1px solid var(--pos-border);
  border-radius: 12px;
  background: #fff;
}
.amnko-pos-page-r1691046255 .pos-customer-picker__result {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 10px;
  border: 0;
  border-radius: 10px;
  color: var(--pos-text);
  background: #fff;
  text-align: right;
}
.amnko-pos-page-r1691046255 .pos-customer-picker__result:hover,
.amnko-pos-page-r1691046255 .pos-customer-picker__result.active,
.amnko-pos-page-r1691046255 .pos-customer-picker__result:focus-visible {
  background: var(--pos-primary-soft);
  outline: 0;
}
.amnko-pos-page-r1691046255 .pos-customer-picker__result-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.amnko-pos-page-r1691046255 .pos-customer-picker__result-main strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.amnko-pos-page-r1691046255 .pos-customer-picker__result-main small { color: var(--pos-muted); }
.amnko-pos-page-r1691046255 .pos-customer-picker__result-balance {
  flex: 0 0 auto;
  color: #42566a;
  font-size: .75rem;
  font-weight: 850;
}
.amnko-pos-page-r1691046255 .pos-customer-picker__empty {
  padding: 14px;
  color: var(--pos-muted);
  text-align: center;
  font-size: .82rem;
}
.amnko-pos-page-r1691046255 .pos-customer-financial {
  position: absolute;
  inset-inline-end: 0;
  top: calc(100% + 7px);
  z-index: 57;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 6px;
  border: 1px solid var(--pos-border);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(15,23,42,.14);
}
.amnko-pos-page-r1691046255 .pos-customer-financial.d-none { display: none !important; }
.amnko-pos-page-r1691046255 .pos-customer-financial .badge { padding: 6px 9px; }

/* ---------- Delivery context stays one-line; details float above the catalog ---------- */
.amnko-pos-page-r1691046255 #deliveryFields {
  position: static;
  flex: 1 1 auto;
  min-width: 0;
}
.amnko-pos-page-r1691046255 .pos-delivery-toolbar {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
}
.amnko-pos-page-r1691046255 .pos-delivery-search {
  flex: 1 1 360px;
  min-width: 220px;
  display: flex;
  align-items: center;
}
.amnko-pos-page-r1691046255 .pos-delivery-search__icon {
  position: absolute;
  inset-inline-start: 12px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  color: #7b8da0;
  pointer-events: none;
}
.amnko-pos-page-r1691046255 #deliverySearchQuery {
  min-height: 38px;
  padding-inline-start: 38px;
  padding-inline-end: 72px;
  border-color: var(--pos-border);
  border-radius: 11px;
  font-size: .82rem;
  font-weight: 750;
}
.amnko-pos-page-r1691046255 .pos-delivery-add-btn {
  position: absolute;
  inset-inline-end: 4px;
  top: 4px;
  min-height: 30px;
  padding: 3px 10px;
  border-radius: 9px;
  font-size: .72rem;
  font-weight: 850;
}
.amnko-pos-page-r1691046255 .delivery-search-dropdown {
  position: absolute;
  inset-inline: 0;
  top: calc(100% + 7px);
  z-index: 65;
  max-height: 330px;
  overflow: auto;
  border: 1px solid var(--pos-border-strong);
  border-radius: 13px;
  box-shadow: 0 20px 48px rgba(15,23,42,.18);
}
.amnko-pos-page-r1691046255 .pos-delivery-summary {
  flex: 1 1 330px;
  min-width: 260px;
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  padding: 3px 4px 3px 9px;
  border: 1px solid rgba(0,167,191,.27);
  border-radius: 11px;
  background: var(--pos-primary-soft);
}
.amnko-pos-page-r1691046255 .pos-delivery-summary.d-none { display: none !important; }
.amnko-pos-page-r1691046255 .pos-delivery-summary__text { font-size: .78rem; }
.amnko-pos-page-r1691046255 .pos-delivery-summary__actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 4px;
}
.amnko-pos-page-r1691046255 .pos-delivery-summary__actions .btn {
  min-height: 30px;
  padding: 3px 8px;
  border-radius: 9px;
  font-size: .7rem;
  font-weight: 850;
}
.amnko-pos-page-r1691046255 .pos-delivery-details {
  position: absolute;
  inset-inline-end: 0;
  top: calc(100% + 8px);
  z-index: 70;
  width: min(760px, 100%);
  max-width: 100%;
  max-height: calc(100dvh - 150px);
  overflow: auto;
  padding: 14px;
  border: 1px solid var(--pos-border-strong);
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 24px 64px rgba(15,23,42,.24);
}
.amnko-pos-page-r1691046255 #deliverySelectedCard.d-none { display: none !important; }
.amnko-pos-page-r1691046255 .pos-delivery-details.d-none { display: none !important; }
.amnko-pos-page-r1691046255 .pos-delivery-details__head {
  position: sticky;
  top: -14px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: -14px -14px 12px;
  padding: 11px 14px;
  border-bottom: 1px solid #e8eef3;
  background: #fff;
}

/* ---------- Search + category toolbar ---------- */

.amnko-pos-page-r1691046255 .pos-search-card {
  position: relative;
  z-index: 32;
  min-width: 0;
  margin: 0 !important;
  margin-bottom: 0 !important;
  overflow: visible;
  border: 1px solid var(--pos-border) !important;
  border-radius: var(--pos-radius) !important;
  background: #fff;
  box-shadow: 0 5px 16px rgba(15,23,42,.045) !important;
}
.amnko-pos-page-r1691046255 .pos-search-card:focus-within {
  border-color: rgba(0,167,191,.55) !important;
  box-shadow: 0 0 0 3px rgba(0,167,191,.09), 0 5px 16px rgba(15,23,42,.045) !important;
}
.amnko-pos-page-r1691046255 .pos-search-card .input-group { direction: rtl; }
.amnko-pos-page-r1691046255 .pos-search-card .btn,
.amnko-pos-page-r1691046255 .pos-search-card .form-control,
.amnko-pos-page-r1691046255 .pos-search-card .input-group-text { min-height: 46px !important; }
.amnko-pos-page-r1691046255 #search {
  min-width: 0;
  padding-block: 8px;
  direction: rtl;
  text-align: right;
  color: var(--pos-text);
  font-size: .88rem;
  font-weight: 750;
}
.amnko-pos-page-r1691046255 #btnSearchClear,
.amnko-pos-page-r1691046255 #btnSearchCam {
  min-width: 40px;
  border-inline-start: 1px solid #edf2f6 !important;
}
.amnko-pos-page-r1691046255 #searchResults {
  position: absolute;
  inset-inline: 0;
  top: calc(100% + 6px);
  z-index: 66;
  max-height: 360px;
  overflow: auto;
  border-radius: 13px;
  box-shadow: 0 18px 42px rgba(15,23,42,.18);
}
.amnko-pos-page-r1691046255 #searchResults:empty { display: none; }

.amnko-pos-page-r1691046255 #posProductCountBadge {
  flex: 0 0 auto;
  min-width: 42px;
  padding: 6px 8px;
  color: #42566a;
  background: #f6f9fb !important;
  font-size: .7rem;
}
.amnko-pos-page-r1691046255 .amnko-pos-category-slider {
  min-width: 0;
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) 34px;
  align-items: center;
  gap: 4px;
  overflow: hidden;
}
.amnko-pos-page-r1691046255 #catButtonsContainer {
  min-width: 0;
  padding: 0 !important;
  margin: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: smooth;
  scroll-padding-inline: 12px;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
.amnko-pos-page-r1691046255 #catButtonsContainer::-webkit-scrollbar { width: 0; height: 0; display: none; }

.amnko-pos-page-r1691046255 .category-btn.active {
  color: #fff !important;
  border-color: var(--pos-primary) !important;
  background: var(--pos-primary) !important;
  box-shadow: 0 6px 14px rgba(0,167,191,.18) !important;
}
.amnko-pos-page-r1691046255 .category-btn--favorite {
  min-width: 38px;
  padding-inline: 9px;
  color: #b77900;
}
.amnko-pos-page-r1691046255 .amnko-pos-cat-scroll {
  width: 34px;
  height: 34px;
  min-width: 34px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid var(--pos-border-strong);
  border-radius: 10px;
  color: var(--pos-primary-strong);
  background: #fff;
  font-size: 1.25rem;
  font-weight: 900;
}


/* First-paint compactness guards against older generic button/card defaults. */
body.amnko-r9[data-amnko-route="pos"] .amnko-pos-page-r1691046255 .pos-order-type-switch .form-check-label {
  min-height: 36px !important;
  line-height: 1.15 !important;
}
body.amnko-r9[data-amnko-route="pos"] .amnko-pos-page-r1691046255 .pos-customer-picker__selected {
  min-height: 48px;
  padding-block: 4px;
}
body.amnko-r9[data-amnko-route="pos"] .amnko-pos-page-r1691046255 .pos-customer-picker__trigger {
  min-height: 36px !important;
}
body.amnko-r9[data-amnko-route="pos"] .amnko-pos-page-r1691046255 .pos-search-card {
  top: 0 !important;
  margin-bottom: 0 !important;
}
body.amnko-r9[data-amnko-route="pos"] .amnko-pos-page-r1691046255 #catButtonsContainer {
  padding: 0 !important;
  margin: 0 !important;
}
body.amnko-r9[data-amnko-route="pos"] .amnko-pos-page-r1691046255 .pos-search-card .btn,
body.amnko-r9[data-amnko-route="pos"] .amnko-pos-page-r1691046255 .pos-search-card .form-control,
body.amnko-r9[data-amnko-route="pos"] .amnko-pos-page-r1691046255 .pos-search-card .input-group-text {
  min-height: 46px !important;
}
body.amnko-r9[data-amnko-route="pos"] .amnko-pos-page-r1691046255 .category-btn {
  min-height: 36px !important;
  line-height: 1.15 !important;
}


/* ---------- Category rail + professional parked-invoice drawer ---------- */
.amnko-pos-page-r1691046255 #catButtons {
  flex-wrap: nowrap !important;
  align-items: center;
  min-width: max-content;
}
.amnko-pos-page-r1691046255 .pos-cart-card.flash,
.amnko-pos-page-r1691046255 .pos-cart-card.selected { scroll-margin-block: 18px 96px; }


.amnko-pos-page-r1691046255 #parkTaskbar.d-none { display: none !important; }


.amnko-pos-page-r1691046255 .pos-parkbar__toggle:hover,
.amnko-pos-page-r1691046255 .pos-parkbar__toggle:focus-visible {
  background: var(--pos-primary-soft);
  outline: none;
}

.amnko-pos-page-r1691046255 .pos-parkbar__copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}


.amnko-pos-page-r1691046255 .pos-parkbar__count {
  min-width: 26px;
  min-height: 26px;
  display: inline-grid;
  place-items: center;
  padding-inline: 7px;
  border-radius: 999px;
  color: #fff;
  background: var(--pos-primary-strong);
  font-size: .72rem;
  font-weight: 950;
}
.amnko-pos-page-r1691046255 .pos-parkbar__chevron {
  display: grid;
  place-items: center;
  color: #52677a;
  font-size: 1rem;
  font-weight: 950;
  transition: transform .16s ease;
}
.amnko-pos-page-r1691046255 #parkTaskbar.is-open .pos-parkbar__chevron { transform: rotate(180deg); }

.amnko-pos-page-r1691046255 .pos-parkbar__panel.d-none { display: none !important; }

.amnko-pos-page-r1691046255 #parkChips::-webkit-scrollbar { height: 5px; }
.amnko-pos-page-r1691046255 #parkChips::-webkit-scrollbar-thumb { border-radius: 999px; background: #bfd2de; }

.amnko-pos-page-r1691046255 .park-chip:hover,
.amnko-pos-page-r1691046255 .park-chip:focus-visible { border-color: rgba(0,167,191,.55); box-shadow: 0 0 0 3px rgba(0,167,191,.08); }
.amnko-pos-page-r1691046255 .park-chip.active {
  border-color: rgba(0,167,191,.65);
  background: var(--pos-primary-soft);
}
.amnko-pos-page-r1691046255 .park-chip__invoice { color: var(--pos-primary-strong); font-size: .72rem; font-weight: 950; direction: ltr; }
.amnko-pos-page-r1691046255 .park-chip__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .76rem; font-weight: 850; }
.amnko-pos-page-r1691046255 .park-chip .del {
  width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 7px;
  color: #b42318;
  background: rgba(220,38,38,.08);
  font-weight: 950;
}
.amnko-pos-page-r1691046255 .park-chip .del:hover { background: rgba(220,38,38,.15); }

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


.amnko-pos-page-r1691046255 #catGrid .product-card:hover,
.amnko-pos-page-r1691046255 #catGrid .product-card:focus-visible {
  transform: none;
  border-color: rgba(0,167,191,.55);
  box-shadow: 0 0 0 3px rgba(0,167,191,.08), 0 9px 22px rgba(15,23,42,.08) !important;
}
.amnko-pos-page-r1691046255 .pos-product-title { color: var(--pos-text); }
.amnko-pos-page-r1691046255 .pos-product-price-row .text-primary {
  color: #075ee5 !important;
  font-size: 1.02rem;
}
.amnko-pos-page-r1691046255 .pos-favorite-star { margin-inline-start: auto; }

/* ---------- Cart ---------- */




.amnko-pos-page-r1691046255 #cartItems::-webkit-scrollbar,
.amnko-pos-page-r1691046255 #catGrid::-webkit-scrollbar { width: 7px; }
.amnko-pos-page-r1691046255 #cartItems::-webkit-scrollbar-thumb,
.amnko-pos-page-r1691046255 #catGrid::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #bfd2de;
}

.amnko-pos-page-r1691046255 .pos-empty-cart.d-none { display: none !important; }



.amnko-pos-page-r1691046255 .pos-cart-info { grid-area: info; }

.amnko-pos-page-r1691046255 .btn-discount-mini { grid-area: discount; justify-self: end; }
.amnko-pos-page-r1691046255 .btn-del-mini { grid-area: delete; justify-self: end; }




.amnko-pos-page-r1691046255 .pos-footer-actions .btn-main-pay { min-height: 48px; }

/* ---------- POS mobile action bar and bottom sheets ---------- */
.pos-mobile-actions {
  position: fixed;
  inset-inline: 0;
  bottom: 84px;
  z-index: 1048;
  padding: 0 12px;
  pointer-events: none;
}
.pos-mobile-actions .pos-mobile-bar {
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px;
  border: 1px solid var(--pos-border);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 16px 28px rgba(15,23,42,.12);
}
.pos-mobile-actions .pos-mobile-meta { min-width: 140px; }
.pos-mobile-actions .pos-mobile-total { font-size: 1.05rem; font-weight: 950; }
.pos-mobile-actions .pos-mobile-sub { color: var(--pos-muted); font-size: .82rem; }
.pos-mobile-actions .pos-mobile-btns { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.pos-mobile-actions .pos-mobile-btns .btn { padding: .55rem .85rem; }
.pos-sheet-overlay {
  position: fixed;
  inset: 0;
  z-index: 1055;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0 10px 92px;
  background: rgba(15,23,42,.48);
}
.pos-sheet-overlay.d-none { display: none !important; }
.pos-sheet {
  width: 100%;
  max-width: 560px;
  overflow: hidden;
  border: 1px solid var(--pos-border);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 24px 60px rgba(15,23,42,.22);
  transform: translateY(14px);
  transition: transform 160ms ease;
}
.pos-sheet.open { transform: translateY(0); }
.pos-sheet-handle { width: 44px; height: 5px; margin: 10px auto 6px; border-radius: 999px; background: #dce5ea; }
.pos-sheet-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 14px 10px; border-bottom: 1px solid #edf2f6; }
.pos-sheet-title { font-weight: 950; }
.pos-sheet-body { max-height: calc(100vh - 240px); overflow: auto; padding: 12px 14px 14px; }



/* ---------- Canonical overlays and customer modal ---------- */
.pos-unit-overlay {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
  overscroll-behavior: contain;
  background: rgba(15,23,42,.46);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  padding: 18px;
}
.pos-unit-overlay.d-none { display: none !important; }
.pos-unit-dialog {
  width: min(640px, 100%);
  max-height: calc(100dvh - 36px);
  overflow: auto;
  border: 1px solid rgba(219,230,238,.95);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 28px 82px rgba(15,23,42,.28);
}
.pos-unit-dialog__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-bottom: 1px solid #e8eef3;
  background: linear-gradient(180deg,#fff 0%,#fbfdff 100%);
}
.pos-unit-dialog__eyebrow { color: #008fa5; font-size: .76rem; font-weight: 900; }
.pos-unit-dialog__title { color: #0f172a; font-size: 1.05rem; font-weight: 900; }
.pos-unit-dialog__product { padding: 14px 18px 4px; color: #334155; font-weight: 850; text-align: center; }
.pos-unit-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 14px 18px 18px; }
.pos-unit-choice {
  min-width: 0;
  min-height: 168px;
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 14px;
  border: 1px solid #dbe6ee;
  border-radius: 16px;
  background: #fff;
  cursor: pointer;
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.pos-unit-choice:hover,
.pos-unit-choice:focus-visible { border-color: rgba(0,167,191,.62); box-shadow: 0 0 0 4px rgba(0,167,191,.10), 0 12px 28px rgba(15,23,42,.08); transform: translateY(-1px); }
.pos-unit-choice.disabled { opacity: .46; cursor: not-allowed; filter: grayscale(.35); }
.pos-unit-choice__topline { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.pos-unit-choice__shortcut { width:26px; height:26px; display:inline-grid; place-items:center; border-radius:8px; color:#334155; background:#f1f5f9; font-weight:900; direction:ltr; }
.pos-unit-choice__type { color:#64748b; font-size:.78rem; font-weight:800; }
.pos-unit-choice__title { color:#0f172a; font-size:.98rem; line-height:1.5; font-weight:900; overflow-wrap:anywhere; }
.pos-unit-choice__stock { color:#64748b; font-size:.82rem; }
.pos-unit-choice__meta { color:#64748b; font-size:.76rem; line-height:1.5; }
.pos-unit-choice__footer { margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.pos-unit-choice__price { color:#075ee5; font-size:1.12rem; font-weight:950; direction:ltr; unicode-bidi:embed; }
.pos-unit-choice__select { color:#008fa5; font-size:.78rem; font-weight:900; }
.pos-unit-dialog__hint { padding:11px 18px 14px; border-top:1px solid #edf2f6; color:#64748b; font-size:.78rem; text-align:center; }


/* ---------- Canonical payment sheet controls ---------- */
#paymentPanelHome { display: none !important; }
.pos-pay-methods {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
}
.pos-pay-method {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 54px;
  padding: 10px 12px;
  border: 1px solid #dbe6ee;
  border-radius: 14px;
  background: #fff;
  cursor: pointer;
  user-select: none;
  transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
  font-weight: 800;
}
.pos-pay-method input { margin: 0; }
.pos-pay-method.active {
  border-color: rgba(0,184,217,.48);
  background: rgba(0,184,217,.10);
  box-shadow: 0 0 0 3px rgba(0,184,217,.10);
}
.pos-pay-actions {
  position: sticky;
  bottom: 0;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 10px;
  padding-top: 12px;
  border-top: 1px solid #e8eef3;
  background: #fff;
}




body.amnko-r9[data-amnko-route="pos"] .amnko-pos-customer-modal .modal-dialog { max-width: 620px; }
body.amnko-r9[data-amnko-route="pos"] .amnko-pos-customer-modal .modal-content { max-height: min(90dvh,760px); overflow: hidden; border-radius: 22px !important; }
body.amnko-r9[data-amnko-route="pos"] .amnko-pos-customer-modal .pos-delivery-modal__header {
  min-height: 92px;
  align-items: flex-start;
  gap: 14px;
  padding: 15px 17px;
  border: 0 !important;
  color: #fff;
  background: linear-gradient(135deg,#008fa5 0%,#006f82 100%) !important;
}
body.amnko-r9[data-amnko-route="pos"] .amnko-pos-customer-modal .pos-delivery-modal__heading { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
body.amnko-r9[data-amnko-route="pos"] .amnko-pos-customer-modal .pos-delivery-modal__eyebrow { color: rgba(255,255,255,.78); font-size: .72rem; font-weight: 850; }
body.amnko-r9[data-amnko-route="pos"] .amnko-pos-customer-modal .modal-title { margin: 0; color: #fff !important; font-size: 1.08rem; font-weight: 950; line-height: 1.4; }
body.amnko-r9[data-amnko-route="pos"] .amnko-pos-customer-modal .pos-delivery-modal__subtitle { color: rgba(255,255,255,.84); font-size: .74rem; line-height: 1.5; }
body.amnko-r9[data-amnko-route="pos"] .amnko-pos-customer-modal .pos-delivery-modal__header .btn-close {
  flex: 0 0 auto;
  margin: 0;
  opacity: .9;
  filter: invert(1) grayscale(1) brightness(2);
}
body.amnko-r9[data-amnko-route="pos"] .amnko-pos-customer-modal .modal-body { overflow-y: auto; padding: 16px 18px; background: #fbfdff; }
body.amnko-r9[data-amnko-route="pos"] .amnko-pos-customer-modal .modal-body .form-label { color: #52677a; font-weight: 850; }
body.amnko-r9[data-amnko-route="pos"] .amnko-pos-customer-modal .modal-body .form-control,
body.amnko-r9[data-amnko-route="pos"] .amnko-pos-customer-modal .modal-body .form-select { min-height: 42px; border-radius: 11px !important; background: #fff; }
body.amnko-r9[data-amnko-route="pos"] .amnko-pos-customer-modal .modal-footer { position: sticky; bottom: 0; z-index: 2; gap: 9px; padding: 12px 18px; background: #fff; }
body.amnko-r9[data-amnko-route="pos"] .amnko-pos-customer-modal .modal-footer .btn { min-width: 112px; }

/* ---------- Desktop fixed workspace ---------- */
@media (min-width: 992px) {
    .pos-col-5{ flex: 0 0 auto !important; width: 20% !important; max-width: 20% !important; }
  
 .pos-mobile-actions { display: none !important; } 

  #paySheetOverlay {
    align-items: center;
    padding: 18px;
  }
  #paySheet {
    width: min(740px, calc(100vw - 36px));
    max-width: 740px;
    max-height: calc(100dvh - 36px);
    border-radius: 26px !important;
  }
  #paySheet .pos-sheet-handle { display: none; }
  #paySheet .pos-sheet-body {
    max-height: calc(100dvh - 72px);
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 18px 22px 20px;
  }
  #paySheet .pos-sheet-body::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }
  #paymentPanel { display: flex; flex-direction: column; min-height: 0; }
  .pos-pay-amount-card { padding: 18px 20px; margin-bottom: 18px; }
  .pos-pay-amount-value { font-size: 46px; }
  .pos-pay-methods { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .pos-pay-actions .btn { min-height: 56px; font-size: 1.06rem; }


  body[data-amnko-route="pos"] { overflow: hidden; }
  .amnko-pos-page-r1691046255 {
    height: calc(100dvh - var(--amk-shell-topbar-height,64px));
    min-height: 0;
    overflow: hidden;
  }
  .amnko-pos-page-r1691046255 > .row {
    height: 100%;
    min-height: 0;
    flex-wrap: nowrap;
    align-items: stretch;
  }
  .amnko-pos-page-r1691046255 .pos-catalog-column {
    width: auto;
    height: 100%;
    min-height: 0;
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: .65rem !important;
  }
  .amnko-pos-page-r1691046255 .pos-order-context,
  .amnko-pos-page-r1691046255 .pos-catalog-toolbar { flex: 0 0 auto; }
  .amnko-pos-page-r1691046255 #catGrid {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    margin-inline: 0;
    padding: 3px 3px 12px;
    scrollbar-width: thin;
    scrollbar-color: #bfd2de transparent;
    overscroll-behavior: contain;
  }
  .amnko-pos-page-r1691046255 .amnko-pos-cart-column {
    width: clamp(320px, 27vw, 375px);
    height: 100%;
    min-height: 0;
    flex: 0 0 clamp(320px, 27vw, 375px);
    align-self: stretch;
    overflow: hidden;
    padding: .65rem !important;
  }
  .amnko-pos-page-r1691046255 .amnko-pos-cart-panel { height: 100%; min-height: 0; }
  .amnko-pos-page-r1691046255 #cartItems { overscroll-behavior: contain; scroll-padding-block: 12px; }
  .amnko-pos-page-r1691046255 .pos-col-5 { width: 20% !important; max-width: 20% !important; }

}
@media (min-width: 992px) and (max-width: 1279px) {
  .amnko-pos-page-r1691046255 .amnko-pos-cart-column {
    width: clamp(300px, 30vw, 330px);
    flex-basis: clamp(300px, 30vw, 330px);
  }
  .amnko-pos-page-r1691046255 .pos-col-5 { width: 25% !important; max-width: 25% !important; }
  .amnko-pos-page-r1691046255 .pos-catalog-toolbar { grid-template-columns: minmax(250px, 42%) minmax(0,1fr); }
  .amnko-pos-page-r1691046255 .pos-order-type-label { display: none; }
}
@media (min-width: 1600px) {
  .amnko-pos-page-r1691046255 .pos-col-5 { width: 16.666667% !important; max-width: 16.666667% !important; }
}

/* ---------- Tablet and mobile: catalog first, cart through bottom sheet ---------- */


@media (max-width: 575px) {
  .pos-pay-methods { grid-template-columns: 1fr; }
  .pos-pay-actions { grid-template-columns: 1fr; }


  .pos-unit-grid { grid-template-columns: 1fr; padding: 12px; }
  .pos-unit-dialog__header { padding: 13px 14px; }
  .pos-unit-dialog__product { padding-inline: 14px; }
  .pos-unit-choice { min-height: 142px; }
  .amnko-pos-page-r1691046255 .pos-customer-picker__selected { padding-inline: 4px; }
  .amnko-pos-page-r1691046255 #regularCustomerChange { padding-inline: 8px; }
  .amnko-pos-page-r1691046255 .pos-product-title { font-size: .86rem; }

}



/* R16.9.10.46.24.15 — POS-only action ownership. */
body.amnko-r9[data-amnko-route="pos"] #btnParkDesktop,
body.amnko-r9[data-amnko-route="pos"] .pos-mobile-cart-actions .btn-warning {
  background: #fff4d6 !important;
  border: 1px solid rgba(161,92,0,.45) !important;
  color: #7c3d00 !important;
  text-shadow: none !important;
}
body.amnko-r9[data-amnko-route="pos"] #btnParkDesktop:hover,
body.amnko-r9[data-amnko-route="pos"] .pos-mobile-cart-actions .btn-warning:hover {
  background: #ffe9bd !important;
  border-color: #a15c00 !important;
  color: #5f2d00 !important;
}




/* =====================================================================
   R16.9.10.46.24.15 — Checkout footer and parked-orders final layout.
   One authoritative grid owns the POS viewport. Page scrolling is disabled;
   only product lines, cart lines, search results and parked chips may scroll.
   ===================================================================== */

/* Shell containment: fit the workspace between the top bar and viewport edge. */
body.amnko-r9[data-amnko-route="pos"] {
  overflow: hidden !important;
}
body.amnko-r9[data-amnko-route="pos"] .content-wrap {
  min-height: 0 !important;
  overflow: hidden !important;
}
body.amnko-r9[data-amnko-route="pos"] .page-content {
  position: relative;
  box-sizing: border-box;
  height: calc(100dvh - var(--amk-shell-topbar-height,64px)) !important;
  min-height: 0 !important;
  max-height: calc(100dvh - var(--amk-shell-topbar-height,64px)) !important;
  padding: 8px 10px 7px !important;
  overflow: hidden !important;
}
body.amnko-r9[data-amnko-route="pos"] .amnko-pos-page-r1691046255 {
  position: absolute;
  inset: 8px 10px 7px;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
body.amnko-r9[data-amnko-route="pos"] .amnko-pos-page-r1691046255 > .row {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) clamp(305px,26vw,350px);
  grid-template-rows: minmax(0,1fr);
  gap: 8px;
  width: 100%;
  height: 100%;
  min-height: 0;
  margin: 0 !important;
  overflow: hidden;
}

/* Catalog: controls stay fixed, products own the flexible scroll area, parked
   orders always reserve their own final row and cannot fall below the viewport. */
.amnko-pos-page-r1691046255 .pos-catalog-column {  position: relative; 
  
  display: grid !important;
  grid-template-rows: auto auto minmax(0,1fr) auto;
  grid-template-areas:
    "order"
    "toolbar"
    "products"
    "parked";
  gap: 6px;
  width: auto !important;
  height: 100% !important;
  min-width: 0;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;

  }
.amnko-pos-page-r1691046255 .pos-order-context {
  position: relative;
  display: flex;
  align-items: stretch;
  margin-bottom: 8px;
  z-index: 42;

  
  grid-area: order;
  min-width: 0;
  margin: 0;
  gap: 8px;

  }
.amnko-pos-page-r1691046255 .pos-catalog-toolbar {
  position: relative;
  z-index: 30;
  display: grid;
  grid-template-columns: minmax(270px, 38%) minmax(0, 1fr);
  gap: 8px;
  margin-bottom: 8px;

  
  grid-area: toolbar;
  min-width: 0;
  margin: 0;

  }
.amnko-pos-page-r1691046255 #catGrid {
  --bs-gutter-x: .68rem;
  --bs-gutter-y: .68rem;
  align-content: flex-start;

  
  grid-area: products;
  min-width: 0;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 4px 3px 10px;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;

  }
.amnko-pos-page-r1691046255 #parkTaskbar {
  flex: 0 0 auto;
  margin-inline-end: auto;

  
  grid-area: parked;
  position: relative !important;
  inset: auto !important;
  z-index: 20;
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  align-self: end;

  }
.amnko-pos-page-r1691046255 #parkTaskbar .pos-parkbar {
  overflow: hidden;
  border: 1px solid rgba(170,197,211,.92);
  background: rgba(255,255,255,.98);

  
  width: 100%;
  border-radius: 13px;
  box-shadow: 0 7px 18px rgba(15,23,42,.09);

  }
.amnko-pos-page-r1691046255 .pos-parkbar__toggle {
  width: 100%;
  display: grid;
  align-items: center;
  border: 0;
  color: var(--pos-text);
  background: linear-gradient(180deg,#fff 0%,#f8fcfd 100%);
  text-align: right;

  
  min-height: 40px;
  grid-template-columns: 30px minmax(0,1fr) auto 25px;
  gap: 7px;
  padding: 5px 8px;

  }
.amnko-pos-page-r1691046255 .pos-parkbar__icon {
  display: grid;
  place-items: center;
  color: var(--pos-primary-strong);
  background: rgba(0,167,191,.12);

  
  width: 29px;
  height: 29px;
  border-radius: 9px;

  }
.amnko-pos-page-r1691046255 .pos-parkbar__copy strong {  font-weight: 950; 
  
  font-size: .79rem;

  }
.amnko-pos-page-r1691046255 .pos-parkbar__copy small { color: var(--pos-muted);  
  
  font-size: .66rem;

  }
.amnko-pos-page-r1691046255 .pos-parkbar__panel {
  border-top: 1px solid #e6eef3;
  background: #f7fafc;

  
  max-height: 112px;
  overflow: hidden;
  padding: 6px;

  }
.amnko-pos-page-r1691046255 #parkChips {
  min-width: 0;
  display: flex;
  gap: 7px;
  padding-bottom: 1px;
  scrollbar-width: thin;
  scrollbar-color: #bfd2de transparent;

  
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;

  }
.amnko-pos-page-r1691046255 .park-chip {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) 24px;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--pos-border-strong);
  border-radius: 11px;
  color: var(--pos-text);
  background: #fff;
  cursor: pointer;
  outline: none;

  
  min-width: 164px;
  min-height: 38px;
  padding: 5px 6px;

  }

/* Cart: CSS Grid guarantees the checkout footer remains visible regardless of
   cart length. Only #cartItems can shrink and scroll. */
.amnko-pos-page-r1691046255 .amnko-pos-cart-column {
  width: auto !important;
  height: 100% !important;
  min-width: 0;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.amnko-pos-page-r1691046255 .amnko-pos-cart-panel {
  border: 1px solid var(--pos-border) !important;
  background: #fff;
  box-shadow: 0 12px 30px rgba(15,23,42,.08) !important;

  
  display: grid !important;
  grid-template-rows: auto minmax(0,1fr) auto;
  width: 100%;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: 17px !important;

  }
.amnko-pos-page-r1691046255 .amnko-pos-cart-head {
  flex: 0 0 auto;
  background: linear-gradient(180deg,#fff 0%,#fbfdff 100%) !important;

  
  min-height: 0;
  padding: 9px 11px !important;

  }
.amnko-pos-page-r1691046255 #desktopCartSummary {
  display: block;
  min-height: auto;
  padding: 0;
  margin-top: 2px;
  border: 0;
  color: var(--pos-muted) !important;
  background: transparent;
  box-shadow: none;
  text-align: right;

  
  font-size: .76rem;
  line-height: 1.25;

  }
.amnko-pos-page-r1691046255 #cartItems {
  flex: 1 1 auto !important;
  background: #f6f9fb;
  scrollbar-width: thin;
  scrollbar-color: #8fb9ca transparent;
  scroll-behavior: smooth;

  
  display: block;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  padding: 7px;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scroll-padding-block: 8px;

  }
.amnko-pos-page-r1691046255 .pos-cart-list {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.amnko-pos-page-r1691046255 .pos-empty-cart {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px dashed #bfd8e4;
  border-radius: 15px;
  color: var(--pos-muted) !important;
  background: rgba(255,255,255,.72);

  
  min-height: 170px;
  margin: 4px;
  padding: 14px 10px;

  }
.amnko-pos-page-r1691046255 .pos-empty-icon {
  display: grid;
  place-items: center;
  border-radius: 15px;
  color: var(--pos-primary-strong);
  background: var(--pos-primary-soft);

  
  width: 46px;
  height: 46px;

  }
.amnko-pos-page-r1691046255 .pos-cart-card {
  display: grid;
  grid-template-areas: "image info delete" "image qty discount";
  align-items: center;
  border-color: #dce7ee;
  box-shadow: 0 4px 12px rgba(15,23,42,.035);

  
  grid-template-columns: 34px minmax(0,1fr) auto;
  gap: 5px 7px;
  padding: 6px 7px;
  border-radius: 11px;

  }
.amnko-pos-page-r1691046255 .pos-cart-img { grid-area: image; 
  
  width: 34px;
  height: 34px;
  border-radius: 9px;

  }
.amnko-pos-page-r1691046255 .pos-cart-title {  
  
  font-size: 12px;
  line-height: 1.25;

  }
.amnko-pos-page-r1691046255 .pos-cart-price {  
  
  font-size: 10px;
  line-height: 1.2;

  }
.amnko-pos-page-r1691046255 .pos-cart-meta-row {
  gap: 4px;
  margin-top: 1px;
}
.amnko-pos-page-r1691046255 .pos-cart-qty-ctrl { grid-area: qty; justify-self: start; 
  
  gap: 3px;

  }
.amnko-pos-page-r1691046255 .btn-qty-mini,
.amnko-pos-page-r1691046255 .qty-input-mini {
  width: 25px;
  min-width: 25px;
  height: 27px;
  min-height: 27px !important;
  padding: 0 !important;
  border-radius: 7px;
  font-size: .88rem;
}
.amnko-pos-page-r1691046255 .qty-input-mini {
  width: 34px;
  min-width: 34px;
}
.amnko-pos-page-r1691046255 .btn-discount-mini,
.amnko-pos-page-r1691046255 .btn-del-mini {
  min-height: 29px !important;
  padding: 0 8px !important;
  border-radius: 8px;
  font-size: .78rem;
}
.amnko-pos-page-r1691046255 .pos-bill-footer {
  flex: 0 0 auto;
  box-shadow: 0 -9px 22px rgba(15,23,42,.055);

  
  position: relative !important;
  inset: auto !important;
  z-index: 3;
  min-height: 0;
  padding: 7px 10px 8px !important;
  overflow: visible !important;
  background: #fff;

  }
.amnko-pos-page-r1691046255 .pos-bill-footer > .d-flex.justify-content-between.small {
  min-height: 16px;
  margin-bottom: 1px;
  font-size: .72rem;
  line-height: 1.12;
}
.amnko-pos-page-r1691046255 .pos-bill-total-row {
  min-height: 31px;
  align-items: center !important;
  margin-bottom: 6px !important;
  padding-top: 5px !important;
}
.amnko-pos-page-r1691046255 .pos-bill-total-row h4 {
  margin: 0;
  font-size: .95rem;
  line-height: 1.08;
}
.amnko-pos-page-r1691046255 .pos-bill-total-row #total {
  direction: ltr;
  font-size: 1.1rem;
}
.amnko-pos-page-r1691046255 .pos-footer-actions {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  grid-template-areas:
    "park cancel"
    "pay pay";
  gap: 6px;
}
.amnko-pos-page-r1691046255 .pos-footer-actions .btn {  
  
  width: 100% !important;
  min-width: 0 !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: .38rem .45rem !important;
  border-radius: 8px !important;
  font-size: .8rem;
  line-height: 1.1;

  }
.amnko-pos-page-r1691046255 #btnParkDesktop {
  grid-area: park;
}
.amnko-pos-page-r1691046255 #btnCancelDesktop {
  grid-area: cancel;
}
.amnko-pos-page-r1691046255 #btnSaveDesktop {
  grid-area: pay;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 42px !important;
  padding: .5rem .6rem !important;
  font-size: .9rem;
}

/* Compact controls preserve more catalog height without sacrificing touch size. */
.amnko-pos-page-r1691046255 .pos-order-type-card,
.amnko-pos-page-r1691046255 .pos-customer-picker__selected,
.amnko-pos-page-r1691046255 .pos-search-card .btn,
.amnko-pos-page-r1691046255 .pos-search-card .form-control,
.amnko-pos-page-r1691046255 .pos-search-card .input-group-text {
  min-height: 42px !important;
}
.amnko-pos-page-r1691046255 .pos-category-rail {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 6px;
  border: 1px solid var(--pos-border);
  border-radius: var(--pos-radius);
  background: #fff;
  box-shadow: 0 5px 16px rgba(15,23,42,.045);

  
  min-height: 42px;

  }
.amnko-pos-page-r1691046255 .category-btn {
  padding: 5px 12px;
  border: 1px solid #e3ebf0 !important;
  border-radius: 10px !important;
  color: #233247;
  background: #fff;
  box-shadow: none !important;
  font-size: .78rem;
  font-weight: 850;
  white-space: nowrap;
  flex: 0 0 auto !important;
  scroll-margin-inline: 12px;
  max-inline-size: 168px;
  overflow: hidden;
  text-overflow: ellipsis;

  
  min-height: 34px !important;

  }
.amnko-pos-page-r1691046255 #catGrid .product-card {
  border: 1px solid var(--pos-border);
  border-radius: 15px !important;
  background: #fff;
  box-shadow: 0 6px 16px rgba(15,23,42,.045) !important;
  transform: none;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;

  
  min-height: 124px;

  }

/* R16.9.10.46.24.15 — final physical RTL arrow semantics and edge-safe category navigation.
   JavaScript chooses the nearest button hidden on the requested visual side,
   avoiding browser-specific RTL scrollLeft models. */
.amnko-pos-page-r1691046255 .amnko-pos-cat-scroll-prev,
.amnko-pos-page-r1691046255 .amnko-pos-cat-scroll-next {
  direction: ltr;
  transition: opacity .15s ease, border-color .15s ease, background-color .15s ease, color .15s ease;
}
.amnko-pos-page-r1691046255 .amnko-pos-cat-scroll:disabled,
.amnko-pos-page-r1691046255 .amnko-pos-cat-scroll.is-disabled {
  opacity: .38;
  cursor: not-allowed;
  color: #8ca0af;
  border-color: #e3ebf0;
  background: #f7fafb;
  box-shadow: none;
}
.amnko-pos-page-r1691046255 .amnko-pos-cat-scroll:not(:disabled):hover {
  color: #087f89;
  border-color: rgba(0,167,191,.45);
  background: #f2fcfd;
}

/* Short desktop screens and browser zoom keep all checkout actions visible. */
@media (min-width: 992px) and (max-height: 760px) {
  body.amnko-r9[data-amnko-route="pos"] .page-content {
    padding: 6px 8px 5px !important;
  }
  body.amnko-r9[data-amnko-route="pos"] .amnko-pos-page-r1691046255 {
    inset: 6px 8px 5px;
  }
  .amnko-pos-page-r1691046255 .amnko-pos-cart-head {
    padding: 7px 9px !important;
  }
  .amnko-pos-page-r1691046255 #cartItems {
    padding: 5px 6px;
  }
  .amnko-pos-page-r1691046255 .pos-cart-list {
    gap: 5px;
  }
  .amnko-pos-page-r1691046255 .pos-cart-card {
    padding: 5px 6px;
  }
  .amnko-pos-page-r1691046255 .pos-bill-footer {
    padding: 5px 8px 6px !important;
  }
  .amnko-pos-page-r1691046255 .pos-bill-footer > .d-flex.justify-content-between.small {
    min-height: 14px;
    font-size: .69rem;
  }
  .amnko-pos-page-r1691046255 .pos-bill-total-row {
    min-height: 27px;
    margin-bottom: 4px !important;
    padding-top: 3px !important;
  }
  .amnko-pos-page-r1691046255 .pos-footer-actions {
    gap: 5px;
  }
  .amnko-pos-page-r1691046255 .pos-footer-actions .btn {
    min-height: 31px !important;
    padding-block: .31rem !important;
  }
  .amnko-pos-page-r1691046255 #btnSaveDesktop {
    min-height: 38px !important;
    padding-block: .4rem !important;
  }
}

/* Tablet/mobile retain one-screen operation. Desktop cart is replaced by the
   existing bottom sheets; the catalog remains internally scrollable. */


@media (max-width: 767px) {
  
  .amnko-pos-page-r1691046255 .pos-order-type-wrap,
  .amnko-pos-page-r1691046255 .pos-order-customer { flex: 1 1 100%; min-width: 0; }
  .amnko-pos-page-r1691046255 .pos-order-type-card { justify-content: center; }
  .amnko-pos-page-r1691046255 .pos-delivery-toolbar { flex-direction: column; align-items: stretch; }
  .amnko-pos-page-r1691046255 .pos-delivery-search,
  .amnko-pos-page-r1691046255 .pos-delivery-summary { flex: 1 1 auto; min-width: 0; }
  .amnko-pos-page-r1691046255 .pos-col-5 { width: 50% !important; max-width: 50% !important; }
  .amnko-pos-page-r1691046255 #posProductCountBadge { display: none; }
  .amnko-pos-page-r1691046255 .pos-category-rail { padding-inline: 4px; }


  .amnko-pos-page-r1691046255 .pos-order-context { flex-wrap: wrap; 

    gap: 5px;
  
}
  .amnko-pos-page-r1691046255 #catGrid .product-card {
    min-height: 112px;
  }

}

@media print {
  .pos-mobile-actions,
  .pos-sheet-overlay,
  #parkTaskbar { display: none !important; }


  body.amnko-r9[data-amnko-route="pos"] {
    overflow: visible !important;
  }
  body.amnko-r9[data-amnko-route="pos"] .page-content,
  body.amnko-r9[data-amnko-route="pos"] .amnko-pos-page-r1691046255 {
    position: static !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

}

/* Mobile toolbar containment: prevent generic form/card rules from vertically
   stretching the product search control. */
@media (max-width: 991px) {
    .pos-pay-amount-value { font-size: 30px; }
  

    .pos-remain-value { font-size: 36px; }
  
 #paymentPanelHome { display: none !important; } 

  body[data-amnko-route="pos"] { overflow-x: hidden; }
  .amnko-pos-page-r1691046255 { padding-bottom: 150px; }
  .amnko-pos-page-r1691046255 > .row { display: block; }
  
  .amnko-pos-page-r1691046255 .bill-section { display: none !important; }
  .amnko-pos-page-r1691046255 .pos-order-context {
    align-items: stretch;
    gap: 6px;
    margin-bottom: 6px;
  }
  .amnko-pos-page-r1691046255 .pos-order-type-wrap { min-width: 226px; }
  .amnko-pos-page-r1691046255 .pos-order-type-card { min-height: 48px; }
  .amnko-pos-page-r1691046255 .pos-order-type-label { display: none; }
  .amnko-pos-page-r1691046255 .pos-order-type-switch .form-check-label { min-width: 76px; min-height: 36px; }
  .amnko-pos-page-r1691046255 .pos-customer-picker__selected { min-height: 48px; }
  .amnko-pos-page-r1691046255 .pos-customer-picker__selected-meta { display: none; }
  .amnko-pos-page-r1691046255 .pos-customer-picker__popover {
    position: fixed;
    inset-inline: 12px;
    top: 76px;
    width: auto;
    max-height: calc(100dvh - 160px);
    overflow: auto;
  }
  .amnko-pos-page-r1691046255 .pos-customer-financial { position: fixed; inset-inline: 12px; top: 76px; }
  .amnko-pos-page-r1691046255 .pos-order-context.is-delivery .pos-order-type-card {
    align-items: stretch;
    flex-direction: column;
  }
  .amnko-pos-page-r1691046255 .pos-order-context.is-delivery .pos-order-type-switch { justify-content: center; }
  .amnko-pos-page-r1691046255 .pos-delivery-toolbar { width: 100%; }
  .amnko-pos-page-r1691046255 .pos-delivery-summary { min-width: 0; }
  .amnko-pos-page-r1691046255 .pos-delivery-details {
    position: fixed;
    inset: 64px 0 0;
    width: 100%;
    max-height: calc(100dvh - 64px);
    border: 0;
    border-radius: 0;
  }
  .amnko-pos-page-r1691046255 .pos-catalog-toolbar {
    position: sticky;
    top: 64px;
    z-index: 28;
    grid-template-columns: 1fr;
    gap: 6px;
    margin-bottom: 7px;
    padding-block: 2px;
    background: var(--pos-canvas);
  }
  .amnko-pos-page-r1691046255 .pos-search-card .btn,
  .amnko-pos-page-r1691046255 .pos-search-card .form-control,
  .amnko-pos-page-r1691046255 .pos-search-card .input-group-text { min-height: 46px; }
  .amnko-pos-page-r1691046255 .pos-category-rail { min-height: 46px; }
  .amnko-pos-page-r1691046255 .category-btn { min-height: 34px; }
  
  .amnko-pos-page-r1691046255 #catGrid.row { --bs-gutter-x: .62rem; --bs-gutter-y: .62rem; }
  .amnko-pos-page-r1691046255 #catGrid .product-card { min-height: 116px; padding: 11px !important; }
  .amnko-pos-page-r1691046255 #catGrid .product-card:hover { transform: none; }
  .amnko-pos-page-r1691046255 #catGrid .pos-product-title { font-size: .9rem; line-height: 1.25; }
  .amnko-pos-page-r1691046255 .pos-col-5 { width: 33.333333% !important; max-width: 33.333333% !important; }
  
  .amnko-pos-page-r1691046255 #parkTaskbar .pos-parkbar {
    width: 100%;
    display: block;
  }
  body.amnko-r9[data-amnko-route="pos"] .amnko-pos-customer-modal .modal-dialog { width:100%!important; height:100dvh!important; min-height:100dvh!important; max-width:none; margin:0!important; }
  body.amnko-r9[data-amnko-route="pos"] .amnko-pos-customer-modal .modal-content { width:100%!important; height:100dvh!important; min-height:100dvh!important; max-height:100dvh!important; border:0!important; border-radius:0!important; }
  body.amnko-r9[data-amnko-route="pos"] .amnko-pos-customer-modal .modal-body { min-height: 0; }
  body.amnko-r9[data-amnko-route="pos"] .amnko-pos-customer-modal .modal-footer { flex: 0 0 auto; }


  body.amnko-r9[data-amnko-route="pos"] .page-content {
    height: calc(100dvh - var(--amk-shell-topbar-height,64px)) !important;
    max-height: calc(100dvh - var(--amk-shell-topbar-height,64px)) !important;
    padding: 6px 7px !important;
  }
  body.amnko-r9[data-amnko-route="pos"] .amnko-pos-page-r1691046255 {
    inset: 6px 7px;
  }
  body.amnko-r9[data-amnko-route="pos"] .amnko-pos-page-r1691046255 > .row {
    display: block !important;
    overflow: hidden;
  }
  .amnko-pos-page-r1691046255 .pos-catalog-column { padding: .65rem !important; 

    grid-template-rows: auto auto auto minmax(0,1fr);
    grid-template-areas:
      "order"
      "toolbar"
      "parked"
      "products";
  
}
  .amnko-pos-page-r1691046255 #catGrid { display: flex !important;  

    padding-bottom: calc(150px + env(safe-area-inset-bottom));
  
}
  .amnko-pos-page-r1691046255 #parkTaskbar {
    max-width: 100%;
  

    margin-bottom: 0 !important;
  
}
  .amnko-pos-page-r1691046255 .pos-parkbar__copy small {
    display: none;
  }


  .amnko-pos-page-r1691046255 .pos-search-card,
  .amnko-pos-page-r1691046255 .pos-search-card .card-body,
  .amnko-pos-page-r1691046255 .pos-search-card .input-group {
    height: auto !important;
    min-height: 0 !important;
  }
  .amnko-pos-page-r1691046255 .pos-search-card .input-group {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
  }
  .amnko-pos-page-r1691046255 #search {
    width: 1% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
  .amnko-pos-page-r1691046255 #btnSearchClear,
  .amnko-pos-page-r1691046255 #btnSearchCam,
  .amnko-pos-page-r1691046255 .pos-search-card .input-group-text {
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
  }

}