/* =========================================================
   MOB365 POS — FINAL POLISH 2026-08-24
   Loaded LAST after freeze CSS to stabilize layout.
   ========================================================= */

:root{
    --m365-brand:#0f8f87;
    --m365-brand-dark:#0b625e;
    --m365-ink:#10243e;
    --m365-muted:#6b7a90;
    --m365-line:#d9e3ec;
    --m365-panel:#ffffff;
    --m365-bg:#eef3f7;
    --m365-danger:#c93645;
    --m365-warning:#b97708;
    --m365-info:#2b64a8;
}

/* ---------- one visual brand, not three ---------- */
.pos-sidebar .sidebar-logo::before{
    display:none!important;
    content:none!important;
}
.pos-sidebar .sidebar-brand-textonly img{
    display:none!important;
}
.pos-sidebar .sidebar-brand-textonly{
    min-width:0!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:7px 10px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.pos-sidebar .sidebar-brand-textonly span{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    line-height:1.05!important;
}
.pos-sidebar .sidebar-brand-textonly b{
    font-size:14px!important;
    color:#fff!important;
    letter-spacing:.02em!important;
}
.pos-sidebar .sidebar-brand-textonly small{
    margin-top:4px!important;
    color:#85a9ba!important;
    font-size:8px!important;
    letter-spacing:.16em!important;
}

/* ---------- sales route: full, centered, no shrink ---------- */
html:has(.pos-sales-page),
body:has(.pos-sales-page){
    width:100%!important;
    min-width:320px!important;
    height:auto!important;
    min-height:100%!important;
    overflow:auto!important;
    background:var(--m365-bg)!important;
}

.pos-sales-page{
    display:block!important;
    width:calc(100% - 32px)!important;
    max-width:1600px!important;
    height:auto!important;
    min-height:100dvh!important;
    margin:0 auto!important;
    padding:18px 0 28px!important;
    overflow:visible!important;
    background:transparent!important;
}

.pos-sales-page > *{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
}

.sales-pro-header{
    min-height:92px!important;
    padding:18px 22px!important;
    border-radius:14px!important;
    box-shadow:0 6px 22px rgba(16,36,62,.06)!important;
}

.sales-pro-title{
    gap:0!important;
}

.sales-pro-title h1{
    font-size:27px!important;
    line-height:1.1!important;
}

.sales-pro-title p{
    font-size:13px!important;
}

.sales-kpi-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
    margin-top:12px!important;
}

.sales-kpi{
    min-height:92px!important;
    border-radius:12px!important;
}

.sales-control-panel{
    grid-template-columns:minmax(300px,1fr) minmax(520px,auto) auto!important;
    width:100%!important;
    margin-top:12px!important;
    border-radius:12px!important;
}

.sales-result-meta{
    margin:10px 2px 8px!important;
}

.sales-content{
    min-height:0!important;
    height:auto!important;
    overflow:visible!important;
}

.sales-card-pro{
    width:100%!important;
    overflow:hidden!important;
}

.sales-table-wrap{
    width:100%!important;
    height:auto!important;
    max-height:58vh!important;
    overflow:auto!important;
    scrollbar-gutter:stable!important;
}

.sales-table-pro{
    min-width:1180px!important;
}

.sales-table-pro th,
.sales-table-pro td{
    vertical-align:middle!important;
}

.sales-table-pro .amount-col{
    text-align:right!important;
}

.sale-net-total{
    color:#0d7d59!important;
    font-weight:900!important;
    white-space:nowrap!important;
}

.correction-cell{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:5px!important;
}

.correction-amount{
    color:#b52e3d!important;
    font-size:11px!important;
    font-weight:900!important;
}

/* ---------- one action standard ---------- */
.sales-action-stack{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    width:92px!important;
    margin-left:auto!important;
}

.sales-action-stack .action-btn{
    width:92px!important;
    min-width:92px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 8px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border-radius:7px!important;
    font-size:10px!important;
    font-weight:850!important;
    line-height:1!important;
    box-shadow:none!important;
}

.sales-action-stack .action-btn.primary{
    border-color:#b9d2ee!important;
    background:#f7fbff!important;
    color:#174f8d!important;
}
.sales-action-stack .action-btn.return{
    border-color:#c7d9e8!important;
    background:#f8fbfd!important;
    color:#315f83!important;
}
.sales-action-stack .action-btn.danger{
    border-color:#efc3c8!important;
    background:#fff8f9!important;
    color:#b52d3b!important;
}
.sales-action-stack .action-btn:disabled{
    background:#f5f7f9!important;
    border-color:#e1e6eb!important;
    color:#a4adb8!important;
    opacity:1!important;
}

/* correction buttons are secondary, compact and consistent */
.correction-chip{
    min-height:28px!important;
    padding:0 8px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:7px!important;
    font-size:9px!important;
    font-weight:850!important;
}

/* ---------- recent correction movements ---------- */
.recent-movements{
    margin-top:14px!important;
    border-radius:12px!important;
}
.movement-item{
    min-height:70px!important;
}
.movement-print-btn{
    height:34px!important;
    border-radius:7px!important;
}

/* ---------- reports: centered + transparent source ---------- */
.reports-page,
.cash-report-page,
.pos-admin-page.report-print-page{
    width:calc(100% - 32px)!important;
    max-width:1500px!important;
    min-height:100dvh!important;
    margin:0 auto!important;
    padding:20px 0 30px!important;
    background:transparent!important;
    overflow:visible!important;
}

.reports-page > *,
.cash-report-page > *,
.pos-admin-page.report-print-page > *{
    max-width:none!important;
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
}

.report-source-badge{
    width:max-content!important;
    max-width:100%!important;
    margin:0 0 10px!important;
    padding:6px 9px!important;
    border:1px solid #c9ddd9!important;
    border-radius:999px!important;
    background:#eefaf7!important;
    color:#176d62!important;
    font-size:9px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
}
.report-source-badge.offline-source{
    border-color:#efd6a1!important;
    background:#fff8e7!important;
    color:#8a5b00!important;
}

.report-launch-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
}
.report-launch{
    min-height:150px!important;
    border-radius:12px!important;
}

/* ---------- general header/button consistency ---------- */
.back-pos-btn,
.sales-refresh-btn,
.secondary-btn,
.primary-btn{
    border-radius:8px!important;
    min-height:40px!important;
    font-weight:800!important;
}

/* ---------- desktop ---------- */
@media (min-width:1600px){
    .pos-sales-page{
        max-width:1580px!important;
    }
}

/* ---------- medium ---------- */
@media (max-width:1180px){
    .pos-sales-page,
    .reports-page,
    .cash-report-page,
    .pos-admin-page.report-print-page{
        width:calc(100% - 20px)!important;
    }
    .sales-control-panel{
        grid-template-columns:1fr!important;
    }
    .sales-filter-tabs{
        justify-content:flex-start!important;
    }
    .sales-kpi-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .report-launch-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

/* ---------- mobile ---------- */
@media (max-width:760px){
    .pos-sales-page,
    .reports-page,
    .cash-report-page,
    .pos-admin-page.report-print-page{
        width:100%!important;
        padding:10px!important;
    }
    .sales-pro-header{
        min-height:0!important;
    }
    .sales-kpi-grid,
    .report-launch-grid{
        grid-template-columns:1fr!important;
    }
    .sales-table-wrap{
        max-height:none!important;
        overflow:visible!important;
    }
    .sales-table-pro{
        min-width:0!important;
    }
    .sales-action-stack{
        width:100%!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
    .sales-action-stack .action-btn{
        width:100%!important;
        min-width:0!important;
    }
}

@media print{
    .report-source-badge,
    .no-print{
        display:none!important;
    }
}

/* ==========================================================
   MOB365 POS FINAL CART + INVOICE DISCOUNT UX — 2026-08-24
   Loaded last. UI-only; no fiscal/API contract changes.
   ========================================================== */

/* Compact cart: designed to keep 4–5 lines visible on a normal POS screen. */
.pos-layout-premium .pos-cart{
    gap:6px!important;
    padding:10px 12px!important;
    grid-template-rows:auto auto minmax(235px,1fr) auto auto auto auto!important;
}
.pos-layout-premium .pos-cart>h3{
    min-height:34px!important;height:34px!important;padding:0 4px!important;
    font-size:20px!important;
}
.pos-layout-premium .customer-box{padding:7px 9px!important}
.pos-layout-premium .customer-box input{height:36px!important;margin-bottom:3px!important}
.pos-layout-premium .selected-customer{margin-top:2px!important;font-size:11px!important}
.pos-layout-premium .loyalty-summary{min-height:44px!important;padding:6px 10px!important;margin-top:5px!important}
.pos-layout-premium .loyalty-summary strong{font-size:13px!important}
.pos-layout-premium .loyalty-summary small{font-size:10px!important}

.pos-layout-premium .cart-list{gap:5px!important;padding-right:4px!important;scroll-behavior:smooth}
.pos-layout-premium .cart-line{
    display:block!important;padding:7px 9px!important;border-radius:9px!important;
    min-height:0!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.pos-layout-premium .cart-line.last-touched{
    border:1.5px solid #16a085!important;background:#f5fffb!important;
    box-shadow:0 0 0 2px rgba(22,160,133,.08)!important;
}
.pos-layout-premium .cart-line-head{margin-bottom:5px!important;gap:6px!important}
.pos-layout-premium .cart-info strong{font-size:12px!important;line-height:1.15!important;display:block!important}
.pos-layout-premium .cart-description{display:none!important}
.pos-layout-premium .cart-code{font-size:9px!important;line-height:1.1!important;margin-top:2px!important}
.pos-layout-premium .remove-btn{width:28px!important;height:28px!important;min-width:28px!important;font-size:16px!important}
.pos-layout-premium .cart-line-details{gap:5px!important;margin:0!important}
.pos-layout-premium .cart-detail-cell{padding:5px 6px!important;min-height:36px!important;border-radius:5px!important}
.pos-layout-premium .cart-detail-cell span{font-size:8px!important;line-height:1!important}
.pos-layout-premium .cart-detail-cell strong{font-size:10px!important;line-height:1.1!important;margin-top:2px!important}
.pos-layout-premium .cart-line-footer{margin-top:5px!important;min-height:29px!important}
.pos-layout-premium .cart-controls{margin-top:0!important;height:29px!important}
.pos-layout-premium .cart-controls button{width:29px!important;height:29px!important;font-size:15px!important}
.pos-layout-premium .cart-controls span{min-width:30px!important;font-size:11px!important}
.pos-layout-premium .cart-controls input{height:29px!important;min-width:64px!important;max-width:82px!important;padding:2px 5px!important;font-size:11px!important;font-weight:800!important;text-align:center!important}
.pos-layout-premium .cart-stock span,.pos-layout-premium .cart-line-total span{font-size:8px!important}
.pos-layout-premium .cart-stock strong,.pos-layout-premium .cart-line-total strong{font-size:11px!important}
.pos-layout-premium .cart-secondary-actions{gap:5px!important}
.pos-layout-premium .cart-secondary-actions button{min-height:34px!important;height:34px!important;padding:4px 8px!important;font-size:11px!important}
.pos-layout-premium .cart-totals-summary{padding:5px 2px!important;gap:2px!important}
.pos-layout-premium .cart-totals-summary>div{min-height:17px!important;font-size:10px!important}
.pos-layout-premium .cart-total{min-height:48px!important;padding:8px 12px!important}
.pos-layout-premium .cart-total strong{font-size:25px!important}
.pos-layout-premium .items-count{min-height:20px!important;font-size:9px!important}
.pos-layout-premium .checkout-buttons{gap:5px!important}
.pos-layout-premium .checkout-buttons button{min-height:43px!important;height:43px!important;padding:5px 8px!important}
.pos-layout-premium .checkout-buttons .btn-title{font-size:11px!important}
.pos-layout-premium .checkout-buttons .btn-key{font-size:8px!important}

/* Invoice total discount modal — clean, POS-sized and visually consistent. */
.invoice-discount-backdrop{padding:20px!important;background:rgba(15,23,42,.58)!important;backdrop-filter:blur(2px)}
.invoice-discount-popup{
    width:min(470px,calc(100vw - 32px))!important;max-width:470px!important;
    padding:0!important;border:1px solid #d9e2ec!important;border-radius:16px!important;
    overflow:hidden!important;background:#fff!important;box-shadow:0 24px 70px rgba(15,23,42,.28)!important;
}
.invoice-discount-header{padding:20px 22px 16px!important;margin:0!important;border-bottom:1px solid #e6edf4!important;background:#fff!important}
.invoice-discount-header h3{margin:3px 0 4px!important;font-size:20px!important;line-height:1.2!important;color:#142033!important}
.invoice-discount-eyebrow{font-size:9px!important;font-weight:900!important;letter-spacing:.14em!important;color:#078675!important}
.invoice-discount-header .payment-kicker{display:block!important;font-size:10px!important;line-height:1.35!important;color:#64748b!important;letter-spacing:.04em!important}
.invoice-discount-popup .popup-x{top:16px!important;right:16px!important;width:34px!important;height:34px!important;border:1px solid #dce5ee!important;border-radius:9px!important;background:#f8fafc!important;color:#64748b!important;font-size:22px!important}
.invoice-discount-input{display:grid!important;grid-template-columns:110px 1fr!important;align-items:center!important;gap:12px!important;margin:12px 22px 0!important;padding:9px 10px!important;border:1px solid #e1e8f0!important;border-radius:10px!important;background:#f8fafc!important}
.invoice-discount-input label{display:flex!important;flex-direction:column!important;gap:1px!important;margin:0!important;color:#34465d!important;font-size:10px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.invoice-discount-input label small{font-size:9px!important;color:#8290a3!important}
.invoice-discount-input input{width:100%!important;height:46px!important;margin:0!important;padding:4px 12px!important;border:1px solid #cbd7e4!important;border-radius:9px!important;background:#fff!important;color:#0f2d4c!important;font-size:24px!important;font-weight:900!important;text-align:right!important;box-shadow:none!important}
.invoice-discount-input input:focus{outline:2px solid rgba(13,148,136,.18)!important;border-color:#0d9488!important}
.invoice-discount-preview{margin:14px 22px 0!important;padding:10px 12px!important;border:1px solid #e2e8f0!important;border-radius:10px!important;background:#fbfdff!important}
.invoice-discount-preview .payment-split-check{display:flex!important;justify-content:space-between!important;align-items:center!important;min-height:26px!important;margin:0!important;padding:2px 0!important;border:0!important;background:transparent!important;font-size:11px!important;color:#526277!important}
.invoice-discount-preview .payment-split-check strong{color:#172033!important;font-size:12px!important}
.invoice-discount-preview .invoice-discount-new-total{margin-top:5px!important;padding-top:8px!important;border-top:1px solid #dce5ee!important;color:#172033!important;font-weight:800!important}
.invoice-discount-preview .invoice-discount-new-total strong{font-size:17px!important;color:#087f6f!important}
.invoice-discount-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin:16px 22px 22px!important;padding:0!important}
.invoice-discount-actions button{width:100%!important;height:42px!important;margin:0!important;border-radius:9px!important;font-size:11px!important;font-weight:900!important;letter-spacing:.02em!important}
.invoice-discount-actions .cash-confirm-btn{order:1!important;border:1px solid #078675!important;background:#078675!important;color:#fff!important}
.invoice-discount-actions .close-btn{order:2!important;border:1px solid #d7e0e9!important;background:#fff!important;color:#334155!important}
.invoice-discount-actions .cash-confirm-btn:hover{background:#066f62!important}
.invoice-discount-actions .close-btn:hover{background:#f8fafc!important}

@media(max-height:820px) and (min-width:900px){
    .pos-layout-premium .cart-line{padding:5px 7px!important}
    .pos-layout-premium .cart-detail-cell{min-height:32px!important;padding:4px 5px!important}
    .pos-layout-premium .loyalty-summary{min-height:38px!important}
}


/* ==========================================================
   MOB365 RETAIL POS — SHPORTË E LEXUESHME + PAGESA KOMPAKTE
   2026-08-24
   ========================================================== */

.pos-layout-premium .pos-cart{
    grid-template-rows:34px auto minmax(310px,1fr) auto auto auto auto!important;
    gap:6px!important;
    padding:9px 11px!important;
}

.pos-layout-premium .customer-box{
    padding:6px 8px!important;
    border-radius:8px!important;
}
.pos-layout-premium .customer-box label{
    font-size:8px!important;
    margin-bottom:3px!important;
}
.pos-layout-premium .customer-box input{
    height:32px!important;
    margin-bottom:2px!important;
    padding:0 9px!important;
    font-size:10px!important;
}
.pos-layout-premium .selected-customer{
    margin-top:1px!important;
    font-size:9px!important;
    line-height:1.2!important;
}
.pos-layout-premium .loyalty-summary{
    min-height:34px!important;
    height:34px!important;
    margin-top:4px!important;
    padding:3px 8px!important;
}
.pos-layout-premium .loyalty-summary .loyalty-star{
    width:24px!important;
    height:24px!important;
    font-size:12px!important;
}
.pos-layout-premium .loyalty-summary strong{font-size:10px!important}
.pos-layout-premium .loyalty-summary small{font-size:8px!important}
.pos-layout-premium .loyalty-summary>b{font-size:10px!important}

.pos-layout-premium .cart-list{
    min-height:300px!important;
    gap:6px!important;
    padding:1px 4px 2px 1px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scroll-padding-block:8px!important;
}

.pos-layout-premium .cart-line{
    display:block!important;
    min-height:82px!important;
    padding:7px 8px!important;
    border:1px solid #d8e3ed!important;
    border-radius:9px!important;
    background:#fff!important;
    box-shadow:0 2px 8px rgba(31,54,82,.045)!important;
    overflow:visible!important;
}
.pos-layout-premium .cart-line.last-touched{
    border-color:#0f9d88!important;
    background:#f3fffb!important;
    box-shadow:0 0 0 2px rgba(15,157,136,.08)!important;
}

.pos-layout-premium .cart-line-head{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:7px!important;
    margin:0 0 5px!important;
}
.pos-layout-premium .cart-info{
    min-width:0!important;
    flex:1 1 auto!important;
}
.pos-layout-premium .cart-info strong{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    color:#132238!important;
    font-size:10.5px!important;
    line-height:1.18!important;
    font-weight:850!important;
    white-space:normal!important;
}
.pos-layout-premium .cart-description{display:none!important}
.pos-layout-premium .cart-code{
    display:block!important;
    margin-top:2px!important;
    color:#718096!important;
    font-size:7.5px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.pos-layout-premium .remove-btn{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    border-radius:7px!important;
    font-size:14px!important;
}

.pos-layout-premium .cart-line-details{
    display:grid!important;
    grid-template-columns:.72fr 1fr 1.45fr .7fr!important;
    gap:4px!important;
    margin:0!important;
}
.pos-layout-premium .cart-detail-cell{
    min-width:0!important;
    min-height:30px!important;
    padding:4px 5px!important;
    border:1px solid #e4ebf2!important;
    border-radius:6px!important;
    background:#f8fafc!important;
}
.pos-layout-premium .cart-detail-cell span{
    display:block!important;
    color:#6f7f92!important;
    font-size:6.8px!important;
    line-height:1!important;
    font-weight:850!important;
    text-transform:uppercase!important;
}
.pos-layout-premium .cart-detail-cell strong{
    display:block!important;
    margin-top:3px!important;
    color:#1a2c42!important;
    font-size:8.5px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.pos-layout-premium .cart-detail-cell.discount strong{
    color:#b45a00!important;
}

.pos-layout-premium .cart-line-footer{
    display:grid!important;
    grid-template-columns:auto 48px minmax(70px,1fr)!important;
    align-items:center!important;
    gap:7px!important;
    min-height:28px!important;
    margin-top:5px!important;
}
.pos-layout-premium .cart-controls{
    height:27px!important;
    margin:0!important;
    border-radius:7px!important;
}
.pos-layout-premium .cart-controls button{
    width:27px!important;
    height:27px!important;
    font-size:14px!important;
}
.pos-layout-premium .cart-controls span{
    min-width:28px!important;
    font-size:9px!important;
}
.pos-layout-premium .cart-controls input{
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
    height:27px!important;
    padding:1px 4px!important;
    font-size:9.5px!important;
}
.pos-layout-premium .cart-stock{
    min-width:0!important;
    text-align:center!important;
}
.pos-layout-premium .cart-stock span,
.pos-layout-premium .cart-line-total span{
    display:block!important;
    color:#79889a!important;
    font-size:6.8px!important;
    line-height:1!important;
    text-transform:uppercase!important;
    font-weight:850!important;
}
.pos-layout-premium .cart-stock strong{
    display:block!important;
    margin-top:2px!important;
    font-size:8.5px!important;
}
.pos-layout-premium .cart-line-total{
    min-width:0!important;
    text-align:right!important;
}
.pos-layout-premium .cart-line-total strong{
    display:block!important;
    margin-top:2px!important;
    color:#12253c!important;
    font-size:11px!important;
    font-weight:900!important;
    white-space:nowrap!important;
}

.pos-layout-premium .cart-secondary-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:4px!important;
}
.pos-layout-premium .cart-secondary-actions button{
    min-height:29px!important;
    height:29px!important;
    padding:2px 7px!important;
    border-radius:7px!important;
    font-size:8.5px!important;
}
.pos-layout-premium .cart-secondary-actions .hold-cart-btn:last-child{
    grid-column:1 / -1!important;
}

.pos-layout-premium .cart-totals-summary{
    padding:3px 2px!important;
    gap:1px!important;
}
.pos-layout-premium .cart-totals-summary>div{
    min-height:14px!important;
    font-size:8.5px!important;
}
.pos-layout-premium .cart-total{
    min-height:40px!important;
    height:40px!important;
    padding:5px 10px!important;
    border-radius:8px!important;
}
.pos-layout-premium .cart-total span{font-size:8px!important}
.pos-layout-premium .cart-total strong{font-size:22px!important}
.pos-layout-premium .items-count{
    min-height:15px!important;
    height:15px!important;
    font-size:7.5px!important;
}

.pos-layout-premium .checkout-buttons{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:4px!important;
}
.pos-layout-premium .checkout-buttons button{
    min-height:35px!important;
    height:35px!important;
    padding:3px 7px!important;
    border-radius:7px!important;
}
.pos-layout-premium .checkout-buttons .btn-title{
    font-size:9px!important;
    line-height:1.05!important;
    font-weight:900!important;
}
.pos-layout-premium .checkout-buttons .btn-key{
    margin-top:2px!important;
    font-size:6.5px!important;
    line-height:1!important;
}

.pos-layout-premium .pos-quick-actions .quick-action{
    min-height:39px!important;
}
.pos-layout-premium .pos-quick-actions .qa-label{
    font-size:7.5px!important;
    line-height:1.05!important;
}

@media(max-height:820px) and (min-width:900px){
    .pos-layout-premium .pos-cart{
        grid-template-rows:32px auto minmax(250px,1fr) auto auto auto auto!important;
    }
    .pos-layout-premium .cart-list{min-height:245px!important}
    .pos-layout-premium .cart-line{
        min-height:78px!important;
        padding:6px 7px!important;
    }
}


/* ==========================================================
   MOB365 RETAIL POS — FINAL WORKSPACE / CART / PERSONALIZATION
   2026-08-24.5
   ========================================================== */

/* Retail personalization is now actually reflected in the POS. */
.pos-app-shell.mob365-customizable{
    --pos-primary:var(--mob-accent,#0b8f83)!important;
    --pos-primary-2:var(--mob-accent,#0b8f83)!important;
    --pos-accent:var(--mob-accent,#0b8f83)!important;
    --m365-brand:var(--mob-accent,#0b8f83)!important;
    --m365-brand-dark:var(--mob-accent,#0b8f83)!important;
}
.pos-app-shell.mob365-customizable .pos-sidebar{
    background:var(--mob-header,var(--pos-sidebar-bg,#0d2d4f))!important;
}
.pos-app-shell.mob365-customizable .sidebar-link.active,
.pos-app-shell.mob365-customizable .sidebar-collapse-btn,
.pos-app-shell.mob365-customizable .market-search-box:focus-within{
    border-color:var(--mob-accent,#0b8f83)!important;
}
.pos-app-shell.mob365-customizable .sidebar-link.active{
    box-shadow:inset 3px 0 0 var(--mob-accent,#0b8f83)!important;
}

/* Explicit personalization button. */
.retail-personalize-btn{
    height:34px!important;
    padding:0 10px!important;
    border:1px solid #d7e1ea!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#24364d!important;
    font-size:9px!important;
    font-weight:850!important;
}
.retail-personalize-btn:hover{
    border-color:var(--mob-accent,#0b8f83)!important;
    color:var(--mob-accent,#0b8f83)!important;
}
/* Hide the injected duplicate launcher: Retail has the explicit button now. */
.pos-app-shell [data-layout-launcher="retail"]{display:none!important;}

/* No redundant M / article counter header in product checkout. */
.pos-layout-premium .pos-products .market-header{display:none!important;}
.pos-layout-premium .pos-products{grid-template-rows:auto auto minmax(0,1fr)!important;}

/* Sidebar is narrower in the normal state. */
.pos-app-shell.mob365-customizable:not(.sidebar-collapsed) .pos-layout-premium{
    grid-template-columns:minmax(132px,var(--mob365-retail-sidebar,11%)) minmax(460px,1fr) minmax(370px,var(--mob365-retail-cart,28%)) 118px!important;
}
.pos-app-shell:not(.mob365-customizable):not(.sidebar-collapsed) .pos-layout-premium{
    grid-template-columns:150px minmax(460px,1fr) minmax(390px,28%) 118px!important;
}

/* Collapsing menu must release space to checkout AND cart. */
.pos-app-shell.sidebar-collapsed .pos-layout-premium{
    grid-template-columns:62px minmax(500px,1fr) minmax(410px,31%) 112px!important;
}
.pos-app-shell.sidebar-collapsed .pos-sidebar{width:62px!important;min-width:62px!important;}
.pos-app-shell.sidebar-collapsed .sidebar-brand-textonly span,
.pos-app-shell.sidebar-collapsed .sidebar-group-header span,
.pos-app-shell.sidebar-collapsed .sidebar-group-header b,
.pos-app-shell.sidebar-collapsed .sidebar-text,
.pos-app-shell.sidebar-collapsed .logout-text{display:none!important;}
.pos-app-shell.sidebar-collapsed .sidebar-brand-row{justify-content:center!important;}
.pos-app-shell.sidebar-collapsed .sidebar-collapse-btn{margin:0 auto!important;}
.pos-app-shell.sidebar-collapsed .sidebar-link{justify-content:center!important;padding-inline:0!important;}

/* Cart: enough room to edit ANY row. We scroll the list, not the whole checkout. */
.pos-layout-premium .pos-cart{
    grid-template-rows:34px auto minmax(0,1fr) auto auto auto auto!important;
    min-height:0!important;
}
.pos-layout-premium .cart-list{
    min-height:0!important;
    height:100%!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    scrollbar-gutter:stable!important;
    scroll-behavior:smooth!important;
    padding:2px 5px 8px 2px!important;
}
.pos-layout-premium .cart-line{
    min-height:86px!important;
    flex:0 0 auto!important;
    scroll-margin-block:8px!important;
}
.pos-layout-premium .cart-info strong{
    font-size:11px!important;
    line-height:1.2!important;
    -webkit-line-clamp:2!important;
}
.pos-layout-premium .cart-line-details{
    grid-template-columns:.7fr 1fr 1.35fr .7fr!important;
}
.pos-layout-premium .cart-detail-cell{min-height:31px!important;}
.pos-layout-premium .cart-line-footer{min-height:29px!important;}

/* Compact payment area so the list receives more height. */
.pos-layout-premium .checkout-buttons button{
    min-height:32px!important;
    height:32px!important;
}
.pos-layout-premium .checkout-buttons .btn-title{font-size:8.5px!important;}
.pos-layout-premium .checkout-buttons .btn-key{font-size:6px!important;}
.pos-layout-premium .cart-total{height:38px!important;min-height:38px!important;}
.pos-layout-premium .cart-total strong{font-size:20px!important;}
.pos-layout-premium .cart-secondary-actions button{height:27px!important;min-height:27px!important;}

@media(max-width:1250px) and (min-width:901px){
  .pos-app-shell.mob365-customizable:not(.sidebar-collapsed) .pos-layout-premium{
      grid-template-columns:minmax(126px,10.5%) minmax(390px,1fr) minmax(350px,30%) 108px!important;
  }
  .pos-app-shell.sidebar-collapsed .pos-layout-premium{
      grid-template-columns:58px minmax(420px,1fr) minmax(365px,31%) 104px!important;
  }
}


/* ==========================================================
   MOB365 RETAIL POS — GLASS SIDEBAR + CART UX FINAL
   2026-08-24.6
   ========================================================== */

/* ---------- TOP BAR: one clean compact session line ---------- */
.pos-app-shell .ds-topbar{
    min-height:58px!important;
    height:58px!important;
    padding:0 12px!important;
    overflow:visible!important;
}
.pos-app-shell .ds-topbar-actions{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
}
.pos-app-shell .retail-top-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    min-width:0!important;
}
.pos-app-shell .command-statuses{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    flex-wrap:nowrap!important;
}
.pos-app-shell .command-pill{
    min-height:28px!important;
    padding:0 8px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.72)!important;
    border:1px solid rgba(178,195,211,.62)!important;
    box-shadow:0 4px 14px rgba(20,42,66,.06)!important;
    backdrop-filter:blur(14px)!important;
    color:#20354d!important;
    font-size:8px!important;
    white-space:nowrap!important;
}
.pos-app-shell .retail-session-bar{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    min-width:0!important;
}
.pos-app-shell .retail-user-chip{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    min-width:0!important;
    max-width:190px!important;
    height:34px!important;
    padding:3px 8px 3px 4px!important;
    border:1px solid rgba(173,190,206,.58)!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.68)!important;
    box-shadow:0 5px 16px rgba(20,42,66,.06)!important;
    backdrop-filter:blur(14px)!important;
}
.pos-app-shell .retail-user-avatar{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:8px!important;
    background:var(--mob-accent,#0b8f83)!important;
    color:#fff!important;
    font-size:8px!important;
    font-weight:900!important;
}
.pos-app-shell .retail-user-copy{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    line-height:1.05!important;
}
.pos-app-shell .retail-user-copy strong{
    max-width:130px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#172a40!important;
    font-size:8.5px!important;
}
.pos-app-shell .retail-user-copy small{
    margin-top:2px!important;
    color:#718096!important;
    font-size:6.5px!important;
    white-space:nowrap!important;
}
.pos-app-shell .retail-top-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    height:34px!important;
    min-width:auto!important;
    padding:0 9px!important;
    border:1px solid rgba(173,190,206,.58)!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.68)!important;
    color:#20354d!important;
    box-shadow:0 5px 16px rgba(20,42,66,.05)!important;
    backdrop-filter:blur(14px)!important;
    font-size:8px!important;
    font-weight:850!important;
}
.pos-app-shell .retail-top-btn:hover{
    border-color:var(--mob-accent,#0b8f83)!important;
    color:var(--mob-accent,#0b8f83)!important;
}
.pos-app-shell .retail-top-btn b{font-size:8px!important}

/* ---------- GLASS SIDEBAR ---------- */
.pos-app-shell .pos-sidebar{
    width:auto!important;
    min-width:0!important;
    border:1px solid rgba(255,255,255,.22)!important;
    border-left:0!important;
    border-radius:0 15px 15px 0!important;
    background:
      linear-gradient(180deg,rgba(17,44,72,.82),rgba(8,30,52,.78))!important;
    box-shadow:
      10px 0 28px rgba(14,35,57,.10),
      inset -1px 0 0 rgba(255,255,255,.10)!important;
    backdrop-filter:blur(20px) saturate(135%)!important;
    -webkit-backdrop-filter:blur(20px) saturate(135%)!important;
}
.pos-app-shell:not(.sidebar-collapsed) .pos-layout-premium{
    grid-template-columns:138px minmax(500px,1fr) minmax(390px,29%) 108px!important;
}
.pos-app-shell .sidebar-brand-row{
    min-height:54px!important;
    padding:8px 8px 7px!important;
}
.pos-app-shell .sidebar-brand-textonly b{font-size:10px!important}
.pos-app-shell .sidebar-brand-textonly small{font-size:6px!important}
.pos-app-shell .sidebar-collapse-btn{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.07)!important;
    color:#fff!important;
    box-shadow:none!important;
    backdrop-filter:blur(12px)!important;
    font-size:16px!important;
    font-weight:800!important;
}
.pos-app-shell .sidebar-collapse-btn:hover{
    background:rgba(255,255,255,.13)!important;
    border-color:rgba(255,255,255,.34)!important;
}
.pos-app-shell .sidebar-link.active{
    background:rgba(18,177,160,.17)!important;
    border-color:rgba(83,219,204,.46)!important;
}
.pos-app-shell .sidebar-group-header,
.pos-app-shell .sidebar-link,
.pos-app-shell .logout-btn{
    color:#f5fbff!important;
}

/* Collapsed means ONLY the large expand arrow remains. */
.pos-app-shell.sidebar-collapsed .pos-layout-premium{
    grid-template-columns:46px minmax(540px,1fr) minmax(420px,31%) 104px!important;
}
.pos-app-shell.sidebar-collapsed .pos-sidebar{
    width:46px!important;
    min-width:46px!important;
    padding:0!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-direction:column!important;
}
.pos-app-shell.sidebar-collapsed .sidebar-brand-row{
    width:100%!important;
    min-height:58px!important;
    padding:10px 5px!important;
    display:flex!important;
    justify-content:center!important;
}
.pos-app-shell.sidebar-collapsed .sidebar-logo,
.pos-app-shell.sidebar-collapsed .sidebar-nav,
.pos-app-shell.sidebar-collapsed .sidebar-spacer,
.pos-app-shell.sidebar-collapsed .logout-btn{
    display:none!important;
}
.pos-app-shell.sidebar-collapsed .sidebar-collapse-btn{
    display:grid!important;
    place-items:center!important;
    width:36px!important;
    height:42px!important;
    min-width:36px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.26)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.06)!important;
    color:#fff!important;
    font-size:24px!important;
    line-height:1!important;
}

/* ---------- CART: readable, stable, easy to return to top ---------- */
.pos-layout-premium .pos-cart{
    grid-template-rows:38px auto minmax(0,1fr) auto auto auto auto!important;
    gap:5px!important;
    min-height:0!important;
    padding:8px 10px!important;
}
.pos-layout-premium .cart-titlebar{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:36px!important;
    padding:0 1px 5px!important;
    border-bottom:1px solid #e4ebf2!important;
}
.pos-layout-premium .cart-titlebar h3{
    margin:0!important;
    color:#12243b!important;
    font-size:18px!important;
    line-height:1!important;
}
.pos-layout-premium .cart-titlebar h3 span{
    display:inline-grid!important;
    place-items:center!important;
    min-width:24px!important;
    height:22px!important;
    margin-left:5px!important;
    padding:0 6px!important;
    border-radius:999px!important;
    background:#edf4f8!important;
    color:#37546c!important;
    font-size:10px!important;
}
.pos-layout-premium .cart-top-btn{
    height:27px!important;
    padding:0 8px!important;
    border:1px solid #d6e0e9!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#4c6075!important;
    font-size:8px!important;
    font-weight:850!important;
}
.pos-layout-premium .cart-top-btn:hover{
    border-color:var(--mob-accent,#0b8f83)!important;
    color:var(--mob-accent,#0b8f83)!important;
}

.pos-layout-premium .cart-list{
    min-height:0!important;
    height:100%!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    scrollbar-gutter:stable!important;
    padding:3px 4px 8px 1px!important;
    scroll-behavior:smooth!important;
}
.pos-layout-premium .cart-list::-webkit-scrollbar{width:9px!important}
.pos-layout-premium .cart-list::-webkit-scrollbar-track{
    background:#eef3f7!important;
    border-radius:8px!important;
}
.pos-layout-premium .cart-list::-webkit-scrollbar-thumb{
    background:#9fb0bf!important;
    border-radius:8px!important;
    border:2px solid #eef3f7!important;
}

.pos-layout-premium .cart-line{
    min-height:72px!important;
    margin:0 0 5px!important;
    padding:6px 7px!important;
    border:1px solid #dce5ed!important;
    border-radius:9px!important;
    background:#fff!important;
    box-shadow:0 1px 5px rgba(22,45,70,.035)!important;
}
.pos-layout-premium .cart-line-head{
    margin-bottom:4px!important;
}
.pos-layout-premium .cart-info strong{
    font-size:10px!important;
    line-height:1.12!important;
    -webkit-line-clamp:1!important;
}
.pos-layout-premium .cart-code{
    font-size:6.8px!important;
    margin-top:1px!important;
}
.pos-layout-premium .cart-line-details{
    grid-template-columns:.72fr 1fr 1.35fr .66fr!important;
    gap:3px!important;
}
.pos-layout-premium .cart-detail-cell{
    min-height:26px!important;
    padding:3px 4px!important;
}
.pos-layout-premium .cart-detail-cell span{font-size:6px!important}
.pos-layout-premium .cart-detail-cell strong{
    margin-top:2px!important;
    font-size:7.6px!important;
}
.pos-layout-premium .cart-line-footer{
    min-height:25px!important;
    margin-top:4px!important;
    grid-template-columns:auto 42px minmax(64px,1fr)!important;
}
.pos-layout-premium .cart-controls,
.pos-layout-premium .cart-controls button,
.pos-layout-premium .cart-controls input{
    height:25px!important;
}
.pos-layout-premium .cart-controls button{width:25px!important}
.pos-layout-premium .cart-controls input{
    width:66px!important;
    min-width:66px!important;
    max-width:66px!important;
}
.pos-layout-premium .cart-line-total strong{font-size:10px!important}

/* Payment/totals stay compact and never steal the cart list. */
.pos-layout-premium .cart-secondary-actions button{
    height:25px!important;
    min-height:25px!important;
    font-size:7.5px!important;
}
.pos-layout-premium .cart-totals-summary>div{
    min-height:12px!important;
    font-size:7.5px!important;
}
.pos-layout-premium .cart-total{
    height:35px!important;
    min-height:35px!important;
}
.pos-layout-premium .cart-total strong{font-size:19px!important}
.pos-layout-premium .items-count{
    height:13px!important;
    min-height:13px!important;
    font-size:6.7px!important;
}
.pos-layout-premium .checkout-buttons button{
    height:30px!important;
    min-height:30px!important;
}
.pos-layout-premium .checkout-buttons .btn-title{font-size:8px!important}
.pos-layout-premium .checkout-buttons .btn-key{font-size:5.8px!important}

/* Responsive cleanup for the top right area. */
@media(max-width:1350px){
    .pos-app-shell .retail-user-copy{display:none!important}
    .pos-app-shell .retail-user-chip{
        width:36px!important;
        min-width:36px!important;
        padding:3px!important;
        justify-content:center!important;
    }
    .pos-app-shell .retail-top-btn b{display:none!important}
    .pos-app-shell .retail-top-btn{
        width:34px!important;
        padding:0!important;
    }
}
@media(max-width:1120px){
    .pos-app-shell .command-statuses .command-pill:nth-child(2){display:none!important}
    .pos-app-shell:not(.sidebar-collapsed) .pos-layout-premium{
        grid-template-columns:126px minmax(420px,1fr) minmax(350px,30%) 98px!important;
    }
}


/* =====================================================================
   MOB365 RETAIL POS — PROFESSIONAL DESKTOP PASS 2026-08-24.7
   Search details / readable cart / full glass sidebar labels
   ===================================================================== */

/* Layout: useful proportions, no crushed sidebar or basket. */
.pos-app-shell:not(.sidebar-collapsed) .pos-layout-premium {
    grid-template-columns: 188px minmax(560px, 1fr) minmax(470px, 31%) 104px !important;
    gap: 8px !important;
}
.pos-app-shell.sidebar-collapsed .pos-layout-premium {
    grid-template-columns: 48px minmax(620px, 1fr) minmax(500px, 33%) 104px !important;
    gap: 8px !important;
}

/* Glass sidebar: color comes from Personalization variable instead of a hard-coded navy. */
.pos-app-shell .pos-sidebar {
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--pos-sidebar-bg, #173653) 82%, transparent),
            color-mix(in srgb, var(--pos-sidebar-bg, #102a44) 92%, #071421 8%)) !important;
    border: 1px solid rgba(255,255,255,.20) !important;
    border-left: 0 !important;
    box-shadow: 10px 0 30px rgba(18,38,60,.10), inset -1px 0 0 rgba(255,255,255,.09) !important;
    backdrop-filter: blur(22px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(140%) !important;
}
.pos-app-shell:not(.sidebar-collapsed) .pos-sidebar {
    width: 188px !important;
    min-width: 188px !important;
    padding: 8px !important;
}
.pos-app-shell .sidebar-brand-row {
    padding: 8px 7px 10px !important;
}
.pos-app-shell .sidebar-brand-textonly {
    min-width: 0 !important;
}
.pos-app-shell .sidebar-brand-textonly b {
    font-size: 11px !important;
    white-space: nowrap !important;
}
.pos-app-shell .sidebar-brand-textonly small {
    font-size: 6.5px !important;
    letter-spacing: .14em !important;
}
.pos-app-shell .sidebar-group {
    width: 100% !important;
}
.pos-app-shell .sidebar-group-header {
    width: 100% !important;
    min-height: 34px !important;
    padding: 0 8px !important;
    border-radius: 8px !important;
    font-size: 8px !important;
    letter-spacing: .10em !important;
}
.pos-app-shell .sidebar-group-items {
    width: 100% !important;
    display: grid !important;
    gap: 3px !important;
    margin: 3px 0 6px !important;
}
.pos-app-shell .sidebar-link {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
    display: grid !important;
    grid-template-columns: 30px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 4px 7px !important;
    border-radius: 9px !important;
    text-align: left !important;
}
.pos-app-shell .sidebar-icon {
    width: 28px !important;
    height: 28px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,.08) !important;
    font-size: 13px !important;
}
.pos-app-shell .sidebar-text {
    display: block !important;
    min-width: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    color: #f6fbff !important;
    font-size: 9px !important;
    line-height: 1.16 !important;
    font-weight: 750 !important;
}
.pos-app-shell .sidebar-link.active {
    background: color-mix(in srgb, var(--mob-accent,#0b8f83) 28%, rgba(255,255,255,.08)) !important;
    border-color: color-mix(in srgb, var(--mob-accent,#0b8f83) 70%, white 20%) !important;
}

/* Collapsed mode remains icon/expand-only and returns width to checkout + cart. */
.pos-app-shell.sidebar-collapsed .pos-sidebar {
    width: 48px !important;
    min-width: 48px !important;
}
.pos-app-shell.sidebar-collapsed .sidebar-brand-row {
    padding: 9px 5px !important;
}
.pos-app-shell.sidebar-collapsed .sidebar-logo,
.pos-app-shell.sidebar-collapsed .sidebar-brand-textonly,
.pos-app-shell.sidebar-collapsed .sidebar-nav,
.pos-app-shell.sidebar-collapsed .sidebar-spacer,
.pos-app-shell.sidebar-collapsed .logout-btn {
    display: none !important;
}
.pos-app-shell.sidebar-collapsed .sidebar-collapse-btn {
    width: 38px !important;
    height: 46px !important;
    font-size: 25px !important;
    border-radius: 13px !important;
    background: rgba(255,255,255,.07) !important;
    color: rgba(255,255,255,.92) !important;
}

/* SEARCH AREA */
.pos-layout-premium .pos-products {
    min-width: 0 !important;
}
.pos-layout-premium .market-search-shell {
    padding: 12px 14px 10px !important;
}
.pos-layout-premium .market-search-box {
    height: 48px !important;
}
.pos-layout-premium .search-results-pro-header {
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 9px 14px !important;
}
.pos-layout-premium .search-results-pro-header > div {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}
.pos-layout-premium .search-results-pro-header strong {
    color: #20364d !important;
    font-size: 10px !important;
}
.pos-layout-premium .search-results-pro-header small {
    color: #8391a1 !important;
    font-size: 7.5px !important;
}
.pos-layout-premium .product-result-columns {
    display: grid !important;
    grid-template-columns: 105px minmax(230px,1fr) 70px 72px 60px 72px 95px !important;
    gap: 8px !important;
    align-items: center !important;
    min-height: 31px !important;
    padding: 0 14px !important;
    border-top: 1px solid #e3eaf1 !important;
    border-bottom: 1px solid #d8e1ea !important;
    background: #f4f7fa !important;
    color: #6e7f92 !important;
    font-size: 7px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}
.pos-layout-premium .market-result-list-pro {
    overflow-y: auto !important;
}
.pos-layout-premium .market-result-row-pro {
    position: relative !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 105px minmax(230px,1fr) 70px 72px 60px 72px 95px !important;
    gap: 8px !important;
    align-items: center !important;
    min-height: 64px !important;
    padding: 7px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid #dde5ed !important;
    border-radius: 0 !important;
    background: #fff !important;
    text-align: left !important;
}
.pos-layout-premium .market-result-row-pro:hover,
.pos-layout-premium .market-result-row-pro.keyboard-selected {
    background: #f1f8ff !important;
    box-shadow: inset 3px 0 0 var(--mob-accent,#0b8f83) !important;
}
.pos-layout-premium .market-result-row-pro.in-cart {
    background: #f4fbfa !important;
}
.pos-layout-premium .market-result-row-pro .result-code {
    min-width: 0 !important;
}
.pos-layout-premium .market-result-row-pro .result-code strong {
    display: block !important;
    color: #54677e !important;
    font-size: 8.5px !important;
}
.pos-layout-premium .market-result-row-pro .result-code small {
    display: block !important;
    margin-top: 3px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #8b99a8 !important;
    font-size: 6.8px !important;
}
.pos-layout-premium .market-result-row-pro .result-name {
    min-width: 0 !important;
}
.pos-layout-premium .market-result-row-pro .result-name strong {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #152840 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
}
.pos-layout-premium .market-result-row-pro .result-name small {
    display: block !important;
    margin-top: 4px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #728399 !important;
    font-size: 7.5px !important;
}
.pos-layout-premium .market-result-row-pro .result-meta {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
}
.pos-layout-premium .market-result-row-pro .result-meta small,
.pos-layout-premium .market-result-row-pro .result-price small {
    color: #8a98a8 !important;
    font-size: 6.5px !important;
    font-weight: 750 !important;
    text-transform: uppercase !important;
}
.pos-layout-premium .market-result-row-pro .result-meta strong {
    color: #2c4057 !important;
    font-size: 9px !important;
}
.pos-layout-premium .market-result-row-pro .result-price {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 3px !important;
    color: #14263d !important;
}
.pos-layout-premium .market-result-row-pro .result-price strong {
    font-size: 12px !important;
    font-weight: 900 !important;
}
.pos-layout-premium .market-result-row-pro .result-cart-state {
    position: absolute !important;
    right: 109px !important;
    top: 5px !important;
    padding: 2px 5px !important;
    border-radius: 999px !important;
    background: #def6e9 !important;
    color: #16764e !important;
    font-size: 5.8px !important;
    font-weight: 900 !important;
}

/* CART: readable cards, stable scroll, enough content to edit any line. */
.pos-layout-premium .pos-cart {
    min-width: 0 !important;
    grid-template-rows: 42px auto minmax(0,1fr) auto auto auto auto !important;
    gap: 6px !important;
    padding: 9px 10px !important;
}
.pos-layout-premium .cart-titlebar {
    min-height: 40px !important;
}
.pos-layout-premium .cart-titlebar h3 {
    font-size: 18px !important;
}
.pos-layout-premium .cart-scroll-hint {
    margin-left: auto !important;
    margin-right: 7px !important;
    color: #8492a3 !important;
    font-size: 6.5px !important;
    white-space: nowrap !important;
}
.pos-layout-premium .cart-top-btn {
    height: 29px !important;
    font-size: 7.5px !important;
}
.pos-layout-premium .customer-box {
    padding: 7px 8px !important;
}
.pos-layout-premium .customer-box input {
    height: 35px !important;
}
.pos-layout-premium .cart-list {
    min-height: 0 !important;
    height: 100% !important;
    max-height: none !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-gutter: stable !important;
    padding: 3px 5px 8px 1px !important;
}
.pos-layout-premium .cart-line {
    min-height: 94px !important;
    margin-bottom: 6px !important;
    padding: 7px 8px !important;
    overflow: visible !important;
    border: 1px solid #d8e2eb !important;
    border-radius: 10px !important;
    background: #fff !important;
}
.pos-layout-premium .cart-line.last-touched {
    border-color: var(--mob-accent,#0b8f83) !important;
    background: color-mix(in srgb, var(--mob-accent,#0b8f83) 5%, white) !important;
}
.pos-layout-premium .cart-info strong {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #12263e !important;
    font-size: 10.5px !important;
    line-height: 1.15 !important;
}
.pos-layout-premium .cart-description {
    display: block !important;
    max-width: 100% !important;
    margin-top: 2px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #718296 !important;
    font-size: 7px !important;
}
.pos-layout-premium .cart-code {
    margin-top: 2px !important;
    font-size: 6.8px !important;
}
.pos-layout-premium .cart-line-details {
    grid-template-columns: .68fr 1fr 1.38fr .65fr !important;
    gap: 4px !important;
}
.pos-layout-premium .cart-detail-cell {
    min-height: 29px !important;
    padding: 4px 5px !important;
    border-radius: 7px !important;
}
.pos-layout-premium .cart-detail-cell span {
    font-size: 6.2px !important;
}
.pos-layout-premium .cart-detail-cell strong {
    margin-top: 3px !important;
    font-size: 8px !important;
}
.pos-layout-premium .cart-line-footer {
    min-height: 29px !important;
    margin-top: 5px !important;
    grid-template-columns: auto 55px minmax(80px,1fr) !important;
}
.pos-layout-premium .cart-controls,
.pos-layout-premium .cart-controls button,
.pos-layout-premium .cart-controls input {
    height: 28px !important;
}
.pos-layout-premium .cart-controls button {
    width: 28px !important;
}
.pos-layout-premium .cart-controls input {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    font-size: 9.5px !important;
}
.pos-layout-premium .cart-stock strong {
    font-size: 8px !important;
}
.pos-layout-premium .cart-line-total strong {
    font-size: 11.5px !important;
}
.pos-layout-premium .cart-list::-webkit-scrollbar {
    width: 10px !important;
}
.pos-layout-premium .cart-list::-webkit-scrollbar-track {
    background: #eef3f7 !important;
    border-radius: 10px !important;
}
.pos-layout-premium .cart-list::-webkit-scrollbar-thumb {
    background: #8ea1b2 !important;
    border: 2px solid #eef3f7 !important;
    border-radius: 10px !important;
}

/* Lower cart area is compact, but not microscopic. */
.pos-layout-premium .cart-secondary-actions button {
    height: 28px !important;
    min-height: 28px !important;
    font-size: 7.6px !important;
}
.pos-layout-premium .cart-totals-summary > div {
    min-height: 14px !important;
    font-size: 7.7px !important;
}
.pos-layout-premium .cart-total {
    height: 38px !important;
    min-height: 38px !important;
}
.pos-layout-premium .cart-total strong {
    font-size: 20px !important;
}
.pos-layout-premium .items-count {
    height: 15px !important;
    min-height: 15px !important;
    font-size: 7px !important;
}
.pos-layout-premium .checkout-buttons button {
    height: 34px !important;
    min-height: 34px !important;
}
.pos-layout-premium .checkout-buttons .btn-title {
    font-size: 8.4px !important;
}
.pos-layout-premium .checkout-buttons .btn-key {
    font-size: 6px !important;
}

/* On smaller desktop widths, hide product-detail columns progressively instead of crushing them. */
@media (max-width: 1450px) {
    .pos-app-shell:not(.sidebar-collapsed) .pos-layout-premium {
        grid-template-columns: 178px minmax(500px,1fr) minmax(440px,32%) 98px !important;
    }
    .pos-layout-premium .product-result-columns,
    .pos-layout-premium .market-result-row-pro {
        grid-template-columns: 92px minmax(210px,1fr) 64px 65px 56px 88px !important;
    }
    .pos-layout-premium .product-result-columns > :nth-child(6),
    .pos-layout-premium .market-result-row-pro .result-discount {
        display: none !important;
    }
}
@media (max-width: 1220px) {
    .pos-app-shell:not(.sidebar-collapsed) .pos-layout-premium {
        grid-template-columns: 166px minmax(440px,1fr) minmax(410px,34%) 92px !important;
    }
    .pos-layout-premium .product-result-columns,
    .pos-layout-premium .market-result-row-pro {
        grid-template-columns: 86px minmax(190px,1fr) 60px 58px 84px !important;
    }
    .pos-layout-premium .product-result-columns > :nth-child(5),
    .pos-layout-premium .market-result-row-pro .result-vat {
        display: none !important;
    }
}


/* =====================================================================
   MOB365 RETAIL POS — GLASS NAVIGATION + QUICK DOCK 2026-08-24.8
   Inspired by translucent mobile-control surfaces, adapted for POS.
   ===================================================================== */

.pos-app-shell {
    background:
        radial-gradient(circle at 8% 8%, color-mix(in srgb, var(--mob-accent,#0b8f83) 10%, transparent) 0, transparent 28%),
        linear-gradient(145deg,#f7fbfd 0%,#eef5f9 48%,#f7fafc 100%) !important;
}

/* MAIN LEFT NAV: floating glass panel rather than a solid block */
.pos-app-shell .pos-sidebar {
    margin: 8px 0 8px 8px !important;
    height: calc(100% - 16px) !important;
    border-radius: 22px !important;
    border: 1px solid rgba(255,255,255,.46) !important;
    background:
        linear-gradient(155deg,
            color-mix(in srgb, var(--pos-sidebar-bg,#173653) 72%, rgba(255,255,255,.18)),
            color-mix(in srgb, var(--pos-sidebar-bg,#102a44) 84%, rgba(6,20,34,.20))) !important;
    box-shadow:
        0 18px 45px rgba(25,49,72,.18),
        inset 0 1px 0 rgba(255,255,255,.22),
        inset 0 -1px 0 rgba(255,255,255,.06) !important;
    backdrop-filter: blur(28px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(145%) !important;
    overflow: hidden !important;
}

.pos-app-shell:not(.sidebar-collapsed) .pos-sidebar {
    width: 186px !important;
    min-width: 186px !important;
    padding: 8px 8px 10px !important;
}

.pos-app-shell:not(.sidebar-collapsed) .pos-layout-premium {
    grid-template-columns: 202px minmax(560px,1fr) minmax(470px,31%) 112px !important;
}

.pos-app-shell .sidebar-brand-row {
    min-height: 66px !important;
    padding: 7px 6px 10px !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
}

.pos-app-shell .sidebar-brand-textonly {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 0 !important;
}

.pos-app-shell .sidebar-brand-orb {
    width: 35px !important;
    height: 35px !important;
    min-width: 35px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 13px !important;
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--mob-accent,#0b8f83) 86%, white 8%),
            color-mix(in srgb, var(--mob-accent,#0b8f83) 62%, #203b64 38%)) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    box-shadow:
        0 8px 18px color-mix(in srgb, var(--mob-accent,#0b8f83) 24%, transparent),
        inset 0 1px 0 rgba(255,255,255,.35) !important;
}

.pos-app-shell .sidebar-brand-copy {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.pos-app-shell .sidebar-brand-copy b {
    color: rgba(255,255,255,.98) !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
}

.pos-app-shell .sidebar-brand-copy small {
    color: rgba(224,238,248,.68) !important;
    font-size: 6.5px !important;
    letter-spacing: .18em !important;
}

.pos-app-shell .sidebar-collapse-btn {
    width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,.20) !important;
    background: rgba(255,255,255,.08) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.pos-app-shell .sidebar-nav {
    padding: 8px 2px 4px !important;
}

.pos-app-shell .sidebar-group-header {
    min-height: 34px !important;
    margin: 1px 0 !important;
    padding: 0 8px !important;
    border-radius: 10px !important;
    color: rgba(236,247,255,.78) !important;
}

.pos-app-shell .sidebar-group-header:hover,
.pos-app-shell .sidebar-group-header.open {
    background: rgba(255,255,255,.055) !important;
}

.pos-app-shell .sidebar-group-items {
    gap: 4px !important;
}

.pos-app-shell .sidebar-link {
    min-height: 39px !important;
    border: 1px solid transparent !important;
    border-radius: 11px !important;
    background: rgba(255,255,255,.025) !important;
    transition: .18s ease !important;
}

.pos-app-shell .sidebar-link:hover {
    transform: translateX(2px) !important;
    background: rgba(255,255,255,.075) !important;
    border-color: rgba(255,255,255,.08) !important;
}

.pos-app-shell .sidebar-link.active {
    background:
        linear-gradient(90deg,
            color-mix(in srgb,var(--mob-accent,#0b8f83) 30%,rgba(255,255,255,.07)),
            rgba(255,255,255,.055)) !important;
    border-color: color-mix(in srgb,var(--mob-accent,#0b8f83) 42%,rgba(255,255,255,.12)) !important;
    box-shadow:
        inset 3px 0 0 color-mix(in srgb,var(--mob-accent,#0b8f83) 86%,white 10%),
        inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.pos-app-shell .sidebar-icon {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
}

.pos-app-shell .logout-btn {
    margin: 6px 2px 0 !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    background: rgba(3,15,28,.22) !important;
}

/* collapsed nav remains a floating glass tab */
.pos-app-shell.sidebar-collapsed .pos-sidebar {
    width: 48px !important;
    min-width: 48px !important;
    margin: 8px 0 8px 8px !important;
    height: calc(100% - 16px) !important;
    border-radius: 18px !important;
}
.pos-app-shell.sidebar-collapsed .pos-layout-premium {
    grid-template-columns: 62px minmax(620px,1fr) minmax(500px,33%) 112px !important;
}
.pos-app-shell.sidebar-collapsed .sidebar-collapse-btn {
    width: 38px !important;
    height: 50px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.08) !important;
    backdrop-filter: blur(20px) !important;
}

/* QUICK ACTIONS: bounded floating glass dock */
.pos-app-shell .pos-quick-actions {
    align-self: center !important;
    justify-self: center !important;
    width: 96px !important;
    max-height: calc(100vh - 150px) !important;
    height: auto !important;
    padding: 8px 7px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(255,255,255,.64) !important;
    background:
        linear-gradient(155deg,
            rgba(255,255,255,.74),
            rgba(235,244,249,.52)) !important;
    box-shadow:
        0 18px 42px rgba(30,55,78,.16),
        inset 0 1px 0 rgba(255,255,255,.92) !important;
    backdrop-filter: blur(26px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(26px) saturate(150%) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.pos-app-shell .quick-actions-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 5px !important;
    min-height: 38px !important;
    padding: 2px 2px 7px !important;
    border-bottom: 1px solid rgba(92,116,138,.13) !important;
}

.pos-app-shell .quick-actions-title-copy {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.pos-app-shell .quick-actions-title-copy span {
    color: #2a4056 !important;
    font-size: 7px !important;
    line-height: 1.06 !important;
    font-weight: 900 !important;
    letter-spacing: .06em !important;
}

.pos-app-shell .quick-actions-title-copy small {
    color: #8796a6 !important;
    font-size: 5.6px !important;
}

.pos-app-shell .quick-dock-toggle {
    width: 22px !important;
    height: 29px !important;
    min-width: 22px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 9px !important;
    border: 1px solid rgba(99,123,145,.16) !important;
    background: rgba(255,255,255,.65) !important;
    color: #53677b !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

.pos-app-shell .quick-action {
    width: 100% !important;
    min-height: 42px !important;
    margin-top: 5px !important;
    display: grid !important;
    grid-template-columns: 25px minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 4px 5px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(95,119,141,.13) !important;
    background: rgba(255,255,255,.64) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82) !important;
    color: #20364d !important;
}

.pos-app-shell .quick-action:hover {
    transform: translateY(-1px) !important;
    border-color: color-mix(in srgb,var(--mob-accent,#0b8f83) 35%,rgba(95,119,141,.18)) !important;
    background: rgba(255,255,255,.88) !important;
}

.pos-app-shell .quick-action .qa-icon {
    width: 25px !important;
    height: 25px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 9px !important;
    background: color-mix(in srgb,var(--mob-accent,#0b8f83) 11%,white) !important;
    color: color-mix(in srgb,var(--mob-accent,#0b8f83) 84%,#13314a 16%) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

.pos-app-shell .quick-action .qa-label {
    min-width: 0 !important;
    color: #243a50 !important;
    font-size: 6.5px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.pos-app-shell .quick-action kbd {
    min-width: 23px !important;
    padding: 3px 4px !important;
    border-radius: 7px !important;
    border: 1px solid rgba(72,97,119,.15) !important;
    background: rgba(231,239,245,.82) !important;
    color: #506579 !important;
    font-size: 5.7px !important;
    box-shadow: none !important;
}

/* Quick dock compact mode - icon rail */
.pos-app-shell .pos-quick-actions.is-compact {
    width: 54px !important;
    padding: 7px 6px !important;
    border-radius: 19px !important;
}

.pos-app-shell .pos-quick-actions.is-compact .quick-actions-title-copy,
.pos-app-shell .pos-quick-actions.is-compact .qa-label,
.pos-app-shell .pos-quick-actions.is-compact kbd,
.pos-app-shell .pos-quick-actions.is-compact .quick-actions-foot {
    display: none !important;
}

.pos-app-shell .pos-quick-actions.is-compact .quick-actions-title {
    justify-content: center !important;
    border-bottom: 0 !important;
    padding-bottom: 1px !important;
    min-height: 30px !important;
}

.pos-app-shell .pos-quick-actions.is-compact .quick-dock-toggle {
    width: 34px !important;
    height: 30px !important;
}

.pos-app-shell .pos-quick-actions.is-compact .quick-action {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    min-height: 39px !important;
    padding: 4px !important;
}

.pos-app-shell .pos-quick-actions.is-compact .qa-icon {
    width: 28px !important;
    height: 28px !important;
}

.pos-app-shell .quick-actions-foot {
    margin-top: 7px !important;
    padding: 6px 4px 1px !important;
    border-top: 1px solid rgba(92,116,138,.12) !important;
    color: #5e7286 !important;
}
.pos-app-shell .quick-actions-foot strong { font-size: 6px !important; }
.pos-app-shell .quick-actions-foot small { font-size: 5px !important; }

/* Keep all main surfaces visually related */
.pos-app-shell .pos-products,
.pos-app-shell .pos-cart {
    border: 1px solid rgba(172,190,205,.60) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.80) !important;
    box-shadow: 0 12px 30px rgba(30,55,78,.06) !important;
    backdrop-filter: blur(16px) !important;
}

/* Do not let quick-dock visuals steal checkout space on shorter screens */
@media (max-height: 800px) {
    .pos-app-shell .pos-quick-actions {
        max-height: calc(100vh - 112px) !important;
    }
    .pos-app-shell .quick-action {
        min-height: 38px !important;
        margin-top: 4px !important;
    }
}

@media (max-width: 1320px) {
    .pos-app-shell:not(.sidebar-collapsed) .pos-layout-premium {
        grid-template-columns: 184px minmax(480px,1fr) minmax(430px,33%) 92px !important;
    }
    .pos-app-shell .pos-quick-actions {
        width: 82px !important;
    }
}


/* =====================================================================
   MOB365 RETAIL POS — CART VISIBLE / ARKA GLASS 2026-08-24.9
   ===================================================================== */

/* Main basket surface: stronger visual boundary and contrast. */
.pos-layout-premium .pos-cart {
    background: linear-gradient(160deg,rgba(255,255,255,.96),rgba(246,250,253,.92)) !important;
    border: 1px solid rgba(139,164,184,.78) !important;
    border-radius: 18px !important;
    box-shadow: 0 15px 36px rgba(27,52,76,.12), inset 0 1px 0 rgba(255,255,255,.96) !important;
    backdrop-filter: blur(18px) saturate(125%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(125%) !important;
    padding: 10px !important;
}

.pos-layout-premium .cart-titlebar {
    min-height: 43px !important;
    border-bottom: 1px solid #d9e3eb !important;
    padding-bottom: 7px !important;
}
.pos-layout-premium .cart-titlebar h3 {
    color: #0d223a !important;
    font-size: 20px !important;
    font-weight: 900 !important;
}

/* All items live inside this visible bounded area. */
.pos-layout-premium .cart-items-panel {
    min-height: 300px !important;
    height: 100% !important;
    max-height: none !important;
    padding: 7px !important;
    border: 1px solid #cfdce6 !important;
    border-radius: 13px !important;
    background: linear-gradient(180deg,rgba(248,251,253,.98),rgba(240,246,250,.94)) !important;
    box-shadow: inset 0 1px 2px rgba(18,43,68,.05), inset 0 -1px 0 rgba(255,255,255,.9) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-gutter: stable !important;
}

.pos-layout-premium .cart-line {
    min-height: 100px !important;
    margin: 0 0 7px !important;
    padding: 8px 9px !important;
    border: 1px solid #cbd9e4 !important;
    border-radius: 11px !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 2px 8px rgba(24,48,70,.055), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
.pos-layout-premium .cart-line:last-child { margin-bottom: 0 !important; }
.pos-layout-premium .cart-line.last-touched {
    border-color: color-mix(in srgb,var(--mob-accent,#0b8f83) 62%,#b9c8d4 38%) !important;
    background: color-mix(in srgb,var(--mob-accent,#0b8f83) 5%,white) !important;
    box-shadow: inset 3px 0 0 var(--mob-accent,#0b8f83),0 3px 10px rgba(24,48,70,.07) !important;
}
.pos-layout-premium .cart-info strong {
    color:#0e243d !important;
    font-size:11px !important;
    font-weight:900 !important;
}
.pos-layout-premium .cart-detail-cell {
    background:#f6f9fb !important;
    border:1px solid #dce6ed !important;
    min-height:31px !important;
}
.pos-layout-premium .cart-detail-cell strong {
    color:#1a334d !important;
    font-size:8.3px !important;
}
.pos-layout-premium .cart-line-total strong {
    color:#0a2038 !important;
    font-size:12px !important;
    font-weight:900 !important;
}
.pos-layout-premium .remove-btn {
    background:#fff0f2 !important;
    color:#d43a47 !important;
    border:1px solid #f0c5cc !important;
}

.pos-layout-premium .cart-items-panel::-webkit-scrollbar { width:10px !important; }
.pos-layout-premium .cart-items-panel::-webkit-scrollbar-track {
    background:#e7eef4 !important;
    border-radius:10px !important;
}
.pos-layout-premium .cart-items-panel::-webkit-scrollbar-thumb {
    background:#8ea3b5 !important;
    border:2px solid #e7eef4 !important;
    border-radius:10px !important;
}

/* ARKA / totals: separate clear financial block. */
.pos-layout-premium .cart-totals-summary {
    margin-top:2px !important;
    padding:7px 8px !important;
    border:1px solid #d5e1ea !important;
    border-radius:10px !important;
    background:rgba(248,251,253,.96) !important;
}
.pos-layout-premium .cart-totals-summary > div {
    min-height:16px !important;
    color:#5d7085 !important;
}
.pos-layout-premium .cart-total {
    height:45px !important;
    min-height:45px !important;
    margin-top:4px !important;
    border-radius:11px !important;
    border:1px solid rgba(12,35,59,.22) !important;
    background:linear-gradient(135deg,rgba(11,33,56,.99),rgba(21,56,86,.95)) !important;
    box-shadow:0 8px 18px rgba(16,38,61,.14),inset 0 1px 0 rgba(255,255,255,.09) !important;
}
.pos-layout-premium .cart-total span { color:#cbd9e6 !important; }
.pos-layout-premium .cart-total strong { color:#fff !important; font-size:22px !important; }

/* Payments: original green/blue/purple/red semantics + glass/translucent styling. */
.pos-layout-premium .checkout-buttons {
    gap:6px !important;
}
.pos-layout-premium .checkout-buttons button {
    position:relative !important;
    overflow:hidden !important;
    height:43px !important;
    min-height:43px !important;
    border-radius:11px !important;
    border:1px solid rgba(255,255,255,.34) !important;
    box-shadow:0 8px 17px rgba(27,50,72,.11),inset 0 1px 0 rgba(255,255,255,.28) !important;
    backdrop-filter:blur(16px) saturate(135%) !important;
    -webkit-backdrop-filter:blur(16px) saturate(135%) !important;
}
.pos-layout-premium .checkout-buttons button::after {
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:linear-gradient(135deg,rgba(255,255,255,.20),transparent 48%) !important;
}
.pos-layout-premium .checkout-buttons .btn-cash {
    background:linear-gradient(135deg,rgba(20,158,92,.97),rgba(15,131,80,.90)) !important;
}
.pos-layout-premium .checkout-buttons .btn-card {
    background:linear-gradient(135deg,rgba(45,114,213,.97),rgba(34,91,182,.90)) !important;
}
.pos-layout-premium .checkout-buttons .btn-mixed {
    background:linear-gradient(135deg,rgba(113,62,213,.97),rgba(91,46,185,.90)) !important;
}
.pos-layout-premium .checkout-buttons .btn-cancel,
.pos-layout-premium .checkout-buttons .cancel {
    background:linear-gradient(135deg,rgba(228,49,38,.97),rgba(197,38,31,.90)) !important;
}
.pos-layout-premium .checkout-buttons .btn-title {
    position:relative !important;
    z-index:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    color:#fff !important;
    font-size:9px !important;
    font-weight:900 !important;
}
.pos-layout-premium .checkout-buttons .pay-icon {
    font-size:11px !important;
    line-height:1 !important;
    filter:drop-shadow(0 1px 1px rgba(0,0,0,.10)) !important;
}
.pos-layout-premium .checkout-buttons .btn-key {
    position:relative !important;
    z-index:1 !important;
    color:rgba(255,255,255,.82) !important;
    font-size:6.2px !important;
}

/* Secondary ARKA actions: brighter and more legible. */
.pos-layout-premium .cart-secondary-actions button {
    background:rgba(255,248,228,.92) !important;
    border:1px solid #e5c56e !important;
    color:#243d55 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.65) !important;
}


/* =====================================================================
   MOB365 RETAIL POS — CART / ARKA / IPHONE GLASS FINAL 2026-08-24.10
   ===================================================================== */

/* ---------- LEFT MENU: iPhone-like neutral glass, monochrome icons ---------- */
.pos-app-shell .pos-sidebar{
    background:
        linear-gradient(155deg,
            rgba(78,92,116,.54),
            rgba(40,54,75,.48)) !important;
    border:1px solid rgba(255,255,255,.34) !important;
    box-shadow:
        0 18px 44px rgba(31,48,68,.16),
        inset 0 1px 0 rgba(255,255,255,.24),
        inset 0 -1px 0 rgba(255,255,255,.06) !important;
    backdrop-filter:blur(30px) saturate(145%) !important;
    -webkit-backdrop-filter:blur(30px) saturate(145%) !important;
}
.pos-app-shell .sidebar-brand-orb{
    background:rgba(255,255,255,.18) !important;
    border:1px solid rgba(255,255,255,.26) !important;
    color:#fff !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.24) !important;
}
.pos-app-shell .sidebar-icon{
    width:28px !important;
    height:28px !important;
    border-radius:9px !important;
    background:rgba(255,255,255,.10) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    color:rgba(255,255,255,.90) !important;
    font-family:"Segoe UI Symbol","Segoe UI",sans-serif !important;
    font-size:14px !important;
    font-weight:700 !important;
    filter:none !important;
}
.pos-app-shell .sidebar-link.active .sidebar-icon{
    background:rgba(255,255,255,.16) !important;
    border-color:rgba(255,255,255,.22) !important;
    color:#fff !important;
}
.pos-app-shell .sidebar-link.active{
    background:rgba(255,255,255,.13) !important;
    border-color:rgba(255,255,255,.16) !important;
    box-shadow:
        inset 3px 0 0 color-mix(in srgb,var(--mob-accent,#0b8f83) 80%,white 20%),
        inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.pos-app-shell .sidebar-link:hover{
    background:rgba(255,255,255,.10) !important;
}
.pos-app-shell .logout-symbol{
    color:rgba(255,255,255,.86) !important;
    font-family:"Segoe UI Symbol","Segoe UI",sans-serif !important;
}

/* ---------- QUICK ACTIONS: design/accent text is always visible ---------- */
.pos-app-shell .pos-quick-actions{
    background:
        linear-gradient(155deg,rgba(255,255,255,.82),rgba(239,245,249,.65)) !important;
    border:1px solid rgba(255,255,255,.82) !important;
    box-shadow:
        0 18px 42px rgba(30,55,78,.14),
        inset 0 1px 0 rgba(255,255,255,.98) !important;
}
.pos-app-shell .quick-actions-title-copy span{
    color:color-mix(in srgb,var(--mob-accent,#0b8f83) 80%,#17354f 20%) !important;
    font-size:7.4px !important;
}
.pos-app-shell .quick-actions-title-copy small{
    color:#718397 !important;
}
.pos-app-shell .quick-action{
    background:rgba(255,255,255,.78) !important;
    border-color:rgba(101,126,148,.18) !important;
}
.pos-app-shell .quick-action .qa-label{
    color:color-mix(in srgb,var(--mob-accent,#0b8f83) 72%,#20384f 28%) !important;
    opacity:1 !important;
    font-size:6.9px !important;
    font-weight:900 !important;
}
.pos-app-shell .quick-action .qa-icon{
    background:color-mix(in srgb,var(--mob-accent,#0b8f83) 10%,white) !important;
    color:color-mix(in srgb,var(--mob-accent,#0b8f83) 85%,#16364f 15%) !important;
}
.pos-app-shell .quick-action kbd{
    color:#425a70 !important;
    background:#eef3f7 !important;
    border-color:#d8e2e9 !important;
}

/* ---------- CART main layout: payments never fall below viewport ---------- */
.pos-layout-premium .pos-cart{
    min-height:0 !important;
    overflow:hidden !important;
    display:grid !important;
    grid-template-rows:44px auto minmax(220px,1fr) auto !important;
    gap:7px !important;
    padding:10px !important;
    background:rgba(255,255,255,.94) !important;
    border:1px solid #bfceda !important;
    border-radius:18px !important;
}
.pos-layout-premium .cart-titlebar{
    min-height:44px !important;
    padding:0 4px 8px !important;
}
.pos-layout-premium .cart-titlebar h3{
    font-size:20px !important;
    color:#0c223b !important;
}
.pos-layout-premium .cart-scroll-hint{
    font-size:7px !important;
    color:#6f8193 !important;
}

/* loyalty: one clean glass card, no awkward line under it */
.pos-layout-premium .loyalty-summary{
    position:relative !important;
    width:100% !important;
    min-height:42px !important;
    height:42px !important;
    margin:6px 0 0 !important;
    padding:5px 9px !important;
    border:1px solid rgba(218,169,47,.58) !important;
    border-radius:10px !important;
    background:linear-gradient(135deg,rgba(255,249,225,.92),rgba(255,244,201,.76)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.76) !important;
    overflow:hidden !important;
}
.pos-layout-premium .loyalty-summary::before,
.pos-layout-premium .loyalty-summary::after{
    content:none !important;
    display:none !important;
}
.pos-layout-premium .loyalty-summary .loyalty-star{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
}
.pos-layout-premium .loyalty-summary strong{
    font-size:9.5px !important;
    color:#694d10 !important;
}
.pos-layout-premium .loyalty-summary small{
    font-size:7px !important;
    color:#8a6c25 !important;
}
.pos-layout-premium .loyalty-summary>b{
    font-size:8px !important;
    color:#765711 !important;
}

/* ---------- ITEM PANEL: hard visible boundaries ---------- */
.pos-layout-premium .cart-items-panel{
    min-height:0 !important;
    height:100% !important;
    max-height:none !important;
    padding:8px !important;
    border:2px solid #c6d4df !important;
    border-radius:13px !important;
    background:#f3f7fa !important;
    box-shadow:
        inset 0 1px 3px rgba(18,43,68,.06),
        0 1px 0 rgba(255,255,255,.86) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    scrollbar-gutter:stable !important;
}
.pos-layout-premium .cart-line{
    width:100% !important;
    box-sizing:border-box !important;
    min-height:92px !important;
    margin:0 0 7px !important;
    padding:8px 9px !important;
    border:1px solid #bfcfdb !important;
    border-radius:10px !important;
    background:#fff !important;
    box-shadow:0 2px 6px rgba(25,48,70,.045) !important;
    overflow:hidden !important;
}
.pos-layout-premium .cart-line:last-child{margin-bottom:0 !important}
.pos-layout-premium .cart-line-head,
.pos-layout-premium .cart-line-details,
.pos-layout-premium .cart-line-footer{
    width:100% !important;
    box-sizing:border-box !important;
}
.pos-layout-premium .cart-line.last-touched{
    border-color:color-mix(in srgb,var(--mob-accent,#0b8f83) 65%,#bfcfdb 35%) !important;
    box-shadow:inset 3px 0 0 var(--mob-accent,#0b8f83),0 2px 7px rgba(25,48,70,.05) !important;
}
.pos-layout-premium .cart-info strong{
    font-size:10.5px !important;
}
.pos-layout-premium .cart-description{
    display:block !important;
    font-size:7.3px !important;
}
.pos-layout-premium .cart-detail-cell{
    min-height:31px !important;
    padding:4px 5px !important;
}
.pos-layout-premium .cart-detail-cell span{
    font-size:6.5px !important;
}
.pos-layout-premium .cart-detail-cell strong{
    font-size:8.2px !important;
}
.pos-layout-premium .cart-line-footer{
    min-height:28px !important;
}

/* ---------- ARKA: one compact, obvious block ---------- */
.pos-layout-premium .cart-checkout-zone{
    min-height:0 !important;
    padding:8px !important;
    border:1px solid #c7d5df !important;
    border-radius:13px !important;
    background:
        linear-gradient(155deg,rgba(249,252,254,.98),rgba(241,247,250,.94)) !important;
    box-shadow:
        0 4px 12px rgba(28,51,73,.055),
        inset 0 1px 0 rgba(255,255,255,.92) !important;
}
.pos-layout-premium .cart-checkout-zone-title{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    min-height:28px !important;
    margin-bottom:6px !important;
    padding:0 2px 5px !important;
    border-bottom:1px solid #dbe4eb !important;
}
.pos-layout-premium .cart-checkout-zone-title>div{
    display:flex !important;
    align-items:baseline !important;
    gap:7px !important;
}
.pos-layout-premium .cart-checkout-zone-title span{
    color:#132a43 !important;
    font-size:10px !important;
    font-weight:900 !important;
    letter-spacing:.08em !important;
}
.pos-layout-premium .cart-checkout-zone-title small{
    color:#728399 !important;
    font-size:7px !important;
}

/* Fatura/Zbritje: less empty space, larger text */
.pos-layout-premium .cart-secondary-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:5px !important;
    margin:0 0 6px !important;
}
.pos-layout-premium .cart-secondary-actions button{
    min-height:34px !important;
    height:34px !important;
    padding:3px 8px !important;
    border-radius:8px !important;
    font-size:8.7px !important;
    font-weight:850 !important;
    line-height:1.08 !important;
}
.pos-layout-premium .cart-secondary-actions .hold-cart-btn:last-child{
    grid-column:1/-1 !important;
}
.pos-layout-premium .cart-secondary-actions button span{
    font-size:10px !important;
}
.pos-layout-premium .cart-secondary-actions button kbd,
.pos-layout-premium .cart-secondary-actions button b{
    font-size:7px !important;
}

/* Totals: legible, not microscopic */
.pos-layout-premium .cart-totals-summary{
    display:grid !important;
    gap:2px !important;
    margin:0 0 5px !important;
    padding:6px 8px !important;
    border:1px solid #d6e1e9 !important;
    border-radius:9px !important;
    background:#fff !important;
}
.pos-layout-premium .cart-totals-summary>div{
    min-height:18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    font-size:9px !important;
    line-height:1.1 !important;
}
.pos-layout-premium .cart-totals-summary span{
    color:#52677d !important;
    font-weight:700 !important;
}
.pos-layout-premium .cart-totals-summary strong{
    color:#152d47 !important;
    font-size:9px !important;
    font-weight:900 !important;
}
.pos-layout-premium .cart-totals-summary .discount-row strong{
    color:#c14f22 !important;
}
.pos-layout-premium .cart-total{
    min-height:43px !important;
    height:43px !important;
    margin:0 0 4px !important;
}
.pos-layout-premium .cart-total span{
    font-size:8px !important;
}
.pos-layout-premium .cart-total strong{
    font-size:21px !important;
}
.pos-layout-premium .items-count{
    min-height:17px !important;
    height:17px !important;
    margin:0 0 4px !important;
    font-size:7.6px !important;
    color:#5f7287 !important;
}

/* Payments stay visible and maintain the user's semantic colors */
.pos-layout-premium .checkout-buttons{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:5px !important;
}
.pos-layout-premium .checkout-buttons button{
    min-height:40px !important;
    height:40px !important;
    border-radius:10px !important;
}
.pos-layout-premium .checkout-buttons .cash-btn{
    background:linear-gradient(135deg,rgba(26,158,94,.96),rgba(12,127,77,.88)) !important;
}
.pos-layout-premium .checkout-buttons .card-btn{
    background:linear-gradient(135deg,rgba(46,115,214,.96),rgba(31,89,181,.88)) !important;
}
.pos-layout-premium .checkout-buttons .mixed-btn{
    background:linear-gradient(135deg,rgba(113,61,211,.96),rgba(89,45,183,.88)) !important;
}
.pos-layout-premium .checkout-buttons .cancel-btn{
    background:linear-gradient(135deg,rgba(228,49,38,.96),rgba(194,37,31,.88)) !important;
}
.pos-layout-premium .checkout-buttons .btn-title{
    font-size:9px !important;
}
.pos-layout-premium .checkout-buttons .pay-icon{
    font-size:11px !important;
}
.pos-layout-premium .checkout-buttons .btn-key{
    font-size:6px !important;
}

/* Smaller-height screens: reserve the lower block, scroll only articles */
@media(max-height:850px) and (min-width:1000px){
    .pos-layout-premium .pos-cart{
        grid-template-rows:40px auto minmax(190px,1fr) auto !important;
    }
    .pos-layout-premium .loyalty-summary{
        height:38px !important;
        min-height:38px !important;
    }
    .pos-layout-premium .cart-line{
        min-height:84px !important;
        padding:7px 8px !important;
    }
    .pos-layout-premium .cart-checkout-zone{
        padding:6px !important;
    }
    .pos-layout-premium .cart-checkout-zone-title{
        min-height:23px !important;
        margin-bottom:4px !important;
    }
    .pos-layout-premium .cart-secondary-actions button{
        height:30px !important;
        min-height:30px !important;
    }
    .pos-layout-premium .cart-totals-summary>div{
        min-height:16px !important;
    }
    .pos-layout-premium .cart-total{
        height:39px !important;
        min-height:39px !important;
    }
    .pos-layout-premium .checkout-buttons button{
        height:36px !important;
        min-height:36px !important;
    }
}


/* =====================================================================
   MOB365 POS — FINAL CART 2-ITEM VIEW / PERSONALIZATION / DISCOUNT ALIGN
   2026-08-24.11
   ===================================================================== */

/* 1) Sidebar remains translucent/glass, but its tint now follows Personalization. */
.pos-app-shell .pos-sidebar{
    background:
        linear-gradient(155deg,
            color-mix(in srgb, var(--pos-sidebar-bg,#7183a0) 48%, rgba(255,255,255,.28)),
            color-mix(in srgb, var(--pos-sidebar-bg,#586d8b) 62%, rgba(34,48,68,.28))) !important;
    border:1px solid rgba(255,255,255,.40) !important;
    box-shadow:
        0 18px 44px color-mix(in srgb,var(--pos-sidebar-bg,#7183a0) 18%,transparent),
        inset 0 1px 0 rgba(255,255,255,.30),
        inset 0 -1px 0 rgba(255,255,255,.08) !important;
    backdrop-filter:blur(30px) saturate(150%) !important;
    -webkit-backdrop-filter:blur(30px) saturate(150%) !important;
}
.pos-app-shell .sidebar-icon{
    background:rgba(255,255,255,.12) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    color:rgba(255,255,255,.95) !important;
    box-shadow:none !important;
}
.pos-app-shell .sidebar-link.active{
    background:rgba(255,255,255,.17) !important;
    border-color:rgba(255,255,255,.22) !important;
}
.pos-app-shell .sidebar-link.active .sidebar-icon{
    background:rgba(255,255,255,.18) !important;
    color:#fff !important;
}

/* 2) Personalizo + Modulet: exactly the same dimensions and baseline. */
.pos-app-shell .retail-session-bar{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
}
.pos-app-shell .retail-top-btn{
    width:104px !important;
    min-width:104px !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 9px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    border-radius:9px !important;
    line-height:1 !important;
}
.pos-app-shell .retail-personalize-btn,
.pos-app-shell .retail-suite-btn{
    width:104px !important;
    min-width:104px !important;
    height:34px !important;
}
.pos-app-shell .retail-top-btn span,
.pos-app-shell .retail-top-btn b{
    line-height:1 !important;
}

/* 3) Basket: show roughly TWO complete lines, then scroll. */
.pos-layout-premium .pos-cart{
    grid-template-rows:44px auto auto auto !important;
    overflow:hidden !important;
}
.pos-layout-premium .cart-items-panel{
    height:232px !important;
    min-height:232px !important;
    max-height:232px !important;
    flex:none !important;
    padding:7px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    border:2px solid #c3d2de !important;
    border-radius:13px !important;
    background:#f2f6f9 !important;
}
.pos-layout-premium .cart-line{
    height:106px !important;
    min-height:106px !important;
    max-height:106px !important;
    box-sizing:border-box !important;
    padding:7px 8px !important;
    margin:0 0 7px !important;
    overflow:hidden !important;
    display:grid !important;
    grid-template-rows:auto auto 30px !important;
    gap:4px !important;
}
.pos-layout-premium .cart-line:last-child{
    margin-bottom:0 !important;
}
.pos-layout-premium .cart-line-head{
    min-height:24px !important;
    margin:0 !important;
}
.pos-layout-premium .cart-info strong{
    font-size:10.5px !important;
    line-height:1.1 !important;
}
.pos-layout-premium .cart-description{
    display:none !important;
}
.pos-layout-premium .cart-code{
    margin-top:2px !important;
    font-size:6.6px !important;
    line-height:1 !important;
}

/* Unit cell is deliberately smaller; price/discount get the room. */
.pos-layout-premium .cart-line-details{
    grid-template-columns:54px minmax(76px,.85fr) minmax(110px,1.35fr) 58px !important;
    gap:4px !important;
    margin:0 !important;
}
.pos-layout-premium .cart-detail-cell{
    min-width:0 !important;
    min-height:29px !important;
    padding:4px !important;
}
.pos-layout-premium .cart-detail-cell:first-child{
    padding-left:4px !important;
    padding-right:3px !important;
}
.pos-layout-premium .cart-detail-cell span{
    font-size:6.1px !important;
}
.pos-layout-premium .cart-detail-cell strong{
    font-size:8px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

/* Quantity + stock + total are always visible in the lower row. */
.pos-layout-premium .cart-line-footer{
    min-height:30px !important;
    height:30px !important;
    display:grid !important;
    grid-template-columns:minmax(115px,auto) 52px minmax(88px,1fr) !important;
    align-items:center !important;
    gap:7px !important;
    margin:0 !important;
}
.pos-layout-premium .cart-controls{
    height:29px !important;
    min-height:29px !important;
    overflow:visible !important;
}
.pos-layout-premium .cart-controls button{
    width:29px !important;
    min-width:29px !important;
    height:29px !important;
}
.pos-layout-premium .cart-controls span{
    min-width:38px !important;
    font-size:10px !important;
    font-weight:900 !important;
}
.pos-layout-premium .cart-controls input{
    width:84px !important;
    min-width:84px !important;
    max-width:84px !important;
    height:29px !important;
    padding:2px 5px !important;
    font-size:10px !important;
    font-weight:900 !important;
}
.pos-layout-premium .cart-stock span,
.pos-layout-premium .cart-line-total span{
    font-size:6.3px !important;
}
.pos-layout-premium .cart-stock strong{
    font-size:8px !important;
}
.pos-layout-premium .cart-line-total{
    padding-right:2px !important;
}
.pos-layout-premium .cart-line-total strong{
    font-size:12.5px !important;
    font-weight:950 !important;
    color:#0c223a !important;
}

/* 4) ARKA block: larger total, but compact enough to keep payments visible. */
.pos-layout-premium .cart-checkout-zone{
    padding:7px !important;
}
.pos-layout-premium .cart-checkout-zone-title{
    min-height:25px !important;
    margin-bottom:5px !important;
}
.pos-layout-premium .cart-secondary-actions{
    gap:5px !important;
    margin-bottom:5px !important;
}
.pos-layout-premium .cart-secondary-actions button{
    height:34px !important;
    min-height:34px !important;
    font-size:8.8px !important;
}
.pos-layout-premium .cart-totals-summary{
    padding:6px 8px !important;
    margin-bottom:5px !important;
}
.pos-layout-premium .cart-totals-summary>div{
    min-height:19px !important;
    font-size:9.2px !important;
}
.pos-layout-premium .cart-totals-summary strong{
    font-size:9.4px !important;
}
.pos-layout-premium .cart-total{
    height:49px !important;
    min-height:49px !important;
    padding:5px 10px !important;
}
.pos-layout-premium .cart-total span{
    font-size:8.5px !important;
    font-weight:850 !important;
}
.pos-layout-premium .cart-total strong{
    font-size:26px !important;
    line-height:1 !important;
}
.pos-layout-premium .items-count{
    height:16px !important;
    min-height:16px !important;
    margin-bottom:4px !important;
}
.pos-layout-premium .checkout-buttons button{
    height:40px !important;
    min-height:40px !important;
}

/* 5) Discount popup: two perfectly parallel equal action buttons. */
.invoice-discount-popup .invoice-discount-actions,
.cash-popup.invoice-discount-popup .invoice-discount-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    align-items:stretch !important;
    gap:10px !important;
    width:100% !important;
    margin-top:14px !important;
}
.invoice-discount-popup .invoice-discount-actions button,
.cash-popup.invoice-discount-popup .invoice-discount-actions button{
    width:100% !important;
    min-width:0 !important;
    height:44px !important;
    min-height:44px !important;
    margin:0 !important;
    padding:0 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:9px !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:900 !important;
}
.invoice-discount-popup .invoice-discount-actions .cash-confirm-btn{
    background:linear-gradient(135deg,#139784,#0e8172) !important;
    color:#fff !important;
}
.invoice-discount-popup .invoice-discount-actions .close-btn{
    background:#fff !important;
    color:#263b52 !important;
    border:1px solid #cfdbe5 !important;
}

/* Discount totals get a bit more visual weight. */
.invoice-discount-popup .invoice-discount-preview{
    padding:10px 12px !important;
}
.invoice-discount-popup .payment-split-check{
    min-height:28px !important;
    font-size:9.5px !important;
}
.invoice-discount-popup .invoice-discount-new-total{
    margin-top:5px !important;
    padding-top:8px !important;
}
.invoice-discount-popup .invoice-discount-new-total strong{
    font-size:17px !important;
}

/* Lower height: preserve two full article cards and payment visibility. */
@media(max-height:850px) and (min-width:1000px){
    .pos-layout-premium .cart-items-panel{
        height:216px !important;
        min-height:216px !important;
        max-height:216px !important;
    }
    .pos-layout-premium .cart-line{
        height:98px !important;
        min-height:98px !important;
        max-height:98px !important;
    }
    .pos-layout-premium .cart-total{
        height:45px !important;
        min-height:45px !important;
    }
    .pos-layout-premium .cart-total strong{
        font-size:24px !important;
    }
}


/* =====================================================================
   MOB365 POS — KG QUANTITY / STOCK / TOTAL FIX 2026-08-24.12
   Sasia ka prioritet. Stoku nuk lejohet të mbulojë input-in.
   ===================================================================== */

/* Footer gets a stable 3-zone layout:
   [ quantity controls ] [ small stock ] [ total ] */
.pos-layout-premium .cart-line-footer{
    width:100% !important;
    min-width:0 !important;
    height:32px !important;
    min-height:32px !important;
    display:grid !important;
    grid-template-columns:minmax(148px, 170px) 34px minmax(74px,1fr) !important;
    align-items:center !important;
    column-gap:7px !important;
    margin:0 !important;
    overflow:visible !important;
}

/* Quantity editor must always remain usable for KG decimals. */
.pos-layout-premium .cart-controls{
    width:100% !important;
    min-width:148px !important;
    max-width:170px !important;
    height:31px !important;
    min-height:31px !important;
    display:grid !important;
    grid-template-columns:30px minmax(82px,1fr) 30px !important;
    align-items:center !important;
    border-radius:7px !important;
    overflow:visible !important;
    flex:none !important;
}
.pos-layout-premium .cart-controls button{
    width:30px !important;
    min-width:30px !important;
    height:31px !important;
    min-height:31px !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    font-size:15px !important;
    line-height:1 !important;
    z-index:2 !important;
}
.pos-layout-premium .cart-controls input{
    width:100% !important;
    min-width:82px !important;
    max-width:none !important;
    height:31px !important;
    min-height:31px !important;
    margin:0 !important;
    padding:2px 6px !important;
    border-left:1px solid #d6e1e9 !important;
    border-right:1px solid #d6e1e9 !important;
    border-top:0 !important;
    border-bottom:0 !important;
    border-radius:0 !important;
    background:#fff !important;
    color:#0d2742 !important;
    font-size:11px !important;
    font-weight:900 !important;
    line-height:1 !important;
    text-align:center !important;
    box-sizing:border-box !important;
    position:relative !important;
    z-index:3 !important;
}
.pos-layout-premium .cart-controls input:focus{
    outline:2px solid color-mix(in srgb,var(--mob-accent,#0b8f83) 24%,transparent) !important;
    outline-offset:-2px !important;
    background:#fff !important;
}

/* If non-editable quantity is rendered as span, give it the same space. */
.pos-layout-premium .cart-controls span{
    min-width:82px !important;
    width:100% !important;
    height:31px !important;
    display:grid !important;
    place-items:center !important;
    padding:0 5px !important;
    font-size:11px !important;
    font-weight:900 !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
}

/* Stock becomes a tiny secondary indicator, never overlaps quantity. */
.pos-layout-premium .cart-stock{
    width:34px !important;
    min-width:34px !important;
    max-width:34px !important;
    height:31px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:1px !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    text-align:center !important;
}
.pos-layout-premium .cart-stock span{
    font-size:5.4px !important;
    line-height:1 !important;
    letter-spacing:.02em !important;
    color:#8392a2 !important;
}
.pos-layout-premium .cart-stock strong{
    max-width:32px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:7px !important;
    line-height:1 !important;
    color:#354b61 !important;
}

/* Total keeps its own reserved area. */
.pos-layout-premium .cart-line-total{
    min-width:74px !important;
    height:31px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-end !important;
    padding-right:2px !important;
    text-align:right !important;
    overflow:visible !important;
}
.pos-layout-premium .cart-line-total span{
    font-size:5.8px !important;
    line-height:1 !important;
    color:#7b8a9b !important;
}
.pos-layout-premium .cart-line-total strong{
    margin-top:2px !important;
    font-size:12.5px !important;
    line-height:1 !important;
    font-weight:950 !important;
    color:#0b233d !important;
    white-space:nowrap !important;
}

/* Keep line details compact so footer has breathing room. */
.pos-layout-premium .cart-line-details{
    grid-template-columns:48px minmax(78px,.9fr) minmax(105px,1.3fr) 56px !important;
}

/* Medium desktop fallback: still preserve KG quantity input. */
@media(max-width:1350px) and (min-width:900px){
    .pos-layout-premium .cart-line-footer{
        grid-template-columns:minmax(140px,158px) 30px minmax(68px,1fr) !important;
        column-gap:5px !important;
    }
    .pos-layout-premium .cart-controls{
        min-width:140px !important;
        max-width:158px !important;
        grid-template-columns:28px minmax(78px,1fr) 28px !important;
    }
    .pos-layout-premium .cart-controls button{
        width:28px !important;
        min-width:28px !important;
    }
    .pos-layout-premium .cart-controls input,
    .pos-layout-premium .cart-controls span{
        min-width:78px !important;
    }
    .pos-layout-premium .cart-stock{
        width:30px !important;
        min-width:30px !important;
        max-width:30px !important;
    }
}


/* =====================================================================
   MOB365 POS — V14 SURGICAL ARKA VISIBILITY FIX
   2026-08-24
   IMPORTANT:
   - V13 fixed-grid checkout rules removed completely.
   - No ARKA structure / totals / payment layout is replaced.
   - We only reserve enough vertical room by limiting the ARTICLE viewport.
   ===================================================================== */

/* Preserve the existing cart/ARKA flow. */
.pos-layout-premium .pos-cart{
    height:100% !important;
    max-height:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
    display:grid !important;
    grid-template-rows:44px auto auto auto !important;
}

/* Two readable article cards are enough; everything else scrolls here.
   This is the ONLY section allowed to consume/lose vertical space. */
.pos-layout-premium .cart-items-panel{
    height:188px !important;
    min-height:188px !important;
    max-height:188px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    flex:none !important;
    scrollbar-gutter:stable !important;
}

/* Keep two complete cards visible without touching KG quantity controls. */
.pos-layout-premium .cart-line{
    height:86px !important;
    min-height:86px !important;
    max-height:86px !important;
    box-sizing:border-box !important;
}

/* Client stays readable but does not steal checkout space. */
.pos-layout-premium .customer-box{
    padding-top:6px !important;
    padding-bottom:6px !important;
}
.pos-layout-premium .customer-box input{
    height:34px !important;
    min-height:34px !important;
    margin-bottom:2px !important;
}
.pos-layout-premium .selected-customer{
    margin:0 !important;
    line-height:13px !important;
}

/* Loyalty remains present, just vertically compact. */
.pos-layout-premium .loyalty-summary{
    min-height:31px !important;
    height:31px !important;
    padding-top:3px !important;
    padding-bottom:3px !important;
    margin-top:3px !important;
}

/* ARKA itself keeps its V12 natural layout. Do NOT impose grid rows/heights. */
.pos-layout-premium .cart-checkout-zone{
    max-height:none !important;
    overflow:visible !important;
}

/* Four payment buttons must fit as the existing 2x2 block. */
.pos-layout-premium .checkout-buttons{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:4px !important;
    margin-bottom:0 !important;
}
.pos-layout-premium .checkout-buttons button{
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
}

/* Short desktop screens: take space ONLY from articles, never from ARKA. */
@media(max-height:850px) and (min-width:1000px){
    .pos-layout-premium .cart-items-panel{
        height:174px !important;
        min-height:174px !important;
        max-height:174px !important;
    }
    .pos-layout-premium .cart-line{
        height:79px !important;
        min-height:79px !important;
        max-height:79px !important;
    }
    .pos-layout-premium .customer-box input{
        height:31px !important;
        min-height:31px !important;
    }
    .pos-layout-premium .loyalty-summary{
        height:28px !important;
        min-height:28px !important;
    }
    .pos-layout-premium .checkout-buttons button{
        height:34px !important;
        min-height:34px !important;
        max-height:34px !important;
    }
}


/* MOB365 ATK PRESENTATION READABILITY - 2026-08-25
   Keeps desktop POS readable on 1366/1440/1920 laptop panels without browser zoom. */
@media (min-width: 1100px) {
    body { font-size: 15px; }
    .pos-shell, .suite-shell, .cafe-shell, .pharmacy-shell, .restaurant-shell {
        font-size: 15px;
    }
    .pos-cart-panel, .pos-products-panel, .pos-sidebar {
        font-size: 15px;
    }
    .cart-item-name, .product-name, .item-name {
        font-size: 15px !important;
        line-height: 1.25 !important;
        font-weight: 750 !important;
    }
    button, input, select, textarea {
        font-size: 14px;
    }
    .cash-popup {
        font-size: 15px;
    }
    .cash-popup h2, .payment-title {
        font-size: 26px !important;
        line-height: 1.15 !important;
    }
    .cash-row, .cash-row label, .payment-kicker {
        font-size: 14px !important;
    }
    .cash-row input {
        font-size: 24px !important;
        min-height: 54px;
    }
    .cash-quick-buttons button, .cash-confirm-btn, .close-btn {
        min-height: 48px;
        font-size: 14px !important;
        font-weight: 800;
    }
    .cart-total, .total-value, .pos-total-value {
        font-size: 24px !important;
        font-weight: 900 !important;
    }
}