:root {
    --mlp-surface-border: rgba(88, 138, 255, .55);
    --mlp-surface-fill: linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.015) 100%);
    --mlp-shadow-soft: 0 10px 24px rgba(0,0,0,.18);
    --mlp-shadow-focus: inset 0 0 0 3px rgba(255,255,255,.95), 0 10px 26px rgba(0,0,0,.45);
    --mlp-text-primary: rgba(255,255,255,.98);
    --mlp-text-secondary: rgba(255,255,255,.74);
    --mlp-line-tight: 1.2;
    --mlp-line-regular: 1.35;
    --orders-menu-width: 232px;
    --orders-category-width: 198px;
    --orders-category-height: 116px;
    --orders-review-width: 380px;
    --orders-item-gap: 24px;
    --orders-item-min: 240px;
    --home-sync-label: 1rem;
    --home-sync-title: 1.15rem;
    --home-sync-value: 1.2rem;
    --home-sync-subtitle: 0.92rem;
    --home-sync-date: 1.35rem;
}

html, body { overflow: hidden !important; }

/* Shared focus/navigation */
.pos-product, .nav-link, .btn.focusable, a.focusable, button.focusable, [data-nav-scope] .focusable {
    outline: none !important; position: relative; overflow: hidden; border-radius: .75rem;
}
button.focusable, a.focusable, [data-nav-scope] .focusable { transition: none; }
button.focusable > .card, button.focusable > .pos-product, a.focusable > .card, a.focusable > .pos-product, .pos-product, .nav-link {
    transition: box-shadow .15s ease, transform .15s ease, filter .15s ease;
}
.focusable.nav-active, .focusable:focus, .tv-selected { outline: none !important; }
button.focusable.nav-active > .card, button.focusable:focus > .card, button.focusable.tv-selected > .card,
a.focusable.nav-active > .card, a.focusable:focus > .card, a.focusable.tv-selected > .card,
button.focusable.nav-active > .pos-product, button.focusable:focus > .pos-product, button.focusable.tv-selected > .pos-product,
.pos-product.active, .nav-link.active, .focusable.nav-active:not(button):not(a), .focusable:focus:not(button):not(a), .tv-selected:not(button):not(a) {
    outline: none !important; box-shadow: var(--mlp-shadow-focus) !important; transform: translateY(-1px);
}
button.pos-product, button.nav-link { background: transparent; }
[data-nav-scope] .focusable img { max-width: 100%; height: auto; pointer-events: none; }
html, body, .page-shell, .pos, .pos-container, .pos-content, .pos-menu, .pos-sidebar {
    user-select: none; -webkit-user-select: none; -ms-user-select: none; caret-color: transparent;
}
.focusable, .focusable * { user-select: none; -webkit-user-select: none; -ms-user-select: none; caret-color: transparent; }
button, a, .pos-product { cursor: pointer; }
body.loading-active { overflow: hidden; }

.enterprise-loader {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10050;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .22s ease, visibility .22s ease;
}

.enterprise-loader.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.enterprise-loader__backdrop {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at center, rgba(8, 21, 44, .90) 0%, rgba(2, 10, 27, .97) 72%, rgba(1, 7, 18, .99) 100%);
}

.enterprise-loader__card {
    position: relative;
    width: min(440px, calc(100vw - 64px));
    padding: 2rem 2rem 1.55rem;
    border-radius: 1.75rem;
    border: 1px solid rgba(106, 156, 255, .42);
    background: linear-gradient(180deg, rgba(10, 18, 36, .96) 0%, rgba(15, 29, 56, .95) 100%);
    box-shadow: 0 32px 90px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(53, 106, 219, .16);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.enterprise-loader__image {
    width: min(332px, 100%);
    max-height: 184px;
    object-fit: contain;
    display: block;
}

.enterprise-loader__text {
    margin: 0;
    width: 100%;
    text-align: center;
    color: rgba(255,255,255,.98);
    font-size: 1.45rem;
    font-weight: 800;
    letter-spacing: .01em;
    line-height: 1.3;
    text-shadow: 0 2px 12px rgba(0,0,0,.28);
}

html[dir="rtl"] .enterprise-loader__text {
    letter-spacing: 0;
}

/* Home */
.dashboard-summary-grid { margin-top: .15rem; }
.dashboard-summary-block { min-height: 5.8rem; display: flex; flex-direction: column; justify-content: center; }
.dashboard-divider { background: rgba(255,255,255,.75); margin: 1.15rem 0 1.05rem; opacity: 1; }

.index-main-layout {
    display: flex !important; flex-wrap: nowrap !important; gap: 20px !important; align-items: stretch !important; margin-top: 0 !important;
}
.index-main-layout > [class*="col-lg-"] { display: flex; flex-direction: column; }
.index-main-layout > [class*="col-lg-"]:first-child { flex: 0 0 45% !important; max-width: 45% !important; width: 45% !important; }
.index-main-layout > [class*="col-lg-"]:last-child { flex: 0 0 55% !important; max-width: 55% !important; width: 55% !important; }
.index-main-layout > [class*="col-lg-"] > .card, .index-main-layout > [class*="col-lg-"] > .row { width: 100%; }

.patient-info-grid { margin-top: .25rem; }
.patient-info-card {
    min-height: 150px !important; height: 100%; padding: 1.15rem 1rem; border: 1px solid var(--mlp-surface-border);
    border-radius: 1rem; background: var(--mlp-surface-fill); box-shadow: var(--mlp-shadow-soft);
    display: flex; flex-direction: column; justify-content: space-between; gap: .9rem;
}
.patient-info-card__header { display: flex; align-items: flex-start; gap: .9rem; }
.patient-info-card__titles { min-width: 0; flex: 1; }
.patient-info-card__icon {
    width: 3rem; height: 3rem; min-width: 3rem; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center;
    background: linear-gradient(180deg, rgba(54,120,255,.95) 0%, rgba(40,96,216,.95) 100%);
    color: #fff; font-size: 1.15rem; box-shadow: 0 10px 20px rgba(16,54,131,.28);
}
.dashboard-summary-label {
    font-size: var(--home-sync-label) !important; font-weight: 600 !important; line-height: 1.2 !important; color: rgba(255,255,255,.76) !important; margin-bottom: .35rem !important;
}
.dashboard-summary-value {
    font-size: 1.05rem !important; font-weight: 700 !important; line-height: 1.18 !important; color: #fff !important;
}
.patient-info-card__title {
    font-size: var(--home-sync-title) !important; font-weight: 700 !important; line-height: 1.2 !important; color: #fff !important; margin-bottom: .35rem;
}
.patient-info-card__subtitle {
    font-size: var(--home-sync-subtitle) !important; font-weight: 500 !important; line-height: 1.3 !important; color: rgba(255,255,255,.72) !important;
}
.patient-info-card__value {
    font-size: var(--home-sync-value) !important; font-weight: 600 !important; line-height: 1.22 !important; color: #fff !important; word-break: break-word;
}
.home-meal-panel .btn.btn-theme { font-size: var(--home-sync-title) !important; font-weight: 700 !important; line-height: 1.15 !important; }
.index-date-banner h3, .order-date-text { font-size: var(--home-sync-date) !important; font-weight: 700 !important; line-height: 1.15 !important; color: #fff !important; }
.home-meal-panel .card { min-height: 170px !important; }
.home-meal-panel .card h3 { font-size: var(--home-sync-title) !important; font-weight: 700 !important; line-height: 1.18 !important; }
.home-meal-panel .card .text-white h3.mb-1 { font-size: var(--home-sync-label) !important; font-weight: 600 !important; line-height: 1.2 !important; }
.home-meal-panel .card h4, .home-meal-panel .card .text-white h4.mb-1 { font-size: var(--home-sync-value) !important; font-weight: 600 !important; line-height: 1.2 !important; }
.app-header-meta { display: none !important; }

/* Orders */
.orders-page-shell { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
.orders-page-shell .container, .orders-page-shell .container-fluid { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
.orders-page-shell .pos, .orders-page-shell .pos-with-menu, .orders-page-shell .pos-with-sidebar {
    width: 100% !important; height: 100% !important; overflow: hidden !important;
}
.orders-page-shell .pos-container {
    display: flex !important; align-items: stretch !important; width: 100% !important; min-height: 100vh !important; height: 100vh !important;
    margin: 0 !important; padding: 0 !important; overflow: hidden !important;
}
.orders-page-shell .pos-menu {
    position: relative !important; top: 0 !important; flex: 0 0 var(--orders-menu-width) !important; width: var(--orders-menu-width) !important;
    min-width: var(--orders-menu-width) !important; max-width: var(--orders-menu-width) !important; height: 100% !important;
    overflow-y: auto !important; overflow-x: hidden !important; padding: .75rem .4rem .75rem .5rem !important;
}
.orders-page-shell .pos-menu .nav-container { padding-top: .35rem !important; }
.orders-page-shell .pos-menu .nav-tabs { display: flex !important; flex-direction: column !important; gap: 1rem !important; }
.orders-page-shell .pos-menu .nav-tabs .nav-item { width: 100% !important; margin: 0 !important; display: flex !important; justify-content: center !important; }
.orders-page-shell .orders-category-link {
    width: var(--orders-category-width) !important; min-width: var(--orders-category-width) !important; max-width: var(--orders-category-width) !important;
    height: var(--orders-category-height) !important; min-height: var(--orders-category-height) !important; max-height: var(--orders-category-height) !important;
    padding: .78rem .8rem !important; margin-inline: auto !important; display: flex !important; flex-direction: column !important; align-items: center !important;
    justify-content: center !important; gap: .55rem !important; border: 1px solid rgba(255,255,255,.14) !important; border-radius: 1rem !important;
    background: linear-gradient(180deg, rgba(255,255,255,.035) 0%, rgba(255,255,255,.015) 100%); transition: border-color .16s ease, box-shadow .16s ease, background .16s ease; box-sizing: border-box !important;
}
.orders-category-link:hover, .orders-category-link.nav-active, .orders-category-link.active {
    border-color: rgba(255,255,255,.42) !important; box-shadow: 0 14px 26px rgba(0,0,0,.24), inset 0 0 0 2px rgba(255,255,255,.18); transform: none !important;
}
.orders-category-link__icon-wrap {
    width: 58px !important; height: 58px !important; min-width: 58px !important; min-height: 58px !important; display: inline-flex !important;
    align-items: center !important; justify-content: center !important; flex: 0 0 58px !important;
}
.orders-page-shell .pos-menu .nav-link img, .orders-page-shell .pos-menu .nav-link svg, .orders-page-shell .orders-category-link__icon-wrap img {
    width: 54px !important; height: 54px !important; max-width: 54px !important; max-height: 54px !important;
}
.orders-category-link__text {
    width: 100% !important; max-width: 18ch !important; height: 2.5em !important; min-height: 2.5em !important; max-height: 2.5em !important;
    display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important;
    text-align: center !important; white-space: normal !important; text-wrap: balance !important; line-height: 1.2 !important; font-size: 1.08rem !important; font-weight: 700 !important; color: rgba(255,255,255,.98) !important;
}
.orders-page-shell .pos-content {
    flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; max-width: none !important; padding: .75rem 1.5rem 1rem !important; overflow-y: auto !important; overflow-x: hidden !important;
}
.orders-page-shell .pos-content .pos-content-container { min-height: auto !important; padding-top: 0 !important; max-width: none !important; margin-top: 0 !important; }
.orders-main-header, .orders-main-header *, .orders-sidebar-header { display: none !important; }
.orders-items-grid, .orders-page-shell .orders-items-grid, .orders-page-shell .row.gx-4.pt-2.orders-items-grid, .orders-page-shell .row.gx-4.orders-items-grid {
    display: grid !important; grid-template-columns: repeat(3, minmax(var(--orders-item-min), 1fr)) !important; gap: var(--orders-item-gap) !important;
    width: 100% !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: .35rem 0 0 0 !important; --bs-gutter-x: 0 !important; --bs-gutter-y: 0 !important;
}
.orders-items-grid > [class*="col-"], .orders-page-shell .orders-items-grid > [class*="col-"], .orders-page-shell .row.gx-4.pt-2.orders-items-grid > [class*="col-"], .orders-page-shell .row.gx-4.orders-items-grid > [class*="col-"] {
    width: auto !important; max-width: none !important; flex: 0 0 auto !important; padding: 0 !important; margin: 0 !important;
}
.orders-item-card, .orders-page-shell .pos-product {
    width: 100% !important; min-height: 300px !important; border: 1px solid rgba(255,255,255,.12) !important; border-radius: 1rem !important;
    background: linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.02) 100%); box-shadow: 0 10px 22px rgba(0,0,0,.15);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
.orders-item-card:hover, .orders-item-card.nav-active, .orders-item-card:focus {
    transform: translateY(-3px) scale(1.018); border-color: rgba(255,255,255,.38) !important; box-shadow: inset 0 0 0 2px rgba(255,255,255,.22), 0 16px 28px rgba(0,0,0,.26) !important;
}
.orders-page-shell .pos-product .img, .orders-page-shell .orders-item-card .img, .orders-page-shell .modal-pos-product-img .img {
    border-radius: .9rem .9rem 0 0 !important; height: 220px !important; background-size: cover !important; background-position: center !important;
}
.orders-page-shell .pos-sidebar {
    flex: 0 0 var(--orders-review-width) !important; width: var(--orders-review-width) !important; min-width: var(--orders-review-width) !important; max-width: var(--orders-review-width) !important;
    height: 100% !important; overflow-y: auto !important; overflow-x: hidden !important; position: relative !important; top: 0 !important;
}
.orders-page-shell .pos-sidebar-body, .orders-page-shell .pos-sidebar-footer { padding-left: 1rem !important; padding-right: 1rem !important; overflow-x: hidden !important; }
.pos-order-product { display: grid !important; grid-template-columns: 72px minmax(0, 1fr) auto !important; align-items: center !important; column-gap: 14px !important; }
.pos-order-product .img { width: 72px !important; height: 72px !important; min-width: 72px !important; border-radius: 12px !important; background-size: cover !important; background-position: center !important; }
.pos-order-product .flex-1 { min-width: 0 !important; }
.pos-order-product .fs-4 { white-space: normal !important; word-break: break-word !important; font-size: 1.08rem !important; line-height: 1.28 !important; }
.orders-loading-placeholder { min-height: 60vh; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; }
.pos-content-container[data-nav-scope="orders-items"], .pos-content-container[data-nav-scope="orders-items"] * { pointer-events: auto; }
.pos-content-container[data-nav-scope="orders-items"] .pos-product { position: relative; z-index: 2; width: 100%; cursor: pointer; }

@media (max-width: 1600px) {
    :root { --orders-menu-width: 220px; --orders-category-width: 188px; --orders-review-width: 340px; --orders-item-min: 220px; }
}
@media (max-width: 1200px) {
    :root { --orders-review-width: 300px; }
    .orders-items-grid, .orders-page-shell .orders-items-grid, .orders-page-shell .row.gx-4.pt-2.orders-items-grid, .orders-page-shell .row.gx-4.orders-items-grid {
        grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
    }
}
@media (max-width: 1399.98px) {
    :root { --home-sync-label: .95rem; --home-sync-title: 1.05rem; --home-sync-value: 1.1rem; --home-sync-subtitle: .88rem; --home-sync-date: 1.25rem; }
}
@media (max-width: 991.98px) {
    .index-main-layout { flex-wrap: wrap !important; }
    .index-main-layout > [class*="col-lg-"]:first-child, .index-main-layout > [class*="col-lg-"]:last-child {
        flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important;
    }
}
@media (max-width: 767.98px) {
    .patient-info-card { min-height: 132px; }
    :root { --orders-menu-width: 188px; --orders-category-width: 168px; --orders-review-width: 280px; }
    .orders-items-grid, .orders-page-shell .orders-items-grid, .orders-page-shell .row.gx-4.pt-2.orders-items-grid, .orders-page-shell .row.gx-4.orders-items-grid {
        grid-template-columns: 1fr !important;
    }
}


/* ===== FINAL ORDERS AREA-SCROLL + SPACING OVERRIDES ===== */
:root {
    --orders-menu-width: 194px;
    --orders-category-width: 176px;
    --orders-category-height: 106px;
    --orders-review-width: 432px;
    --orders-item-gap: 16px;
    --orders-item-min: 228px;
}

.orders-page-shell,
.orders-page-shell .pos,
.orders-page-shell .pos-with-menu,
.orders-page-shell .pos-with-sidebar,
.orders-page-shell .pos-container {
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;
}

.orders-page-shell .pos-container { align-items: stretch !important; }

.orders-page-shell .pos-menu {
    padding: .2rem .2rem .25rem .25rem !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}
.orders-page-shell .pos-menu::-webkit-scrollbar { width: 0 !important; height: 0 !important; display:none !important; }

.orders-page-shell .pos-menu .nav-container,
.orders-page-shell .pos-menu .h-100 {
    height: 100% !important;
    padding-top: 0 !important;
}

.orders-page-shell .pos-menu .nav-tabs { gap: .75rem !important; }

.orders-page-shell .orders-category-link {
    width: var(--orders-category-width) !important;
    min-width: var(--orders-category-width) !important;
    max-width: var(--orders-category-width) !important;
    height: var(--orders-category-height) !important;
    min-height: var(--orders-category-height) !important;
    max-height: var(--orders-category-height) !important;
}

.orders-page-shell .pos-content {
    padding: .15rem .55rem .2rem .35rem !important;
    overflow: hidden !important;
}

.orders-page-shell .pos-content .pos-content-container {
    height: 100% !important;
    max-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}
.orders-page-shell .pos-content .pos-content-container::-webkit-scrollbar { width: 0 !important; height: 0 !important; display:none !important; }

.orders-main-header,
.orders-main-header * { display: none !important; }

.orders-page-shell .row.gx-4.pt-2.orders-items-grid,
.orders-page-shell .orders-items-grid {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    gap: 16px !important;
    align-content: start !important;
}

.orders-page-shell .pos-sidebar {
    width: var(--orders-review-width) !important;
    min-width: var(--orders-review-width) !important;
    max-width: var(--orders-review-width) !important;
    overflow: hidden !important;
}

.orders-page-shell .h-100.d-flex.flex-column.p-0 {
    height: 100% !important;
    max-height: 100% !important;
}

.orders-page-shell .pos-sidebar-header.orders-sidebar-header {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    min-height: 52px !important;
    padding: .55rem 1rem .35rem !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
.orders-page-shell .orders-sidebar-header__line {
    display: block !important;
    color: rgba(255,255,255,.98) !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.orders-page-shell .pos-sidebar-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}
.orders-page-shell .pos-sidebar-body::-webkit-scrollbar { width: 0 !important; height: 0 !important; display:none !important; }

.orders-page-shell .pos-sidebar-footer {
    flex: 0 0 auto !important;
    padding-top: .6rem !important;
    padding-bottom: .6rem !important;
}

@media (max-width: 1600px) {
    :root {
        --orders-menu-width: 186px;
        --orders-category-width: 168px;
        --orders-review-width: 412px;
        --orders-item-min: 214px;
    }
}


/* ===== Home route top-offset fix ===== */
.home-route-active,
.home-route-active #app,
.home-route-active .app,
.home-route-active .app-content-full-width {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.home-route-active .app-header {
    margin-bottom: 0 !important;
    min-height: auto !important;
}

.home-route-active .home-content-host {
    margin-top: 0 !important;
    padding-top: .35rem !important;
    padding-right: 1rem !important;
    padding-bottom: 1rem !important;
    padding-left: 1rem !important;
}

.home-route-active .index-main-layout {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.home-route-active .home-patient-card,
.home-route-active .home-meal-panel {
    margin-top: 0 !important;
}


/* ===== Route-separated host containers ===== */
.route-shell {
    display: block;
    width: 100%;
    min-height: 100%;
}

.home-route-container,
.orders-route-container {
    margin: 0 !important;
    padding: 0 !important;
}

/* ===== Home overlap correction ===== */
.home-route-container,
.home-route-container #app,
.home-route-container .app,
.home-route-container .app-content-full-width {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.home-route-container .app-header {
    position: relative !important;
    margin-bottom: 0 !important;
    min-height: auto !important;
    z-index: 10 !important;
}

.home-route-container .home-content-host {
    margin-top: 0 !important;
    padding-top: .5rem !important;
    padding-right: .75rem !important;
    padding-bottom: .75rem !important;
    padding-left: .75rem !important;
}

.home-route-container .index-main-layout {
    margin-top: 0 !important;
    padding-top: 0 !important;
    gap: 16px !important;
}

.home-route-container .home-panel-right-column,
.home-route-container .home-panel-left-column {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.home-route-container .home-meal-panel > .row {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.home-route-container .home-meal-panel > .row > [class*="col-"] {
    padding-top: 0 !important;
    padding-left: .5rem !important;
    padding-right: .5rem !important;
}

.home-route-container .home-meal-panel .index-date-banner {
    margin-top: 0 !important;
}

.home-route-container .home-patient-card {
    margin-top: 0 !important;
}

/* ===== Orders top alignment and spacing ===== */
.orders-route-container,
.orders-route-container #app,
.orders-route-container .app,
.orders-route-container .app-content-full-width,
.orders-route-container .orders-content-host,
.orders-route-container .app-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.orders-route-container .orders-content-host,
.orders-route-container .app-content {
    padding-top: 5px !important;
    padding-right: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 8px !important;
}

.orders-route-container .orders-page-shell,
.orders-route-container .orders-page-shell .pos,
.orders-route-container .orders-page-shell .pos-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.orders-route-container .orders-page-shell .pos-container {
    align-items: flex-start !important;
    gap: 8px !important;
    height: calc(100vh - 10px) !important;
    min-height: calc(100vh - 10px) !important;
}

.orders-route-container .orders-page-shell .pos-menu,
.orders-route-container .orders-page-shell .pos-content,
.orders-route-container .orders-page-shell .pos-sidebar {
    margin-top: 0 !important;
    padding-top: 5px !important;
    align-self: stretch !important;
}

.orders-route-container .orders-page-shell .pos-menu {
    padding-right: 2px !important;
    padding-left: 2px !important;
}

.orders-route-container .orders-page-shell .pos-menu .nav-container,
.orders-route-container .orders-page-shell .pos-menu .nav-tabs,
.orders-route-container .orders-page-shell .pos-menu [data-nav-scope="orders-categories"] {
    margin-top: 0 !important;
    padding-top: 0 !important;
    height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.orders-route-container .orders-page-shell .pos-content {
    padding-left: 2px !important;
    padding-right: 6px !important;
}

.orders-route-container .orders-page-shell .pos-content .pos-content-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
    height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.orders-route-container .orders-page-shell .orders-items-grid,
.orders-route-container .orders-page-shell .row.gx-4.pt-2.orders-items-grid,
.orders-route-container .orders-page-shell .row.gx-4.orders-items-grid {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.orders-route-container .orders-page-shell .row.gx-4.pt-2.orders-items-grid {
    --bs-gutter-y: 0 !important;
    --bs-gutter-x: 0 !important;
}

.orders-route-container .orders-page-shell .pos-sidebar {
    flex: 0 0 430px !important;
    width: 430px !important;
    min-width: 430px !important;
    max-width: 430px !important;
}

.orders-route-container .orders-page-shell .pos-sidebar > .h-100 {
    height: 100% !important;
}

.orders-route-container .orders-page-shell .orders-sidebar-header {
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: .35rem .75rem .45rem !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
}

.orders-route-container .orders-page-shell .orders-sidebar-header__line {
    color: rgba(255,255,255,.98) !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.orders-route-container .orders-page-shell .pos-sidebar-body {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.orders-route-container .orders-page-shell .pos-sidebar-footer {
    flex-shrink: 0 !important;
}


/* ===== vNext UI polish / grid / review drawer / performance ===== */
:root {
    --orders-review-width: 500px !important;
}

/* TV-friendly focus / hover polish */
.orders-route-container .orders-page-shell .orders-category-link,
.orders-route-container .orders-page-shell .orders-item-card,
.orders-route-container .orders-page-shell .pos-order-product,
.orders-route-container .orders-page-shell .pos-sidebar-footer .btn {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, filter .18s ease !important;
}

.orders-route-container .orders-page-shell .orders-category-link:hover,
.orders-route-container .orders-page-shell .orders-category-link.nav-active,
.orders-route-container .orders-page-shell .orders-category-link:focus {
    transform: translateY(-2px) scale(1.01) !important;
    box-shadow: 0 14px 28px rgba(0,0,0,.28), inset 0 0 0 2px rgba(255,255,255,.20) !important;
    border-color: rgba(255,255,255,.42) !important;
}

.orders-route-container .orders-page-shell .orders-item-card:hover,
.orders-route-container .orders-page-shell .orders-item-card.nav-active,
.orders-route-container .orders-page-shell .orders-item-card:focus,
.orders-route-container .orders-page-shell .pos-product.orders-item-card.active {
    transform: translateY(-3px) scale(1.015) !important;
    box-shadow: 0 18px 30px rgba(0,0,0,.30), inset 0 0 0 2px rgba(255,255,255,.22) !important;
    border-color: rgba(255,255,255,.42) !important;
}

.orders-route-container .orders-page-shell .pos-sidebar-footer .btn:hover,
.orders-route-container .orders-page-shell .pos-sidebar-footer .btn.nav-active,
.orders-route-container .orders-page-shell .pos-sidebar-footer .btn:focus {
    transform: translateY(-1px) !important;
    box-shadow: 0 12px 22px rgba(0,0,0,.26), inset 0 0 0 2px rgba(255,255,255,.18) !important;
}

/* 3-column menu grid with better spacing and centering */
.orders-route-container .orders-page-shell .orders-items-grid,
.orders-route-container .orders-page-shell .row.gx-4.pt-2.orders-items-grid,
.orders-route-container .orders-page-shell .row.gx-4.orders-items-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(260px, 1fr)) !important;
    gap: 18px !important;
    align-content: start !important;
    align-items: start !important;
    justify-items: stretch !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.orders-route-container .orders-page-shell .orders-item-card,
.orders-route-container .orders-page-shell .pos-product.orders-item-card {
    min-height: 250px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

.orders-route-container .orders-page-shell .orders-item-card .img,
.orders-route-container .orders-page-shell .pos-product.orders-item-card .img {
    height: 185px !important;
    background-size: cover !important;
    background-position: center !important;
}

.orders-route-container .orders-page-shell .orders-item-card .info,
.orders-route-container .orders-page-shell .pos-product.orders-item-card .info {
    min-height: 64px !important;
    display: flex !important;
    align-items: center !important;
    padding: 10px 14px !important;
}

.orders-route-container .orders-page-shell .orders-item-card .info .fs-4,
.orders-route-container .orders-page-shell .pos-product.orders-item-card .info .fs-4 {
    margin: 0 !important;
    line-height: 1.2 !important;
}

/* tighten category/items gap and top alignment */
.orders-route-container .orders-page-shell .pos-container {
    gap: 6px !important;
}

.orders-route-container .orders-page-shell .pos-menu {
    padding-right: 0 !important;
}

.orders-route-container .orders-page-shell .pos-content {
    padding-left: 0 !important;
    padding-top: 5px !important;
}

/* review panel width 500px + drawer-like polish */
.orders-route-container .orders-page-shell .pos-sidebar {
    flex: 0 0 500px !important;
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
    border-left: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: -18px 0 32px rgba(0,0,0,.18) !important;
}

.orders-route-container .orders-page-shell .orders-sidebar-header {
    min-height: 52px !important;
    padding: .55rem .9rem .6rem !important;
    backdrop-filter: blur(10px);
}

.orders-route-container .orders-page-shell .pos-sidebar-body {
    padding-top: .35rem !important;
}

.orders-route-container .orders-page-shell .pos-order-product {
    border-radius: 14px !important;
    padding: 10px 12px !important;
    margin-bottom: 10px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.015) 100%) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}

.orders-route-container .orders-page-shell .pos-order-product .img {
    width: 78px !important;
    height: 78px !important;
}

.orders-route-container .orders-page-shell .pos-sidebar-footer {
    padding-top: 12px !important;
    backdrop-filter: blur(8px);
}

.orders-route-container .orders-page-shell .pos-sidebar-footer .btn {
    border-radius: 16px !important;
}

/* area-specific smooth scrolling */
.orders-route-container .orders-page-shell .pos-menu,
.orders-route-container .orders-page-shell .pos-content .pos-content-container,
.orders-route-container .orders-page-shell .pos-sidebar-body {
    scroll-behavior: smooth !important;
}

/* cleaner scrollbar appearance without always-showing harsh chrome */
.orders-route-container .orders-page-shell .pos-menu,
.orders-route-container .orders-page-shell .pos-content .pos-content-container,
.orders-route-container .orders-page-shell .pos-sidebar-body {
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.22) transparent;
}

.orders-route-container .orders-page-shell .pos-menu::-webkit-scrollbar,
.orders-route-container .orders-page-shell .pos-content .pos-content-container::-webkit-scrollbar,
.orders-route-container .orders-page-shell .pos-sidebar-body::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.orders-route-container .orders-page-shell .pos-menu::-webkit-scrollbar-thumb,
.orders-route-container .orders-page-shell .pos-content .pos-content-container::-webkit-scrollbar-thumb,
.orders-route-container .orders-page-shell .pos-sidebar-body::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.18);
    border-radius: 999px;
}

.orders-route-container .orders-page-shell .pos-menu::-webkit-scrollbar-track,
.orders-route-container .orders-page-shell .pos-content .pos-content-container::-webkit-scrollbar-track,
.orders-route-container .orders-page-shell .pos-sidebar-body::-webkit-scrollbar-track {
    background: transparent;
}

/* lightweight loading veil hook */
.orders-loading-overlay {
    position: absolute;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(12, 16, 24, .24);
    backdrop-filter: blur(2px);
    z-index: 20;
}

.orders-loading-overlay.is-visible {
    display: flex;
}

.orders-loading-overlay__spinner {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: 4px solid rgba(255,255,255,.20);
    border-top-color: rgba(255,255,255,.92);
    animation: orders-spin .8s linear infinite;
}

@keyframes orders-spin {
    to { transform: rotate(360deg); }
}

@media (max-width: 1700px) {
    .orders-route-container .orders-page-shell .pos-sidebar {
        flex: 0 0 460px !important;
        width: 460px !important;
        min-width: 460px !important;
        max-width: 460px !important;
    }
}

@media (max-width: 1450px) {
    .orders-route-container .orders-page-shell .orders-items-grid,
    .orders-route-container .orders-page-shell .row.gx-4.pt-2.orders-items-grid,
    .orders-route-container .orders-page-shell .row.gx-4.orders-items-grid {
        grid-template-columns: repeat(2, minmax(240px, 1fr)) !important;
    }
}


/* ===== vNext TV navigation + review alignment ===== */

/* tighten category vs items gap */
.orders-route-container .orders-page-shell .pos-container {
    gap: 2px !important;
}

.orders-route-container .orders-page-shell .pos-menu {
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.orders-route-container .orders-page-shell .pos-content {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* review panel width fixed 500 */
.orders-route-container .orders-page-shell .pos-sidebar {
    flex: 0 0 500px !important;
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
}

/* align delete button vertically with review item card */
.orders-route-container .orders-page-shell .pos-order {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 14px !important;
    margin-bottom: 10px !important;
}

.orders-route-container .orders-page-shell .pos-order-product {
    margin-bottom: 0 !important;
    padding: 8px 10px 8px 8px !important;
    display: grid !important;
    grid-template-columns: 78px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 12px !important;
}

.orders-route-container .orders-page-shell .pos-order-product .flex-1 {
    min-width: 0 !important;
}

.orders-route-container .orders-page-shell .pos-order-product .fs-4 {
    margin: 0 !important;
    line-height: 1.22 !important;
}

.orders-route-container .orders-page-shell .pos-order-price {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.orders-route-container .orders-page-shell .pos-order-price .text-end {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    margin: 0 !important;
}

.orders-route-container .orders-page-shell .pos-order-price .btn {
    margin: 0 !important;
    align-self: center !important;
}

/* slightly reduce left padding feel in review item area */
.orders-route-container .orders-page-shell .pos-sidebar-body {
    padding-left: .6rem !important;
    padding-right: .9rem !important;
}

/* stronger TV focus ring */
.orders-route-container .orders-page-shell .focusable.nav-active,
.orders-route-container .orders-page-shell .focusable:focus {
    box-shadow: 0 0 0 3px rgba(255,255,255,.92), 0 14px 28px rgba(0,0,0,.35) !important;
}


/* ===== RTL layout support ===== */
body.rtl-active .index-main-layout,
html[dir="rtl"] .index-main-layout { direction: rtl; }
body.rtl-active .orders-route-container .orders-page-shell,
html[dir="rtl"] .orders-route-container .orders-page-shell { direction: rtl; }
body.rtl-active .orders-route-container .orders-page-shell .pos-menu,
html[dir="rtl"] .orders-route-container .orders-page-shell .pos-menu { order: 3; }
body.rtl-active .orders-route-container .orders-page-shell .pos-content,
html[dir="rtl"] .orders-route-container .orders-page-shell .pos-content { order: 2; }
body.rtl-active .orders-route-container .orders-page-shell .pos-sidebar,
html[dir="rtl"] .orders-route-container .orders-page-shell .pos-sidebar {
    order: 1;
    border-left: none !important;
    border-right: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 18px 0 32px rgba(0,0,0,.18) !important;
}
body.rtl-active .patient-info-card__header,
html[dir="rtl"] .patient-info-card__header,
body.rtl-active .pos-order-product,
html[dir="rtl"] .pos-order-product { direction: rtl; }
body.rtl-active .orders-category-link__text,
html[dir="rtl"] .orders-category-link__text,
body.rtl-active .patient-info-card__titles,
html[dir="rtl"] .patient-info-card__titles { text-align: right !important; }


/* ===== FINAL PROJECT OVERRIDE: top spacing + review width + rtl safe ===== */

/* Home route spacing restored */
.home-route-container,
.home-route-container #app,
.home-route-container .app,
.home-route-container .app-content-full-width,
.home-route-container .app-content,
.home-route-container .home-content-host {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.home-route-container .app-header {
    margin-bottom: 0 !important;
}

.home-route-container .home-content-host {
    padding-top: 5px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    padding-bottom: 6px !important;
}

.home-route-container .index-main-layout,
.home-route-container .home-panel-left-column,
.home-route-container .home-panel-right-column,
.home-route-container .home-meal-panel,
.home-route-container .home-patient-card {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Orders route spacing restored */
.orders-route-container,
.orders-route-container #app,
.orders-route-container .app,
.orders-route-container .app-content-full-width,
.orders-route-container .app-content,
.orders-route-container .orders-content-host,
.orders-route-container .orders-page-shell,
.orders-route-container .orders-page-shell .pos,
.orders-route-container .orders-page-shell .pos-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.orders-route-container .orders-content-host,
.orders-route-container .app-content {
    padding-top: 5px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-bottom: 8px !important;
}

.orders-route-container .orders-page-shell .pos-container {
    align-items: flex-start !important;
    gap: 2px !important;
}

.orders-route-container .orders-page-shell .pos-menu {
    padding-top: 5px !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.orders-route-container .orders-page-shell .pos-content {
    padding-top: 5px !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.orders-route-container .orders-page-shell .pos-sidebar {
    padding-top: 5px !important;
}

/* Lock review width at 500px */
.orders-route-container .orders-page-shell .pos-sidebar {
    flex: 0 0 500px !important;
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
}

/* Override any later or responsive sidebar shrink rules */
@media (min-width: 0px) {
    .orders-route-container .orders-page-shell .pos-sidebar {
        flex: 0 0 500px !important;
        width: 500px !important;
        min-width: 500px !important;
        max-width: 500px !important;
    }
}

/* Keep review item rows tight */
.orders-route-container .orders-page-shell .pos-sidebar-body {
    padding-left: .45rem !important;
    padding-right: .75rem !important;
}

.orders-route-container .orders-page-shell .pos-order {
    margin-bottom: 8px !important;
}

.orders-route-container .orders-page-shell .pos-order-product {
    padding: 6px 8px 6px 6px !important;
}

/* RTL direction without reintroducing layout spacing */
.rtl {
    direction: rtl !important;
    text-align: right;
}

.ltr {
    direction: ltr !important;
    text-align: left;
}

.rtl .pos-container {
    flex-direction: row-reverse !important;
}

.rtl .pos-menu { order: 3 !important; }
.rtl .pos-content { order: 2 !important; }
.rtl .pos-sidebar { order: 1 !important; }

.rtl .patient-info-card,
.rtl .home-meal-panel .card,
.rtl .orders-item-card,
.rtl .pos-order-product {
    text-align: right !important;
}


/* ===== ENTERPRISE TV NAVIGATION SYSTEM: final baseline override ===== */
.orders-route-container .orders-page-shell {
    --tv-focus-ring: 0 0 0 3px rgba(255,255,255,.96), 0 0 0 7px rgba(60,185,255,.38), 0 18px 34px rgba(0,0,0,.34);
}

.orders-route-container .orders-page-shell .pos-container {
    gap: 8px !important;
}

.orders-route-container .orders-page-shell .pos-menu,
.orders-route-container .orders-page-shell .pos-content .pos-content-container,
.orders-route-container .orders-page-shell .pos-sidebar-body {
    scroll-behavior: smooth;
}

.orders-route-container .orders-page-shell .orders-category-link,
.orders-route-container .orders-page-shell .orders-item-card,
.orders-route-container .orders-page-shell .pos-order,
.orders-route-container .orders-page-shell .pos-sidebar-footer .btn,
.orders-route-container .modal .btn.focusable {
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease, opacity .16s ease !important;
}

.orders-route-container .orders-page-shell .focusable.nav-active,
.orders-route-container .orders-page-shell .focusable:focus,
.orders-route-container .orders-page-shell .pos-order:has(.focusable.nav-active),
.orders-route-container .orders-page-shell .pos-order:has(.focusable:focus) {
    box-shadow: var(--tv-focus-ring) !important;
    transform: translateY(-1px) scale(1.01);
}

.orders-route-container .orders-page-shell .orders-category-link.tv-zone-selected {
    border-color: rgba(255,255,255,.28) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 12px 24px rgba(0,0,0,.18) !important;
}

.orders-route-container .orders-page-shell .orders-item-card {
    min-height: 296px !important;
    position: relative;
    overflow: hidden;
}

.orders-route-container .orders-page-shell .orders-item-card__media {
    position: relative;
}

.orders-route-container .orders-page-shell .orders-item-card__qty-badge {
    position: absolute;
    top: 14px;
    right: 14px;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(135deg, rgba(38,198,218,.95), rgba(0,118,255,.92));
    box-shadow: 0 10px 22px rgba(0,0,0,.28);
    z-index: 3;
}

.orders-route-container .orders-page-shell .orders-item-card__selected-mark {
    position: absolute;
    left: 14px;
    top: 14px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(18,168,96,.95);
    box-shadow: 0 10px 24px rgba(18,168,96,.35);
    z-index: 3;
}

.orders-route-container .orders-page-shell .tv-item-selected {
    border-color: rgba(90,255,186,.34) !important;
    box-shadow: inset 0 0 0 1px rgba(90,255,186,.22), 0 12px 28px rgba(0,0,0,.22) !important;
    animation: tv-item-glow 1.45s ease-in-out infinite alternate;
}

.orders-route-container .orders-page-shell .tv-item-disabled {
    cursor: not-allowed !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.06) !important;
}

.orders-route-container .orders-page-shell .tv-item-disabled .img,
.orders-route-container .orders-page-shell .tv-item-disabled .orders-item-card__media,
.orders-route-container .orders-page-shell .tv-item-disabled .orders-item-card__media img {
    opacity: 1 !important;
    filter: none !important;
}

.orders-route-container .orders-page-shell .tv-item-disabled .info,
.orders-route-container .orders-page-shell .tv-item-disabled .orders-item-card__hint {
    opacity: .82 !important;
}

.orders-route-container .orders-page-shell .orders-item-card__hint {
    margin-top: 8px;
    font-size: .92rem;
    line-height: 1.2;
    color: rgba(255,255,255,.68);
}

.orders-route-container .orders-page-shell .pos-sidebar {
    flex: 0 0 500px !important;
    width: 500px !important;
    min-width: 500px !important;
    max-width: 500px !important;
}

.orders-route-container .orders-page-shell .pos-sidebar-body {
    padding: .7rem .95rem .25rem .7rem !important;
}

.orders-route-container .orders-page-shell .pos-order {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 12px !important;
    margin-bottom: 10px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.035) !important;
    padding: 8px 10px !important;
}

.orders-route-container .orders-page-shell .pos-order-product {
    display: grid !important;
    grid-template-columns: 74px minmax(0,1fr) !important;
    column-gap: 12px !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.orders-route-container .orders-page-shell .orders-review-row__meta {
    margin-top: 6px;
    font-size: .94rem;
    color: rgba(255,255,255,.72);
}

.orders-route-container .orders-page-shell .pos-order-price,
.orders-route-container .orders-page-shell .pos-order-price .text-end {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    height: 100% !important;
}

.orders-route-container .orders-page-shell .orders-review-delete-btn {
    min-width: 124px;
    border-radius: 14px !important;
}

.orders-route-container .orders-page-shell .pos-sidebar-footer .btn,
.orders-route-container .modal .btn.focusable {
    border-radius: 16px !important;
}

@keyframes tv-item-glow {
    from { box-shadow: inset 0 0 0 1px rgba(90,255,186,.20), 0 10px 22px rgba(0,0,0,.18); }
    to { box-shadow: inset 0 0 0 1px rgba(90,255,186,.34), 0 0 0 2px rgba(90,255,186,.12), 0 16px 30px rgba(0,0,0,.24); }
}

html[dir="rtl"] .orders-route-container .orders-page-shell .orders-item-card__qty-badge,
body.rtl-active .orders-route-container .orders-page-shell .orders-item-card__qty-badge {
    right: auto;
    left: 14px;
}

html[dir="rtl"] .orders-route-container .orders-page-shell .orders-item-card__selected-mark,
body.rtl-active .orders-route-container .orders-page-shell .orders-item-card__selected-mark {
    left: auto;
    right: 14px;
}

.patient-identity-grid .patient-info-card--identity {
    min-height: 132px !important;
    padding: 1rem 1rem .95rem;
}
.patient-info-card--identity .patient-info-card__title {
    margin-bottom: .2rem;
    color: rgba(255,255,255,.8) !important;
}
.patient-info-card--identity .patient-info-card__value {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
}
.patient-info-card--guest-order .patient-info-card__action {
    margin-top: auto;
}
.home-guest-order-modal {
    background: rgba(11,17,30,.96);
    border: 1px solid var(--mlp-surface-border);
    border-radius: 1.25rem;
    box-shadow: var(--mlp-shadow-soft);
}
.home-guest-order-modal__guest-name {
    font-size: 1rem;
    font-weight: 700;
    color: rgba(255,255,255,.82);
    margin-bottom: .65rem;
}
.orders-main-header__guest {
    color: rgba(255,255,255,.86);
    font-weight: 600;
}
body.rtl-active .home-guest-order-modal__guest-name,
html[dir="rtl"] .home-guest-order-modal__guest-name {
    text-align: right;
}

/* ===== ENTERPRISE PROMPTS / MODALS ===== */
.modal.modal-pos {
    backdrop-filter: blur(8px);
}

.modal.modal-pos .modal-dialog {
    max-width: min(980px, calc(100vw - 64px)) !important;
}

.modal.modal-pos .modal-content {
    background: linear-gradient(145deg, rgba(15, 22, 38, .98) 0%, rgba(21, 31, 52, .98) 100%) !important;
    border: 1px solid rgba(103, 154, 255, .28) !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    box-shadow: 0 30px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.modal.modal-pos .modal-pos-product {
    min-height: 430px;
    background:
        radial-gradient(circle at top right, rgba(68, 116, 255, .14), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,.01) 100%);
}

.modal.modal-pos .modal-pos-product .modal-pos-product-img {
    background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
    border-inline-end: 1px solid rgba(255,255,255,.06);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.modal.modal-pos .modal-pos-product .modal-pos-product-img .img {
    width: 220px !important;
    height: 220px !important;
    border-radius: 28px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    box-shadow: 0 20px 44px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.05);
}

.modal.modal-pos .modal-pos-product .modal-pos-product-info,
.modal.modal-pos .modal-pos-product > .card-body {
    padding: 34px 38px !important;
}

.modal.modal-pos h1,
.modal.modal-pos h2,
.modal.modal-pos h3,
.modal.modal-pos h4 {
    letter-spacing: -.02em;
}

.modal.modal-pos .btn.btn-default,
.modal.modal-pos .btn.btn-theme {
    min-height: 72px;
    border-radius: 20px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 12px 24px rgba(0,0,0,.18);
}

.modal.modal-pos .btn.btn-default {
    background: linear-gradient(180deg, rgba(106, 134, 188, .82), rgba(80, 103, 152, .82)) !important;
    color: #fff !important;
}

.modal.modal-pos .btn.btn-theme {
    background: linear-gradient(180deg, rgba(49, 111, 245, .98), rgba(38, 95, 217, .98)) !important;
}

.modal.modal-pos .btn:hover,
.modal.modal-pos .btn.nav-active,
.modal.modal-pos .btn:focus {
    transform: translateY(-1px);
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.16), 0 18px 32px rgba(0,0,0,.24) !important;
}

.modal.modal-pos .info,
.modal.modal-pos .fs-4,
.modal.modal-pos .text-white.text-opacity-75 {
    color: rgba(255,255,255,.88) !important;
}




/* ===== MODAL CONTENT WRAP FIXES ===== */
.modal.modal-pos .modal-pos-product {
    display: flex;
    align-items: stretch;
}

.modal.modal-pos .modal-pos-product .modal-pos-product-info,
.modal.modal-pos .modal-pos-product > .card-body {
    flex: 1 1 auto;
    min-width: 0;
}

.modal.modal-pos .pos-order {
    width: 100%;
}

.modal.modal-pos .pos-order-product {
    display: block !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
}

.modal.modal-pos .pos-order-product .flex-1 {
    min-width: 0 !important;
    width: 100% !important;
}

.modal.modal-pos .pos-order-product .h3,
.modal.modal-pos .pos-order-product .fs-4,
.modal.modal-pos .modal-pos-product-info .info h2,
.modal.modal-pos .modal-pos-product-info h1,
.modal.modal-pos .modal-pos-product-info h2,
.modal.modal-pos .modal-pos-product-info h3 {
    display: block;
    width: 100%;
    max-width: none;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere;
}

.modal.modal-pos .modal-pos-product-info .row {
    --bs-gutter-x: 1.25rem;
}

.modal.modal-pos .modal-pos-product-info .row > .col,
.modal.modal-pos .modal-pos-product-info .row > [class*="col-"] {
    min-width: 0;
}

.modal.modal-pos .modal-pos-product-info .info {
    max-width: 100%;
}

/* ===== ADMIN / LANGUAGE SETTINGS ===== */
.lang-settings-page {
    background: linear-gradient(145deg, rgba(15, 22, 38, .96) 0%, rgba(21, 31, 52, .96) 100%) !important;
    border: 1px solid rgba(103, 154, 255, .22) !important;
    border-radius: 22px !important;
    box-shadow: 0 24px 60px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.lang-settings-page .form-label,
.lang-settings-page th,
.lang-settings-page td {
    color: #e8eefc;
}

.lang-settings-table-wrap {
    max-height: calc(100vh - 220px);
    overflow: auto !important;
    padding-right: 4px;
    scrollbar-width: thin;
    scrollbar-color: rgba(103,154,255,.55) rgba(255,255,255,.06);
}

.lang-settings-table-wrap::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.lang-settings-table-wrap::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(103,154,255,.8), rgba(57,111,231,.8));
    border-radius: 999px;
    border: 2px solid rgba(16,23,37,.9);
}

.lang-settings-table-wrap::-webkit-scrollbar-track {
    background: rgba(255,255,255,.06);
    border-radius: 999px;
}

/* ===== ENTERPRISE PROMPTS / MODALS TUNING ===== */
.modal.modal-pos .modal-pos-product .modal-pos-product-img {
    flex: 0 0 200px;
    max-width: 200px;
    padding: 18px;
}

.modal.modal-pos .modal-pos-product .modal-pos-product-img .img {
    width: 150px !important;
    height: 150px !important;
    border-radius: 22px !important;
}

.modal.modal-pos .modal-pos-product .modal-pos-product-info,
.modal.modal-pos .modal-pos-product > .card-body {
    padding: 34px 38px !important;
}

@media (max-width: 991.98px) {
    .modal.modal-pos .modal-pos-product .modal-pos-product-img {
        flex-basis: 160px;
        max-width: 160px;
        padding: 14px;
    }

    .modal.modal-pos .modal-pos-product .modal-pos-product-img .img {
        width: 116px !important;
        height: 116px !important;
    }
}


/* Keep unavailable menu item images fully visible without a dark overlay */
.orders-route-container .orders-page-shell .orders-item-card.tv-item-disabled::before,
.orders-route-container .orders-page-shell .orders-item-card.tv-item-disabled::after,
.orders-route-container .orders-page-shell .orders-item-card.tv-item-disabled .img::before,
.orders-route-container .orders-page-shell .orders-item-card.tv-item-disabled .img::after {
    display: none !important;
    content: none !important;
}


/* ===== QUANTITY POPUP ONLY: true 50/50 image-content split ===== */
.modal.modal-pos.modal-pos-qty .modal-dialog.modal-dialog-qty {
    max-width: 1100px;
}

.modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty {
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: stretch;
    min-height: 460px;
}

.modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-img {
    flex: unset;
    max-width: none;
    width: 100%;
    padding: 24px;
    border-inline-end: 1px solid rgba(255,255,255,.06);
}

.modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-img .img {
    width: 100% !important;
    height: 100% !important;
    min-height: 340px;
    border-radius: 24px !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info {
    padding: 34px 38px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

@media (max-width: 991.98px) {
    .modal.modal-pos.modal-pos-qty .modal-dialog.modal-dialog-qty {
        max-width: min(94vw, 760px);
    }

    .modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty {
        grid-template-columns: 1fr;
    }

    .modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-img {
        border-inline-end: 0;
        border-bottom: 1px solid rgba(255,255,255,.06);
        padding: 20px 20px 12px;
    }

    .modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-img .img {
        min-height: 220px;
    }
}


/* ===== QUANTITY POPUP BUTTON LAYOUT TUNING ===== */
.modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info .row.g-3 {
    --bs-gutter-x: 18px;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
    margin-top: 6px;
}

.modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info .row.g-3 > [class*="col-"] {
    min-width: 0;
    display: flex;
}

.modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info .row.g-3 > .col-4 {
    flex: 0 0 34%;
    max-width: 34%;
}

.modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info .row.g-3 > .col-8 {
    flex: 0 0 66%;
    max-width: 66%;
}

.modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info .row.g-3 .btn {
    width: 100% !important;
    min-width: 0;
    white-space: nowrap;
    padding-inline: 18px;
}

@media (max-width: 991.98px) {
    .modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info .row.g-3 {
        flex-wrap: wrap;
    }

    .modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info .row.g-3 > .col-4,
    .modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info .row.g-3 > .col-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* ===== QUANTITY POPUP CSS CLASH HARD FIX ===== */
.modal.modal-pos.modal-pos-qty .modal-dialog.modal-dialog-qty {
    width: min(1100px, 92vw) !important;
    max-width: 1100px !important;
}

.modal.modal-pos.modal-pos-qty .modal-content,
.modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty {
    width: 100% !important;
    max-width: 100% !important;
}

.modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: stretch !important;
}

.modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-img,
.modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info {
    align-items: stretch !important;
}

.modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info .fs-4,
.modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info .d-flex,
.modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info hr {
    width: 100% !important;
    max-width: 100% !important;
}

.modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info .row.g-3 {
    display: grid !important;
    grid-template-columns: minmax(150px, 34%) minmax(0, 1fr) !important;
    gap: 18px !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info .row.g-3 > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info .row.g-3 > .col-4,
.modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info .row.g-3 > .col-8 {
    flex: initial !important;
}

.modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info .row.g-3 .btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: nowrap !important;
}

@media (max-width: 991.98px) {
    .modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info .row.g-3 {
        grid-template-columns: 1fr !important;
    }
}


/* Category rail: vertical-only scrolling for TV navigation */
.orders-route-container .orders-page-shell .pos-menu,
.orders-page-shell .pos-menu,
.orders-page-shell [data-nav-scope="orders-categories"] {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior-x: none !important;
    scrollbar-gutter: stable both-edges;
    scroll-behavior: smooth;
}

.orders-page-shell [data-nav-scope="orders-categories"] {
    width: 100% !important;
    max-width: 100% !important;
}

.orders-route-container .orders-page-shell .orders-category-link,
.orders-route-container .orders-page-shell .orders-category-link:hover,
.orders-route-container .orders-page-shell .orders-category-link.nav-active,
.orders-route-container .orders-page-shell .orders-category-link:focus,
.orders-page-shell .orders-category-link,
.orders-page-shell .orders-category-link:hover,
.orders-page-shell .orders-category-link.nav-active,
.orders-page-shell .orders-category-link:focus {
    transform: translateY(0) !important;
}

/* =========================================================
   GLOBAL UI STABILIZATION PASS
   Final high-specificity overrides for TV / 10ft UI
   ========================================================= */

:root {
    --ml-stable-popup-max-width: min(980px, calc(100vw - 64px));
    --ml-stable-popup-gap: 22px;
    --ml-stable-popup-image-width: 180px;
    --ml-stable-popup-radius: 26px;
    --ml-stable-action-gap: 14px;
}

/* ----- popup shell normalization ----- */
body .modal.modal-pos .modal-dialog {
    width: min(100%, var(--ml-stable-popup-max-width)) !important;
    max-width: var(--ml-stable-popup-max-width) !important;
}

body .modal.modal-pos .modal-content {
    border-radius: var(--ml-stable-popup-radius) !important;
}

body .modal.modal-pos .modal-pos-product {
    display: flex !important;
    align-items: stretch !important;
    gap: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

body .modal.modal-pos .modal-pos-product .modal-pos-product-img {
    flex: 0 0 var(--ml-stable-popup-image-width) !important;
    width: var(--ml-stable-popup-image-width) !important;
    min-width: var(--ml-stable-popup-image-width) !important;
    max-width: var(--ml-stable-popup-image-width) !important;
    padding: 18px !important;
    box-sizing: border-box !important;
}

body .modal.modal-pos .modal-pos-product .modal-pos-product-img .img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    max-width: 144px !important;
    max-height: 144px !important;
    margin: 0 auto !important;
}

body .modal.modal-pos .modal-pos-product .modal-pos-product-info,
body .modal.modal-pos .modal-pos-product > .card-body,
body .modal.modal-pos .modal-body {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* ----- popup text wrapping normalization ----- */
body .modal.modal-pos .modal-pos-product .modal-pos-product-info *,
body .modal.modal-pos .modal-pos-product > .card-body * {
    min-width: 0;
}

body .modal.modal-pos .modal-pos-product .modal-pos-product-info h1,
body .modal.modal-pos .modal-pos-product .modal-pos-product-info h2,
body .modal.modal-pos .modal-pos-product .modal-pos-product-info h3,
body .modal.modal-pos .modal-pos-product .modal-pos-product-info h4,
body .modal.modal-pos .modal-pos-product .modal-pos-product-info .h1,
body .modal.modal-pos .modal-pos-product .modal-pos-product-info .h2,
body .modal.modal-pos .modal-pos-product .modal-pos-product-info .h3,
body .modal.modal-pos .modal-pos-product .modal-pos-product-info .h4,
body .modal.modal-pos .modal-pos-product .modal-pos-product-info .fs-4,
body .modal.modal-pos .modal-pos-product .modal-pos-product-info .info,
body .modal.modal-pos .modal-pos-product .modal-pos-product-info p,
body .modal.modal-pos .modal-pos-product .modal-pos-product-info span,
body .modal.modal-pos .modal-pos-product .modal-pos-product-info div {
    max-width: 100% !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

body .modal.modal-pos .pos-order,
body .modal.modal-pos .pos-order-product,
body .modal.modal-pos .pos-order-product .flex-1,
body .modal.modal-pos .pos-order-product .flex-1 > * {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

body .modal.modal-pos .pos-order-product {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
}

body .modal.modal-pos .pos-order-product .h3,
body .modal.modal-pos .pos-order-product .fs-4,
body .modal.modal-pos .pos-order-product .small,
body .modal.modal-pos .pos-order-product .text-white,
body .modal.modal-pos .pos-order-product .text-white.text-opacity-50,
body .modal.modal-pos .pos-order-product .text-white.text-opacity-75 {
    width: 100% !important;
    max-width: none !important;
    white-space: normal !important;
}

/* ----- popup actions normalization ----- */
body .modal.modal-pos .modal-footer,
body .modal.modal-pos .modal-pos-product .row.g-3,
body .modal.modal-pos .modal-pos-product .d-flex.gap-2,
body .modal.modal-pos .modal-pos-product .d-flex.gap-3,
body .modal.modal-pos .modal-pos-product .d-grid,
body .modal.modal-pos .modal-pos-product .d-md-flex {
    width: 100% !important;
    max-width: none !important;
}

body .modal.modal-pos .modal-pos-product .row.g-3 {
    --bs-gutter-x: var(--ml-stable-action-gap) !important;
    --bs-gutter-y: var(--ml-stable-action-gap) !important;
}

body .modal.modal-pos .modal-pos-product .row.g-3 > [class*='col-'],
body .modal.modal-pos .modal-pos-product .row.g-3 > .col,
body .modal.modal-pos .modal-footer > *,
body .modal.modal-pos .modal-pos-product .d-md-flex > *,
body .modal.modal-pos .modal-pos-product .d-flex.gap-2 > *,
body .modal.modal-pos .modal-pos-product .d-flex.gap-3 > * {
    min-width: 0 !important;
}

body .modal.modal-pos .modal-pos-product .btn,
body .modal.modal-pos .modal-footer .btn {
    white-space: nowrap !important;
}

/* ----- quantity popup remains 50/50 and stable ----- */
body .modal.modal-pos.modal-pos-qty .modal-dialog.modal-dialog-qty {
    max-width: 1100px !important;
}

body .modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty {
    display: grid !important;
    grid-template-columns: 50% 50% !important;
    min-height: 480px !important;
}

body .modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-img,
body .modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

body .modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-img {
    padding: 22px !important;
    border-inline-end: 1px solid rgba(255,255,255,.06) !important;
}

body .modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-img .img {
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    height: 100% !important;
    aspect-ratio: auto;
}

body .modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

body .modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info .row.g-3 {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
}

body .modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info .row.g-3 > .col-4 {
    flex: 0 0 38% !important;
    width: 38% !important;
    max-width: 38% !important;
}

body .modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info .row.g-3 > .col-8 {
    flex: 0 0 62% !important;
    width: 62% !important;
    max-width: 62% !important;
}

body .modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty .modal-pos-product-info .row.g-3 .btn {
    width: 100% !important;
}

/* ----- category rail stability ----- */
body .orders-route-container .orders-page-shell .pos-menu,
body .menu-category-rail,
body .menu-category-container,
body .category-rail {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 14px 12px !important;
    box-sizing: border-box !important;
    scrollbar-gutter: stable !important;
}

body .orders-route-container .orders-page-shell .pos-menu > *,
body .menu-category-list {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

body .orders-route-container .orders-page-shell .pos-menu .nav-item,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item,
body .menu-category-item {
    margin-bottom: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    transform-origin: center center !important;
}

body .orders-route-container .orders-page-shell .pos-menu .nav-item:focus-visible,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item:focus-visible,
body .menu-category-item:focus-visible {
    transform: scale(1.02) !important;
    outline-offset: -3px !important;
}

/* ----- scrollbars visible but soft ----- */
body .orders-route-container .orders-page-shell .pos-menu,
body .orders-route-container .orders-page-shell .pos-content .pos-content-container,
body .orders-route-container .orders-page-shell .pos-sidebar-body,
body .lang-settings-table-wrap {
    scrollbar-width: thin !important;
    scrollbar-color: rgba(255,255,255,.22) transparent !important;
}

body .orders-route-container .orders-page-shell .pos-menu::-webkit-scrollbar,
body .orders-route-container .orders-page-shell .pos-content .pos-content-container::-webkit-scrollbar,
body .orders-route-container .orders-page-shell .pos-sidebar-body::-webkit-scrollbar,
body .lang-settings-table-wrap::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
    display: block !important;
}

body .orders-route-container .orders-page-shell .pos-menu::-webkit-scrollbar-thumb,
body .orders-route-container .orders-page-shell .pos-content .pos-content-container::-webkit-scrollbar-thumb,
body .orders-route-container .orders-page-shell .pos-sidebar-body::-webkit-scrollbar-thumb,
body .lang-settings-table-wrap::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.18) !important;
    border-radius: 999px !important;
    border: 2px solid transparent !important;
    background-clip: padding-box !important;
}

body .orders-route-container .orders-page-shell .pos-menu::-webkit-scrollbar-track,
body .orders-route-container .orders-page-shell .pos-content .pos-content-container::-webkit-scrollbar-track,
body .orders-route-container .orders-page-shell .pos-sidebar-body::-webkit-scrollbar-track,
body .lang-settings-table-wrap::-webkit-scrollbar-track {
    background: transparent !important;
}

/* ----- card/image overflow guards ----- */
body .orders-route-container .orders-page-shell .orders-item-card,
body .orders-route-container .orders-page-shell .orders-review-card,
body .orders-route-container .orders-page-shell .patient-info-card,
body .orders-route-container .orders-page-shell .meal-period-card {
    overflow: hidden !important;
}

body .orders-route-container .orders-page-shell .orders-item-card .img,
body .orders-route-container .orders-page-shell .meal-period-card .img,
body .orders-route-container .orders-page-shell .patient-info-card .img {
    max-width: 100% !important;
}

/* ----- TV-safe focus consistency ----- */
body .focusable:focus-visible,
body button:focus-visible,
body a:focus-visible,
body [tabindex]:focus-visible {
    outline: 3px solid rgba(132, 204, 255, .72) !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .25), 0 16px 28px rgba(0,0,0,.22) !important;
}

@media (max-width: 991.98px) {
    body .modal.modal-pos .modal-pos-product {
        flex-direction: column !important;
    }

    body .modal.modal-pos .modal-pos-product .modal-pos-product-img {
        flex: 0 0 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        border-inline-end: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,.06) !important;
    }

    body .modal.modal-pos.modal-pos-qty .modal-pos-product.modal-pos-product--qty {
        grid-template-columns: 1fr !important;
        min-height: 0 !important;
    }
}


/* ===== MENU CATEGORY WIDTH + INDICATOR FINAL ===== */

.menu-category-rail,
.menu-category-container,
.category-rail {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    position: relative;
}

/* hide scrollbar */
.menu-category-rail::-webkit-scrollbar { width: 0px; }
.menu-category-rail { scrollbar-width: none; }

/* vertical indicator background */
.menu-category-rail::after {
    content: '';
    position: absolute;
    right: 2px;
    top: 0;
    width: 4px;
    height: 100%;
    background: rgba(255,255,255,0.08);
    border-radius: 10px;
    pointer-events: none;
}

/* moving indicator */
.menu-scroll-indicator {
    position: absolute;
    right: 2px;
    width: 4px;
    height: 40px;
    background: rgba(255,255,255,0.35);
    border-radius: 10px;
    transition: top 0.2s ease;
    pointer-events: none;
}


/* =========================================================
   FINAL MENU CATEGORY RAIL LOCKDOWN + TV UX
   ========================================================= */
.orders-page-shell {
    --orders-menu-width: 200px !important;
    --orders-category-width: 150px !important;
}

.orders-page-shell .pos-menu {
    flex: 0 0 200px !important;
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    padding: 12px 10px 12px 12px !important;
    overflow: hidden !important;
}

.orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"],
.orders-page-shell .pos-menu [data-nav-scope="orders-categories"] {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    padding-right: 12px !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
}

.orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"]::-webkit-scrollbar,
.orders-page-shell .pos-menu [data-nav-scope="orders-categories"]::-webkit-scrollbar,
.orders-page-shell .pos-menu::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

.orders-page-shell .pos-menu,
.orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"],
.orders-page-shell .pos-menu [data-nav-scope="orders-categories"] {
    scrollbar-width: none !important;
}

.orders-page-shell .pos-menu .nav,
.orders-page-shell .pos-menu .nav-tabs {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-wrap: nowrap !important;
}

.orders-page-shell .pos-menu .nav-item {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.orders-page-shell .orders-category-link,
.orders-page-shell .pos-menu .nav-link.orders-category-link {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    transform: none !important;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, filter .18s ease !important;
}

.orders-page-shell .orders-category-link__text {
    max-width: 100% !important;
}

.orders-page-shell .orders-category-link:hover,
.orders-page-shell .orders-category-link.active,
.orders-page-shell .orders-category-link.nav-active,
.orders-page-shell .orders-category-link:focus-visible {
    transform: none !important;
    border-color: rgba(119, 201, 255, .92) !important;
    box-shadow:
        0 0 0 1px rgba(119, 201, 255, .38),
        0 0 18px rgba(59, 130, 246, .24),
        0 0 32px rgba(59, 130, 246, .14),
        inset 0 0 0 2px rgba(219, 244, 255, .24) !important;
    filter: brightness(1.04) !important;
}

.orders-page-shell .orders-category-link.nav-active::after,
.orders-page-shell .orders-category-link.active::after,
.orders-page-shell .orders-category-link:focus-visible::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.14);
}

.orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"]::before,
.orders-page-shell .pos-menu [data-nav-scope="orders-categories"]::before {
    content: '';
    position: absolute;
    top: 8px;
    right: 3px;
    bottom: 8px;
    width: 4px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
    pointer-events: none;
    opacity: .95;
}

.orders-page-shell .menu-scroll-indicator {
    position: absolute;
    right: 3px;
    width: 4px;
    min-height: 36px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(190,235,255,.95), rgba(88,171,255,.92));
    box-shadow: 0 0 10px rgba(88,171,255,.38);
    pointer-events: none;
    transition: top .18s ease, height .18s ease, opacity .18s ease;
    z-index: 3;
}


/* ===== FINAL MENU CATEGORY WIDTH / RAIL CONFLICT CLEANUP ===== */
:root {
    --orders-category-card-width-final: 200px;
    --orders-category-rail-width-final: 250px;
}

.orders-route-container .orders-page-shell .pos-menu,
.orders-page-shell .pos-menu,
.orders-page-shell .pos-container > .pos-menu,
.orders-page-shell .pos-with-menu > .pos-menu,
.orders-page-shell .pos-with-sidebar > .pos-menu {
    width: var(--orders-category-rail-width-final) !important;
    min-width: var(--orders-category-rail-width-final) !important;
    max-width: var(--orders-category-rail-width-final) !important;
    flex: 0 0 var(--orders-category-rail-width-final) !important;
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    padding-right: 0 !important;
}

.orders-route-container .orders-page-shell .pos-menu .nav-container,
.orders-route-container .orders-page-shell .pos-menu .nav,
.orders-route-container .orders-page-shell .pos-menu .nav-tabs,
.orders-route-container .orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"],
.orders-route-container .orders-page-shell .pos-menu [data-nav-scope="orders-categories"],
.orders-page-shell .pos-menu .nav-container,
.orders-page-shell .pos-menu .nav,
.orders-page-shell .pos-menu .nav-tabs,
.orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"],
.orders-page-shell .pos-menu [data-nav-scope="orders-categories"] {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.orders-route-container .orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"],
.orders-route-container .orders-page-shell .pos-menu [data-nav-scope="orders-categories"],
.orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"],
.orders-page-shell .pos-menu [data-nav-scope="orders-categories"] {
    position: relative !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    padding: 8px 18px 8px 10px !important;
    scroll-behavior: smooth !important;
}

.orders-route-container .orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"]::-webkit-scrollbar,
.orders-route-container .orders-page-shell .pos-menu [data-nav-scope="orders-categories"]::-webkit-scrollbar,
.orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"]::-webkit-scrollbar,
.orders-page-shell .pos-menu [data-nav-scope="orders-categories"]::-webkit-scrollbar,
.orders-page-shell .pos-menu::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

.orders-page-shell .pos-menu .nav,
.orders-page-shell .pos-menu .nav-tabs {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.orders-page-shell .pos-menu .nav-item,
.orders-page-shell .pos-menu .nav-tabs .nav-item {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.orders-page-shell .orders-category-link,
.orders-page-shell .pos-menu .nav-link.orders-category-link,
.orders-page-shell .pos-menu .nav-item > .orders-category-link {
    width: var(--orders-category-card-width-final) !important;
    min-width: var(--orders-category-card-width-final) !important;
    max-width: var(--orders-category-card-width-final) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
}

.orders-page-shell .orders-category-link__text {
    width: 100% !important;
    max-width: 100% !important;
}

.orders-page-shell .orders-category-link:hover,
.orders-page-shell .orders-category-link.active,
.orders-page-shell .orders-category-link.nav-active,
.orders-page-shell .orders-category-link:focus-visible {
    transform: none !important;
}

/* remove scrollbar-style thumb; replace with top/bottom visibility cues */
.orders-page-shell .menu-scroll-indicator,
.orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"]::before,
.orders-page-shell .pos-menu [data-nav-scope="orders-categories"]::before {
    display: none !important;
}

.orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"]::after,
.orders-page-shell .pos-menu [data-nav-scope="orders-categories"]::after {
    content: none !important;
}

.orders-page-shell .orders-category-scroll-cue {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 44px;
    height: 18px;
    opacity: 0;
    pointer-events: none;
    z-index: 5;
    transition: opacity .18s ease, transform .18s ease;
}

.orders-page-shell .orders-category-scroll-cue--top {
    top: 6px;
}

.orders-page-shell .orders-category-scroll-cue--bottom {
    bottom: 6px;
}

.orders-page-shell .orders-category-scroll-cue::before,
.orders-page-shell .orders-category-scroll-cue::after {
    content: '';
    position: absolute;
    left: 50%;
    width: 14px;
    height: 3px;
    border-radius: 999px;
    background: rgba(186, 230, 253, .88);
    box-shadow: 0 0 10px rgba(59,130,246,.35);
}

.orders-page-shell .orders-category-scroll-cue--top::before {
    transform: translateX(-11px) rotate(35deg);
    top: 8px;
}
.orders-page-shell .orders-category-scroll-cue--top::after {
    transform: translateX(-3px) rotate(-35deg);
    top: 8px;
}
.orders-page-shell .orders-category-scroll-cue--bottom::before {
    transform: translateX(-11px) rotate(-35deg);
    top: 8px;
}
.orders-page-shell .orders-category-scroll-cue--bottom::after {
    transform: translateX(-3px) rotate(35deg);
    top: 8px;
}

.orders-page-shell .pos-menu [data-nav-scope="orders-categories"].can-scroll-up .orders-category-scroll-cue--top,
.orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"].can-scroll-up .orders-category-scroll-cue--top {
    opacity: .95;
}

.orders-page-shell .pos-menu [data-nav-scope="orders-categories"].can-scroll-down .orders-category-scroll-cue--bottom,
.orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"].can-scroll-down .orders-category-scroll-cue--bottom {
    opacity: .95;
}

/* subtle rail glow when category area is focused */
.orders-page-shell .pos-menu [data-nav-scope="orders-categories"].rail-focused,
.orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"].rail-focused {
    box-shadow: inset 0 0 0 1px rgba(125,211,252,.14), inset 0 0 18px rgba(59,130,246,.08) !important;
}


/* =========================================================
   FINAL MENU CATEGORY 250 / 350 HARD LOCK
   No native scrollbar, only top/bottom visibility cues
   ========================================================= */
:root {
    --orders-category-card-width-final: 250px;
    --orders-category-rail-width-final: 350px;
}

.orders-route-container .orders-page-shell .pos-container,
.orders-page-shell .pos-container {
    column-gap: 18px !important;
}

.orders-route-container .orders-page-shell .pos-menu,
.orders-page-shell .pos-menu,
.orders-page-shell .pos-container > .pos-menu,
.orders-page-shell .pos-with-menu > .pos-menu,
.orders-page-shell .pos-with-sidebar > .pos-menu {
    width: var(--orders-category-rail-width-final) !important;
    min-width: var(--orders-category-rail-width-final) !important;
    max-width: var(--orders-category-rail-width-final) !important;
    flex: 0 0 var(--orders-category-rail-width-final) !important;
    overflow: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    scrollbar-gutter: auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
}

.orders-route-container .orders-page-shell .pos-menu::-webkit-scrollbar,
.orders-page-shell .pos-menu::-webkit-scrollbar,
.orders-route-container .orders-page-shell .pos-menu *::-webkit-scrollbar,
.orders-page-shell .pos-menu *::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
    background: transparent !important;
}

.orders-route-container .orders-page-shell .pos-menu .nav-container,
.orders-route-container .orders-page-shell .pos-menu .nav,
.orders-route-container .orders-page-shell .pos-menu .nav-tabs,
.orders-route-container .orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"],
.orders-route-container .orders-page-shell .pos-menu [data-nav-scope="orders-categories"],
.orders-page-shell .pos-menu .nav-container,
.orders-page-shell .pos-menu .nav,
.orders-page-shell .pos-menu .nav-tabs,
.orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"],
.orders-page-shell .pos-menu [data-nav-scope="orders-categories"] {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
}

.orders-route-container .orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"],
.orders-route-container .orders-page-shell .pos-menu [data-nav-scope="orders-categories"],
.orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"],
.orders-page-shell .pos-menu [data-nav-scope="orders-categories"] {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    scrollbar-gutter: auto !important;
    padding: 8px 34px 8px 34px !important;
    position: relative !important;
    scroll-behavior: smooth !important;
    scroll-padding-top: 32px !important;
    scroll-padding-bottom: 32px !important;
}

.orders-page-shell .pos-menu .nav,
.orders-page-shell .pos-menu .nav-tabs {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.orders-page-shell .pos-menu .nav-item,
.orders-page-shell .pos-menu .nav-tabs .nav-item {
    display: flex !important;
    justify-content: center !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.orders-page-shell .orders-category-link,
.orders-page-shell .pos-menu .nav-link.orders-category-link,
.orders-page-shell .pos-menu .nav-item > .orders-category-link {
    width: var(--orders-category-card-width-final) !important;
    min-width: var(--orders-category-card-width-final) !important;
    max-width: var(--orders-category-card-width-final) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    transform: none !important;
}

.orders-page-shell .orders-category-link:hover,
.orders-page-shell .orders-category-link.active,
.orders-page-shell .orders-category-link.nav-active,
.orders-page-shell .orders-category-link:focus-visible {
    transform: none !important;
}

.orders-page-shell .orders-category-link__icon-wrap,
.orders-page-shell .orders-category-link__text {
    width: 100% !important;
    max-width: 100% !important;
}

.orders-page-shell .orders-category-scroll-cue {
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 52px !important;
    height: 20px !important;
    z-index: 6 !important;
}

.orders-page-shell .orders-category-scroll-cue--top {
    top: 8px !important;
}
.orders-page-shell .orders-category-scroll-cue--bottom {
    bottom: 8px !important;
}

.orders-page-shell .orders-category-scroll-cue::before,
.orders-page-shell .orders-category-scroll-cue::after {
    width: 16px !important;
    height: 3px !important;
}

.orders-page-shell .pos-menu [data-nav-scope="orders-categories"].rail-focused,
.orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"].rail-focused {
    box-shadow: inset 0 0 0 1px rgba(96,165,250,.18), inset 0 0 26px rgba(59,130,246,.08) !important;
}


/* =========================================================
   FINAL MENU ITEMS GRID FILL FIX
   - 3 items per row
   - fill available center space
   - preserve category/review widths
   ========================================================= */

:root {
    --orders-items-grid-gap-final: 22px;
    --orders-items-card-height-final: 250px;
}

body .orders-page-shell .pos-content,
body .orders-route-container .orders-page-shell .pos-content,
body .orders-page-shell .pos-menu-items,
body .orders-route-container .orders-page-shell .pos-menu-items,
body .orders-page-shell .menu-items-container,
body .orders-route-container .orders-page-shell .menu-items-container,
body .orders-page-shell .menu-items-wrapper,
body .orders-route-container .orders-page-shell .menu-items-wrapper,
body .orders-page-shell .menu-items-grid,
body .orders-route-container .orders-page-shell .menu-items-grid {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body .orders-page-shell .pos-content .row,
body .orders-route-container .orders-page-shell .pos-content .row,
body .orders-page-shell .menu-items-grid,
body .orders-route-container .orders-page-shell .menu-items-grid,
body .orders-page-shell .menu-items-wrapper,
body .orders-route-container .orders-page-shell .menu-items-wrapper,
body .orders-page-shell .menu-items-container,
body .orders-route-container .orders-page-shell .menu-items-container {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: var(--orders-items-grid-gap-final) !important;
    align-items: start !important;
    justify-items: stretch !important;
    padding: 10px 18px 10px 18px !important;
    margin: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body .orders-page-shell .pos-content .row > [class*="col-"],
body .orders-route-container .orders-page-shell .pos-content .row > [class*="col-"],
body .orders-page-shell .menu-items-grid > [class*="col-"],
body .orders-route-container .orders-page-shell .menu-items-grid > [class*="col-"],
body .orders-page-shell .menu-items-container > [class*="col-"],
body .orders-route-container .orders-page-shell .menu-items-container > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

body .orders-page-shell .pos-product,
body .orders-route-container .orders-page-shell .pos-product,
body .orders-page-shell .menu-item-card,
body .orders-route-container .orders-page-shell .menu-item-card,
body .orders-page-shell .menu-item,
body .orders-route-container .orders-page-shell .menu-item,
body .orders-page-shell .menu-card,
body .orders-route-container .orders-page-shell .menu-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: var(--orders-items-card-height-final) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

body .orders-page-shell .pos-product .img,
body .orders-route-container .orders-page-shell .pos-product .img,
body .orders-page-shell .menu-item-card .img,
body .orders-route-container .orders-page-shell .menu-item-card .img,
body .orders-page-shell .menu-card .img,
body .orders-route-container .orders-page-shell .menu-card .img {
    height: calc(var(--orders-items-card-height-final) - 58px) !important;
}

body .orders-page-shell .pos-product .info,
body .orders-route-container .orders-page-shell .pos-product .info,
body .orders-page-shell .menu-item-card .info,
body .orders-route-container .orders-page-shell .menu-item-card .info,
body .orders-page-shell .menu-card .info,
body .orders-route-container .orders-page-shell .menu-card .info {
    min-height: 58px !important;
    height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
}

body .orders-page-shell .pos-product .info .title,
body .orders-route-container .orders-page-shell .pos-product .info .title,
body .orders-page-shell .menu-item-card .info .title,
body .orders-route-container .orders-page-shell .menu-item-card .info .title,
body .orders-page-shell .menu-card .info .title,
body .orders-route-container .orders-page-shell .menu-card .info .title {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

@media (max-width: 1400px) {
    body .orders-page-shell .pos-content .row,
    body .orders-route-container .orders-page-shell .pos-content .row,
    body .orders-page-shell .menu-items-grid,
    body .orders-route-container .orders-page-shell .menu-items-grid,
    body .orders-page-shell .menu-items-wrapper,
    body .orders-route-container .orders-page-shell .menu-items-wrapper,
    body .orders-page-shell .menu-items-container,
    body .orders-route-container .orders-page-shell .menu-items-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


/* =========================================================
   FINAL CLEANUP PASS
   - Category rail: 350 rail / 250 cards
   - No native scrollbar
   - Top / bottom visibility indicators only
   - Center grid fills available middle area with 3 cards
   - Scoped late override to beat older duplicated rules
   ========================================================= */

:root {
    --ml-cat-rail-w: 350px;
    --ml-cat-card-w: 250px;
    --ml-center-gap: 24px;
    --ml-item-card-h: 252px;
}

/* ===== SHELL WIDTH BALANCE ===== */
body .orders-page-shell {
    display: grid !important;
    grid-template-columns: var(--ml-cat-rail-w) minmax(0, 1fr) minmax(300px, 450px) !important;
    column-gap: var(--ml-center-gap) !important;
    align-items: stretch !important;
}

/* ===== CATEGORY RAIL ===== */
body .orders-page-shell .pos-menu {
    width: var(--ml-cat-rail-w) !important;
    min-width: var(--ml-cat-rail-w) !important;
    max-width: var(--ml-cat-rail-w) !important;
    flex: 0 0 var(--ml-cat-rail-w) !important;
    box-sizing: border-box !important;
    padding: 16px 20px !important;
    margin: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

body .orders-page-shell .pos-menu::-webkit-scrollbar,
body .orders-page-shell .pos-menu *::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
    background: transparent !important;
}

/* inner scroll host */
body .orders-page-shell .pos-menu [data-nav-scope="orders-categories"],
body .orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"],
body .orders-page-shell .pos-menu .category-scroll-host {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 2px 8px 24px 8px !important;
    margin: 0 !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    scroll-behavior: smooth !important;
}

body .orders-page-shell .pos-menu [data-nav-scope="orders-categories"]::-webkit-scrollbar,
body .orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"]::-webkit-scrollbar,
body .orders-page-shell .pos-menu .category-scroll-host::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
    background: transparent !important;
}

/* kill nav-tabs / flex conflicts */
body .orders-page-shell .pos-menu .nav,
body .orders-page-shell .pos-menu .nav-tabs {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 18px !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

body .orders-page-shell .pos-menu .nav-item {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

/* hard card size */
body .orders-page-shell .pos-menu .pos-menu-item,
body .orders-page-shell .menu-category-item,
body .orders-page-shell .menu-category-card,
body .orders-page-shell .menu-category-btn {
    width: var(--ml-cat-card-w) !important;
    min-width: var(--ml-cat-card-w) !important;
    max-width: var(--ml-cat-card-w) !important;
    flex: 0 0 var(--ml-cat-card-w) !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    transform: none !important;
}

body .orders-page-shell .pos-menu .pos-menu-item:focus-visible,
body .orders-page-shell .pos-menu .pos-menu-item.active,
body .orders-page-shell .pos-menu .pos-menu-item.selected {
    transform: none !important;
    outline-offset: -2px !important;
    box-shadow:
        0 0 0 2px rgba(103,190,255,.95),
        0 0 0 5px rgba(103,190,255,.14) !important;
}

/* rail glow when active */
body .orders-page-shell .pos-menu.rail-focused {
    box-shadow: inset 0 0 0 1px rgba(103,190,255,.18), 0 0 24px rgba(103,190,255,.10) !important;
    border-radius: 18px !important;
}

/* top / bottom indicators only */
body .orders-page-shell .pos-menu::before,
body .orders-page-shell .pos-menu::after {
    content: '' !important;
    position: absolute !important;
    left: 28px !important;
    right: 28px !important;
    height: 18px !important;
    z-index: 8 !important;
    pointer-events: none !important;
    opacity: 0 !important;
    transition: opacity .18s ease !important;
}

body .orders-page-shell .pos-menu::before {
    top: 6px !important;
    background: linear-gradient(to bottom, rgba(255,255,255,.26), rgba(255,255,255,0)) !important;
    border-radius: 14px 14px 0 0 !important;
}

body .orders-page-shell .pos-menu::after {
    bottom: 6px !important;
    background: linear-gradient(to top, rgba(255,255,255,.26), rgba(255,255,255,0)) !important;
    border-radius: 0 0 14px 14px !important;
}

body .orders-page-shell .pos-menu.has-overflow-top::before { opacity: 1 !important; }
body .orders-page-shell .pos-menu.has-overflow-bottom::after { opacity: 1 !important; }

/* kill old thumb style indicator if present */
body .orders-page-shell .menu-scroll-indicator {
    display: none !important;
}

/* ===== CENTER MENU ITEMS AREA ===== */
body .orders-page-shell .pos-content,
body .orders-page-shell .pos-menu-items,
body .orders-page-shell .menu-items-container,
body .orders-page-shell .menu-items-wrapper,
body .orders-page-shell .menu-items-grid {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* strongest possible override for duplicated grid/flex rules */
body .orders-page-shell .pos-content .row,
body .orders-page-shell .pos-content > .row,
body .orders-page-shell .menu-items-grid,
body .orders-page-shell .menu-items-wrapper,
body .orders-page-shell .menu-items-container,
body .orders-page-shell [data-nav-scope="orders-items"] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: var(--ml-center-gap) !important;
    align-items: start !important;
    justify-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 8px 4px 8px 4px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* neutralize bootstrap columns inside center area */
body .orders-page-shell .pos-content .row > *,
body .orders-page-shell .pos-content > .row > *,
body .orders-page-shell .menu-items-grid > *,
body .orders-page-shell .menu-items-wrapper > *,
body .orders-page-shell .menu-items-container > *,
body .orders-page-shell [data-nav-scope="orders-items"] > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* hard menu item card width via track fill, no dead space */
body .orders-page-shell .pos-product,
body .orders-page-shell .menu-item-card,
body .orders-page-shell .menu-item,
body .orders-page-shell .menu-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: var(--ml-item-card-h) !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

body .orders-page-shell .pos-product .img,
body .orders-page-shell .menu-item-card .img,
body .orders-page-shell .menu-card .img {
    height: calc(var(--ml-item-card-h) - 58px) !important;
}

body .orders-page-shell .pos-product .info,
body .orders-page-shell .menu-item-card .info,
body .orders-page-shell .menu-card .info {
    min-height: 58px !important;
    height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
}

body .orders-page-shell .pos-product .info .title,
body .orders-page-shell .menu-item-card .info .title,
body .orders-page-shell .menu-card .info .title {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.22 !important;
}

/* review panel kept stable */
body .orders-page-shell .pos-sidebar {
    min-width: 0 !important;
}

@media (max-width: 1600px) {
    body .orders-page-shell {
        grid-template-columns: var(--ml-cat-rail-w) minmax(0, 1fr) minmax(280px, 420px) !important;
    }
}

@media (max-width: 1400px) {
    body .orders-page-shell .pos-content .row,
    body .orders-page-shell .pos-content > .row,
    body .orders-page-shell .menu-items-grid,
    body .orders-page-shell .menu-items-wrapper,
    body .orders-page-shell .menu-items-container,
    body .orders-page-shell [data-nav-scope="orders-items"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


/* =========================================================
   FINAL ORDERS SCREEN SHELL RESTORE
   Root cause fix:
   - neutralize late body .orders-page-shell grid override
   - restore original pos-container flex layout
   - keep category rail + center items + review panel visible
   ========================================================= */

body .orders-page-shell {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body .orders-page-shell .orders-loading-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 20 !important;
}

body .orders-page-shell .pos-container {
    display: flex !important;
    grid-template-columns: none !important;
    column-gap: 0 !important;
    gap: 14px !important;
    align-items: stretch !important;
    width: 100% !important;
    min-height: 100vh !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* left rail */
body .orders-page-shell .pos-menu {
    flex: 0 0 350px !important;
    width: 350px !important;
    min-width: 350px !important;
    max-width: 350px !important;
    display: block !important;
    order: 0 !important;
    visibility: visible !important;
}

/* middle content */
body .orders-page-shell .pos-content {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    display: block !important;
    order: 0 !important;
    visibility: visible !important;
    overflow: hidden !important;
    padding: .75rem 1rem 1rem !important;
}

body .orders-page-shell .pos-content .pos-content-container {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    margin: 0 !important;
    padding-top: 0 !important;
}

/* right review panel */
body .orders-page-shell .pos-sidebar {
    flex: 0 0 430px !important;
    width: 430px !important;
    min-width: 430px !important;
    max-width: 430px !important;
    display: block !important;
    order: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* center menu items grid */
body .orders-page-shell .orders-items-grid,
body .orders-page-shell .row.gx-4.pt-2.orders-items-grid,
body .orders-page-shell .row.gx-4.orders-items-grid,
body .orders-page-shell [data-nav-scope="orders-items"] .orders-items-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: .35rem 0 0 0 !important;
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
}

body .orders-page-shell .orders-items-grid > [class*="col-"],
body .orders-page-shell .row.gx-4.pt-2.orders-items-grid > [class*="col-"],
body .orders-page-shell .row.gx-4.orders-items-grid > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* card sizing */
body .orders-page-shell .pos-product.orders-item-card,
body .orders-page-shell .orders-item-card,
body .orders-page-shell .pos-product {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 300px !important;
}

/* ensure sidebar shell stays column flex */
body .orders-page-shell .h-100.d-flex.flex-column.p-0 {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* responsive fallback */
@media (max-width: 1450px) {
    body .orders-page-shell .orders-items-grid,
    body .orders-page-shell .row.gx-4.pt-2.orders-items-grid,
    body .orders-page-shell .row.gx-4.orders-items-grid {
        grid-template-columns: repeat(2, minmax(240px, 1fr)) !important;
    }
}


/* =========================================================
   MENU CATEGORY ARROW INDICATORS (replace visible scrollbar)
   ========================================================= */
body .orders-page-shell .pos-menu,
body .orders-route-container .orders-page-shell .pos-menu {
    overflow: hidden !important;
    position: relative !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

body .orders-page-shell .pos-menu::-webkit-scrollbar,
body .orders-page-shell .pos-menu *::-webkit-scrollbar,
body .orders-route-container .orders-page-shell .pos-menu::-webkit-scrollbar,
body .orders-route-container .orders-page-shell .pos-menu *::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
    background: transparent !important;
}

body .orders-page-shell .pos-menu [data-nav-scope="orders-categories"],
body .orders-route-container .orders-page-shell .pos-menu [data-nav-scope="orders-categories"],
body .orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"],
body .orders-route-container .orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"] {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

body .orders-page-shell .pos-menu [data-nav-scope="orders-categories"]::-webkit-scrollbar,
body .orders-route-container .orders-page-shell .pos-menu [data-nav-scope="orders-categories"]::-webkit-scrollbar,
body .orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"]::-webkit-scrollbar,
body .orders-route-container .orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"]::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
    background: transparent !important;
}

/* remove old fade strips if present */
body .orders-page-shell .pos-menu::before,
body .orders-page-shell .pos-menu::after,
body .orders-route-container .orders-page-shell .pos-menu::before,
body .orders-route-container .orders-page-shell .pos-menu::after {
    background: none !important;
    height: 0 !important;
    opacity: 0 !important;
    content: none !important;
}

/* TV-style arrow cues */
body .orders-page-shell .pos-menu .menu-scroll-arrow,
body .orders-route-container .orders-page-shell .pos-menu .menu-scroll-arrow {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 999px !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 15 !important;
    pointer-events: none !important;
    background: rgba(255,255,255,0.08) !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.28) !important;
    backdrop-filter: blur(6px) !important;
}

body .orders-page-shell .pos-menu .menu-scroll-arrow::before,
body .orders-route-container .orders-page-shell .pos-menu .menu-scroll-arrow::before {
    content: '' !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
}

body .orders-page-shell .pos-menu .menu-scroll-arrow.menu-scroll-arrow-top,
body .orders-route-container .orders-page-shell .pos-menu .menu-scroll-arrow.menu-scroll-arrow-top {
    top: 10px !important;
}

body .orders-page-shell .pos-menu .menu-scroll-arrow.menu-scroll-arrow-top::before,
body .orders-route-container .orders-page-shell .pos-menu .menu-scroll-arrow.menu-scroll-arrow-top::before {
    border-bottom: 11px solid rgba(255,255,255,.88) !important;
}

body .orders-page-shell .pos-menu .menu-scroll-arrow.menu-scroll-arrow-bottom,
body .orders-route-container .orders-page-shell .pos-menu .menu-scroll-arrow.menu-scroll-arrow-bottom {
    bottom: 10px !important;
}

body .orders-page-shell .pos-menu .menu-scroll-arrow.menu-scroll-arrow-bottom::before,
body .orders-route-container .orders-page-shell .pos-menu .menu-scroll-arrow.menu-scroll-arrow-bottom::before {
    border-top: 11px solid rgba(255,255,255,.88) !important;
}

body .orders-page-shell .pos-menu.has-overflow-top .menu-scroll-arrow-top,
body .orders-page-shell .pos-menu.has-overflow-bottom .menu-scroll-arrow-bottom,
body .orders-route-container .orders-page-shell .pos-menu.has-overflow-top .menu-scroll-arrow-top,
body .orders-route-container .orders-page-shell .pos-menu.has-overflow-bottom .menu-scroll-arrow-bottom {
    display: flex !important;
}


/* =========================================================
   REAL FIX PACK
   - Rename/display Nursing Station correctly
   - Hide visible MenuCategory scrollbar on actual rail
   - Show only top/bottom arrow indicators on actual rail
   - Keep current Orders layout intact
   ========================================================= */

/* Nursing Station actual card/icon polish */
body .fa-hospital,
body .fa-hospital-o {
    font-size: 1.22rem !important;
    line-height: 1 !important;
}

body .patient-identity-card i.fa-hospital,
body .patient-identity-card i.fa-hospital-o,
body .identity-card i.fa-hospital,
body .identity-card i.fa-hospital-o,
body .patient-summary-card i.fa-hospital,
body .patient-summary-card i.fa-hospital-o {
    width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ===== Actual orders rail / nav-container / nav-tabs scrollbar suppression ===== */
body .orders-page-shell .pos-menu,
body .orders-route-container .orders-page-shell .pos-menu {
    overflow: hidden !important;
    position: relative !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

body .orders-page-shell .pos-menu::-webkit-scrollbar,
body .orders-page-shell .pos-menu *::-webkit-scrollbar,
body .orders-route-container .orders-page-shell .pos-menu::-webkit-scrollbar,
body .orders-route-container .orders-page-shell .pos-menu *::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
    background: transparent !important;
}

/* Real scroll hosts used by the category rail */
body .orders-page-shell .pos-menu .nav-container,
body .orders-route-container .orders-page-shell .pos-menu .nav-container,
body .orders-page-shell .pos-menu .nav-tabs,
body .orders-route-container .orders-page-shell .pos-menu .nav-tabs,
body .orders-page-shell .pos-menu [data-nav-scope="orders-categories"],
body .orders-route-container .orders-page-shell .pos-menu [data-nav-scope="orders-categories"],
body .orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"],
body .orders-route-container .orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"] {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

body .orders-page-shell .pos-menu .nav-container::-webkit-scrollbar,
body .orders-route-container .orders-page-shell .pos-menu .nav-container::-webkit-scrollbar,
body .orders-page-shell .pos-menu .nav-tabs::-webkit-scrollbar,
body .orders-route-container .orders-page-shell .pos-menu .nav-tabs::-webkit-scrollbar,
body .orders-page-shell .pos-menu [data-nav-scope="orders-categories"]::-webkit-scrollbar,
body .orders-route-container .orders-page-shell .pos-menu [data-nav-scope="orders-categories"]::-webkit-scrollbar,
body .orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"]::-webkit-scrollbar,
body .orders-route-container .orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"]::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
    background: transparent !important;
}

/* Common custom scrollbar rails injected by plugins */
body .orders-page-shell .pos-menu .simplebar-track,
body .orders-page-shell .pos-menu .simplebar-scrollbar,
body .orders-page-shell .pos-menu .scrollbar-track,
body .orders-page-shell .pos-menu .scrollbar-thumb,
body .orders-page-shell .pos-menu .os-scrollbar,
body .orders-page-shell .pos-menu .os-scrollbar-vertical,
body .orders-page-shell .pos-menu .os-scrollbar-track,
body .orders-page-shell .pos-menu .os-scrollbar-handle,
body .orders-page-shell .pos-menu .ps__rail-y,
body .orders-page-shell .pos-menu .ps__thumb-y,
body .orders-page-shell .pos-menu [data-scrollbar] .scroll-content-scrollbar,
body .orders-page-shell .pos-menu [data-scrollbar="true"] .scroll-content-scrollbar,
body .orders-route-container .orders-page-shell .pos-menu .simplebar-track,
body .orders-route-container .orders-page-shell .pos-menu .simplebar-scrollbar,
body .orders-route-container .orders-page-shell .pos-menu .scrollbar-track,
body .orders-route-container .orders-page-shell .pos-menu .scrollbar-thumb,
body .orders-route-container .orders-page-shell .pos-menu .os-scrollbar,
body .orders-route-container .orders-page-shell .pos-menu .os-scrollbar-vertical,
body .orders-route-container .orders-page-shell .pos-menu .os-scrollbar-track,
body .orders-route-container .orders-page-shell .pos-menu .os-scrollbar-handle,
body .orders-route-container .orders-page-shell .pos-menu .ps__rail-y,
body .orders-route-container .orders-page-shell .pos-menu .ps__thumb-y,
body .orders-route-container .orders-page-shell .pos-menu [data-scrollbar] .scroll-content-scrollbar,
body .orders-route-container .orders-page-shell .pos-menu [data-scrollbar="true"] .scroll-content-scrollbar {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
}

/* Arrow indicators only */
body .orders-page-shell .pos-menu .menu-scroll-arrow,
body .orders-route-container .orders-page-shell .pos-menu .menu-scroll-arrow {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 999px !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 24 !important;
    pointer-events: none !important;
    background: rgba(255,255,255,.10) !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.28) !important;
    backdrop-filter: blur(6px) !important;
}

body .orders-page-shell .pos-menu .menu-scroll-arrow::before,
body .orders-route-container .orders-page-shell .pos-menu .menu-scroll-arrow::before {
    content: '' !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
}

body .orders-page-shell .pos-menu .menu-scroll-arrow.menu-scroll-arrow-top,
body .orders-route-container .orders-page-shell .pos-menu .menu-scroll-arrow.menu-scroll-arrow-top {
    top: 8px !important;
}
body .orders-page-shell .pos-menu .menu-scroll-arrow.menu-scroll-arrow-top::before,
body .orders-route-container .orders-page-shell .pos-menu .menu-scroll-arrow.menu-scroll-arrow-top::before {
    border-bottom: 11px solid rgba(255,255,255,.92) !important;
}

body .orders-page-shell .pos-menu .menu-scroll-arrow.menu-scroll-arrow-bottom,
body .orders-route-container .orders-page-shell .pos-menu .menu-scroll-arrow.menu-scroll-arrow-bottom {
    bottom: 8px !important;
}
body .orders-page-shell .pos-menu .menu-scroll-arrow.menu-scroll-arrow-bottom::before,
body .orders-route-container .orders-page-shell .pos-menu .menu-scroll-arrow.menu-scroll-arrow-bottom::before {
    border-top: 11px solid rgba(255,255,255,.92) !important;
}

body .orders-page-shell .pos-menu.has-overflow-top .menu-scroll-arrow-top,
body .orders-page-shell .pos-menu.has-overflow-bottom .menu-scroll-arrow-bottom,
body .orders-route-container .orders-page-shell .pos-menu.has-overflow-top .menu-scroll-arrow-top,
body .orders-route-container .orders-page-shell .pos-menu.has-overflow-bottom .menu-scroll-arrow-bottom {
    display: flex !important;
}


/* =========================================================
   CRISP CARD STYLING PACK
   - MenuCategory tiles
   - MenuItems cards
   TV-clean, sharper, higher contrast
   ========================================================= */

:root {
    --ml-crisp-card-bg: linear-gradient(180deg, rgba(18,18,22,.96) 0%, rgba(24,24,28,.96) 100%);
    --ml-crisp-card-border: rgba(255,255,255,.12);
    --ml-crisp-card-border-soft: rgba(255,255,255,.08);
    --ml-crisp-card-shadow: 0 12px 28px rgba(0,0,0,.28);
    --ml-crisp-focus: #2f8fff;
    --ml-crisp-focus-glow: rgba(47,143,255,.22);
    --ml-crisp-text: #ffffff;
    --ml-crisp-muted: rgba(255,255,255,.76);
    --ml-crisp-band: rgba(255,255,255,.10);
}

/* ===== MenuCategory crisp tiles ===== */
body .orders-page-shell .pos-menu .pos-menu-item,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item {
    background: var(--ml-crisp-card-bg) !important;
    border: 1px solid var(--ml-crisp-card-border-soft) !important;
    border-radius: 18px !important;
    box-shadow: var(--ml-crisp-card-shadow) !important;
    min-height: 104px !important;
    padding: 14px 16px !important;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease !important;
    backdrop-filter: blur(2px) !important;
}

body .orders-page-shell .pos-menu .pos-menu-item i,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item i,
body .orders-page-shell .pos-menu .pos-menu-item svg,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item svg,
body .orders-page-shell .pos-menu .pos-menu-item .icon,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item .icon {
    color: #fff !important;
    fill: #fff !important;
    filter: none !important;
    opacity: 1 !important;
    width: 32px !important;
    height: 32px !important;
    font-size: 32px !important;
    margin-bottom: 6px !important;
}

body .orders-page-shell .pos-menu .pos-menu-item span,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item span,
body .orders-page-shell .pos-menu .pos-menu-item .label,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item .label {
    color: var(--ml-crisp-text) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .01em !important;
    text-shadow: none !important;
}

body .orders-page-shell .pos-menu .pos-menu-item:hover,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item:hover {
    border-color: rgba(255,255,255,.18) !important;
    box-shadow: 0 16px 32px rgba(0,0,0,.34) !important;
    transform: translateY(-1px) !important;
}

body .orders-page-shell .pos-menu .pos-menu-item.active,
body .orders-page-shell .pos-menu .pos-menu-item.selected,
body .orders-page-shell .pos-menu .pos-menu-item:focus-visible,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.active,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.selected,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item:focus-visible {
    border-color: var(--ml-crisp-focus) !important;
    box-shadow:
        0 0 0 2px rgba(255,255,255,.08),
        0 0 0 4px var(--ml-crisp-focus-glow),
        0 16px 34px rgba(0,0,0,.38) !important;
    transform: none !important;
}

body .orders-page-shell .pos-menu .pos-menu-item::after,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item::after {
    content: '' !important;
    position: absolute !important;
    left: 14px !important;
    right: 14px !important;
    bottom: 0 !important;
    height: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    transition: height .16s ease, background .16s ease !important;
}

body .orders-page-shell .pos-menu .pos-menu-item.active::after,
body .orders-page-shell .pos-menu .pos-menu-item.selected::after,
body .orders-page-shell .pos-menu .pos-menu-item:focus-visible::after,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.active::after,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.selected::after,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item:focus-visible::after {
    height: 3px !important;
    background: var(--ml-crisp-focus) !important;
}

/* ===== MenuItems crisp cards ===== */
body .orders-page-shell .pos-product.orders-item-card,
body .orders-page-shell .orders-item-card,
body .orders-page-shell .pos-product,
body .orders-route-container .orders-page-shell .pos-product.orders-item-card,
body .orders-route-container .orders-page-shell .orders-item-card,
body .orders-route-container .orders-page-shell .pos-product {
    background: var(--ml-crisp-card-bg) !important;
    border: 1px solid var(--ml-crisp-card-border) !important;
    border-radius: 18px !important;
    box-shadow: var(--ml-crisp-card-shadow) !important;
    overflow: hidden !important;
    min-height: 300px !important;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}

body .orders-page-shell .pos-product:hover,
body .orders-route-container .orders-page-shell .pos-product:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 18px 34px rgba(0,0,0,.34) !important;
    border-color: rgba(255,255,255,.18) !important;
}

body .orders-page-shell .pos-product .img,
body .orders-page-shell .orders-item-card .img,
body .orders-route-container .orders-page-shell .pos-product .img,
body .orders-route-container .orders-page-shell .orders-item-card .img {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: transparent !important;
    margin: 18px 18px 0 18px !important;
    height: 168px !important;
    border-radius: 14px !important;
}

body .orders-page-shell .pos-product .info,
body .orders-page-shell .orders-item-card .info,
body .orders-route-container .orders-page-shell .pos-product .info,
body .orders-route-container .orders-page-shell .orders-item-card .info {
    min-height: 70px !important;
    height: 70px !important;
    padding: 14px 16px !important;
    background: var(--ml-crisp-band) !important;
    border-top: 1px solid rgba(255,255,255,.06) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
}

body .orders-page-shell .pos-product .info .title,
body .orders-page-shell .orders-item-card .info .title,
body .orders-route-container .orders-page-shell .pos-product .info .title,
body .orders-route-container .orders-page-shell .orders-item-card .info .title {
    color: var(--ml-crisp-text) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-shadow: none !important;
}

body .orders-page-shell .pos-product .info .sub,
body .orders-page-shell .pos-product .info small,
body .orders-route-container .orders-page-shell .pos-product .info .sub,
body .orders-route-container .orders-page-shell .pos-product .info small {
    color: var(--ml-crisp-muted) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

/* selected / qty badge crisp */
body .orders-page-shell .pos-product .badge,
body .orders-route-container .orders-page-shell .pos-product .badge,
body .orders-page-shell .qty-badge,
body .orders-route-container .orders-page-shell .qty-badge {
    border-radius: 999px !important;
    box-shadow: 0 6px 16px rgba(0,0,0,.24) !important;
    font-weight: 800 !important;
}

/* selected item glow */
body .orders-page-shell .pos-product.active,
body .orders-page-shell .pos-product.selected,
body .orders-page-shell .pos-product:focus-visible,
body .orders-route-container .orders-page-shell .pos-product.active,
body .orders-route-container .orders-page-shell .pos-product.selected,
body .orders-route-container .orders-page-shell .pos-product:focus-visible {
    border-color: rgba(89, 214, 165, .55) !important;
    box-shadow:
        0 0 0 1px rgba(89,214,165,.18),
        0 10px 28px rgba(0,0,0,.34) !important;
}

/* unavailable text cleaner */
body .orders-page-shell .pos-product .text-muted,
body .orders-route-container .orders-page-shell .pos-product .text-muted {
    color: rgba(255,255,255,.62) !important;
    opacity: 1 !important;
}

/* keep review panel styling intact, just sharpen cards a touch */
body .orders-page-shell .pos-sidebar .card,
body .orders-route-container .orders-page-shell .pos-sidebar .card {
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.22) !important;
}


/* =========================================================
   CRISP GLOW + RADIUS POLISH PACK
   - outer glow, no clipped selected radius
   - footer gray band matches card corner radius
   - menu category styled closer to menu item tiles
   ========================================================= */

:root {
    --ml-crisp-radius: 18px;
    --ml-crisp-focus-blue: #74c6ff;
    --ml-crisp-focus-blue-glow: rgba(116,198,255,.36);
}

/* ===== Menu item cards ===== */
body .orders-page-shell .pos-product,
body .orders-route-container .orders-page-shell .pos-product,
body .orders-page-shell .orders-item-card,
body .orders-route-container .orders-page-shell .orders-item-card {
    position: relative !important;
    overflow: visible !important; /* allow external focus glow */
    border-radius: var(--ml-crisp-radius) !important;
    background: transparent !important;
    box-shadow: none !important;
}

body .orders-page-shell .pos-product::before,
body .orders-route-container .orders-page-shell .pos-product::before,
body .orders-page-shell .orders-item-card::before,
body .orders-route-container .orders-page-shell .orders-item-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: var(--ml-crisp-radius) !important;
    background: linear-gradient(180deg, rgba(18,18,22,.96) 0%, rgba(24,24,28,.96) 100%) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.28) !important;
    z-index: 0 !important;
}

body .orders-page-shell .pos-product > *,
body .orders-route-container .orders-page-shell .pos-product > *,
body .orders-page-shell .orders-item-card > *,
body .orders-route-container .orders-page-shell .orders-item-card > * {
    position: relative !important;
    z-index: 1 !important;
}

body .orders-page-shell .pos-product .img,
body .orders-route-container .orders-page-shell .pos-product .img,
body .orders-page-shell .orders-item-card .img,
body .orders-route-container .orders-page-shell .orders-item-card .img {
    border-top-left-radius: calc(var(--ml-crisp-radius) - 3px) !important;
    border-top-right-radius: calc(var(--ml-crisp-radius) - 3px) !important;
    overflow: hidden !important;
}

body .orders-page-shell .pos-product .info,
body .orders-route-container .orders-page-shell .pos-product .info,
body .orders-page-shell .orders-item-card .info,
body .orders-route-container .orders-page-shell .orders-item-card .info {
    border-top: 1px solid rgba(255,255,255,.06) !important;
    border-bottom-left-radius: calc(var(--ml-crisp-radius) - 3px) !important;
    border-bottom-right-radius: calc(var(--ml-crisp-radius) - 3px) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.08)) !important;
    overflow: hidden !important;
}

/* outer glow instead of clipped inner border */
body .orders-page-shell .pos-product.active,
body .orders-page-shell .pos-product.selected,
body .orders-page-shell .pos-product:focus-visible,
body .orders-route-container .orders-page-shell .pos-product.active,
body .orders-route-container .orders-page-shell .pos-product.selected,
body .orders-route-container .orders-page-shell .pos-product:focus-visible,
body .orders-page-shell .orders-item-card.active,
body .orders-page-shell .orders-item-card.selected,
body .orders-page-shell .orders-item-card:focus-visible,
body .orders-route-container .orders-page-shell .orders-item-card.active,
body .orders-route-container .orders-page-shell .orders-item-card.selected,
body .orders-route-container .orders-page-shell .orders-item-card:focus-visible {
    box-shadow:
        0 0 0 2px rgba(255,255,255,.10),
        0 0 0 5px var(--ml-crisp-focus-blue-glow),
        0 18px 34px rgba(0,0,0,.34) !important;
    border-radius: calc(var(--ml-crisp-radius) + 2px) !important;
}

body .orders-page-shell .pos-product.active::before,
body .orders-page-shell .pos-product.selected::before,
body .orders-page-shell .pos-product:focus-visible::before,
body .orders-route-container .orders-page-shell .pos-product.active::before,
body .orders-route-container .orders-page-shell .pos-product.selected::before,
body .orders-route-container .orders-page-shell .pos-product:focus-visible::before,
body .orders-page-shell .orders-item-card.active::before,
body .orders-page-shell .orders-item-card.selected::before,
body .orders-page-shell .orders-item-card:focus-visible::before,
body .orders-route-container .orders-page-shell .orders-item-card.active::before,
body .orders-route-container .orders-page-shell .orders-item-card.selected::before,
body .orders-route-container .orders-page-shell .orders-item-card:focus-visible::before {
    border-color: var(--ml-crisp-focus-blue) !important;
}

/* ===== Menu category tiles closer to same card language ===== */
body .orders-page-shell .pos-menu .pos-menu-item,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item {
    position: relative !important;
    overflow: visible !important;
    border-radius: var(--ml-crisp-radius) !important;
    background: transparent !important;
    box-shadow: none !important;
    min-height: 106px !important;
}

body .orders-page-shell .pos-menu .pos-menu-item::before,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: var(--ml-crisp-radius) !important;
    background: linear-gradient(180deg, rgba(18,18,22,.96) 0%, rgba(24,24,28,.96) 100%) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.22) !important;
    z-index: 0 !important;
}

body .orders-page-shell .pos-menu .pos-menu-item > *,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item > * {
    position: relative !important;
    z-index: 1 !important;
}

body .orders-page-shell .pos-menu .pos-menu-item.active,
body .orders-page-shell .pos-menu .pos-menu-item.selected,
body .orders-page-shell .pos-menu .pos-menu-item:focus-visible,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.active,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.selected,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item:focus-visible {
    box-shadow:
        0 0 0 2px rgba(255,255,255,.10),
        0 0 0 5px var(--ml-crisp-focus-blue-glow),
        0 16px 30px rgba(0,0,0,.30) !important;
    border-radius: calc(var(--ml-crisp-radius) + 2px) !important;
}

body .orders-page-shell .pos-menu .pos-menu-item.active::before,
body .orders-page-shell .pos-menu .pos-menu-item.selected::before,
body .orders-page-shell .pos-menu .pos-menu-item:focus-visible::before,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.active::before,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.selected::before,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item:focus-visible::before {
    border-color: var(--ml-crisp-focus-blue) !important;
}

body .orders-page-shell .pos-menu .pos-menu-item::after,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item::after {
    display: none !important; /* remove clipped inner underline */
}

/* disabled items remain scrollable/focusable, but visually clear */
body .orders-page-shell .pos-product.disabled::before,
body .orders-route-container .orders-page-shell .pos-product.disabled::before,
body .orders-page-shell .pos-product.unavailable::before,
body .orders-route-container .orders-page-shell .pos-product.unavailable::before {
    border-color: rgba(255,255,255,.08) !important;
}

body .orders-page-shell .pos-product.disabled,
body .orders-route-container .orders-page-shell .pos-product.disabled,
body .orders-page-shell .pos-product.unavailable,
body .orders-route-container .orders-page-shell .pos-product.unavailable {
    cursor: default !important;
}


/* =========================================================
   REAL GLOW + FOCUS FIX
   - disable late visible scrollbar override on actual rail
   - real external glow for categories + item cards
   - rounded bottom band matches item radius
   - disabled items remain focusable but cannot open popup
   ========================================================= */

/* 1) override the late "soft visible scrollbar" block for the actual rail only */
body .orders-route-container .orders-page-shell .pos-menu,
body .orders-route-container .orders-page-shell .pos-menu .nav-container,
body .orders-route-container .orders-page-shell .pos-menu .nav-tabs,
body .orders-route-container .orders-page-shell .pos-menu [data-nav-scope="orders-categories"],
body .orders-route-container .orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"] {
    scrollbar-width: none !important;
    scrollbar-color: transparent transparent !important;
    -ms-overflow-style: none !important;
}

body .orders-route-container .orders-page-shell .pos-menu::-webkit-scrollbar,
body .orders-route-container .orders-page-shell .pos-menu .nav-container::-webkit-scrollbar,
body .orders-route-container .orders-page-shell .pos-menu .nav-tabs::-webkit-scrollbar,
body .orders-route-container .orders-page-shell .pos-menu [data-nav-scope="orders-categories"]::-webkit-scrollbar,
body .orders-route-container .orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"]::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
    background: transparent !important;
}

body .orders-route-container .orders-page-shell .pos-menu::-webkit-scrollbar-thumb,
body .orders-route-container .orders-page-shell .pos-menu .nav-container::-webkit-scrollbar-thumb,
body .orders-route-container .orders-page-shell .pos-menu .nav-tabs::-webkit-scrollbar-thumb,
body .orders-route-container .orders-page-shell .pos-menu [data-nav-scope="orders-categories"]::-webkit-scrollbar-thumb,
body .orders-route-container .orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"]::-webkit-scrollbar-thumb {
    background: transparent !important;
    border: 0 !important;
}

/* 2) actual category card real glow */
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item {
    position: relative !important;
    overflow: visible !important;
    border-radius: 18px !important;
    background: transparent !important;
    box-shadow: none !important;
}

body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(18,18,22,.96) 0%, rgba(24,24,28,.96) 100%) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.22) !important;
    z-index: 0 !important;
}

body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item > * {
    position: relative !important;
    z-index: 1 !important;
}

body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.active,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.selected,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item:focus-visible,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.nav-active {
    box-shadow:
        0 0 0 2px rgba(255,255,255,.10),
        0 0 0 5px rgba(116,198,255,.34),
        0 16px 30px rgba(0,0,0,.30) !important;
    border-radius: 20px !important;
}

body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.active::before,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.selected::before,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item:focus-visible::before,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.nav-active::before {
    border-color: #74c6ff !important;
}

/* 3) actual menu item card outer glow + matching gray band radius */
body .orders-route-container .orders-page-shell .orders-item-card,
body .orders-route-container .orders-page-shell .pos-product.orders-item-card {
    position: relative !important;
    overflow: visible !important;
    border-radius: 18px !important;
    background: transparent !important;
    box-shadow: none !important;
}

body .orders-route-container .orders-page-shell .orders-item-card::before,
body .orders-route-container .orders-page-shell .pos-product.orders-item-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(18,18,22,.96) 0%, rgba(24,24,28,.96) 100%) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.28) !important;
    z-index: 0 !important;
}

body .orders-route-container .orders-page-shell .orders-item-card > *,
body .orders-route-container .orders-page-shell .pos-product.orders-item-card > * {
    position: relative !important;
    z-index: 1 !important;
}

body .orders-route-container .orders-page-shell .orders-item-card .orders-item-card__media,
body .orders-route-container .orders-page-shell .pos-product.orders-item-card .orders-item-card__media,
body .orders-route-container .orders-page-shell .orders-item-card .modal-pos-product-img,
body .orders-route-container .orders-page-shell .pos-product.orders-item-card .modal-pos-product-img {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
    overflow: hidden !important;
}

body .orders-route-container .orders-page-shell .orders-item-card .info,
body .orders-route-container .orders-page-shell .pos-product.orders-item-card .info {
    background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.08)) !important;
    border-top: 1px solid rgba(255,255,255,.06) !important;
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    overflow: hidden !important;
    min-height: 76px !important;
}

body .orders-route-container .orders-page-shell .orders-item-card.active,
body .orders-route-container .orders-page-shell .orders-item-card.selected,
body .orders-route-container .orders-page-shell .orders-item-card:focus-visible,
body .orders-route-container .orders-page-shell .orders-item-card.nav-active,
body .orders-route-container .orders-page-shell .tv-item-selected {
    box-shadow:
        0 0 0 2px rgba(255,255,255,.10),
        0 0 0 5px rgba(116,198,255,.34),
        0 18px 34px rgba(0,0,0,.34) !important;
    border-radius: 20px !important;
}

body .orders-route-container .orders-page-shell .orders-item-card.active::before,
body .orders-route-container .orders-page-shell .orders-item-card.selected::before,
body .orders-route-container .orders-page-shell .orders-item-card:focus-visible::before,
body .orders-route-container .orders-page-shell .orders-item-card.nav-active::before,
body .orders-route-container .orders-page-shell .tv-item-selected::before {
    border-color: #74c6ff !important;
}

/* 4) disabled items stay navigable/focusable, but visually muted */
body .orders-route-container .orders-page-shell .orders-item-card.tv-item-disabled,
body .orders-route-container .orders-page-shell .orders-item-card[aria-disabled="True"],
body .orders-route-container .orders-page-shell .orders-item-card[aria-disabled="true"],
body .orders-route-container .orders-page-shell .orders-item-card[data-disabled="True"],
body .orders-route-container .orders-page-shell .orders-item-card[data-disabled="true"] {
    cursor: default !important;
}

body .orders-route-container .orders-page-shell .orders-item-card.tv-item-disabled::before,
body .orders-route-container .orders-page-shell .orders-item-card[aria-disabled="True"]::before,
body .orders-route-container .orders-page-shell .orders-item-card[aria-disabled="true"]::before,
body .orders-route-container .orders-page-shell .orders-item-card[data-disabled="True"]::before,
body .orders-route-container .orders-page-shell .orders-item-card[data-disabled="true"]::before {
    border-color: rgba(255,255,255,.08) !important;
}

/* keep custom arrow indicators visible */
body .orders-route-container .orders-page-shell .pos-menu .menu-scroll-arrow {
    z-index: 30 !important;
    display: none;
}
body .orders-route-container .orders-page-shell .pos-menu.has-overflow-top .menu-scroll-arrow-top,
body .orders-route-container .orders-page-shell .pos-menu.has-overflow-bottom .menu-scroll-arrow-bottom {
    display: flex !important;
}


/* =========================================================
   MENU CATEGORY SELECTED BORDER/COLOR REAL FIX
   ========================================================= */
:root {
    --ml-menucat-selected-border: #78cfff;
    --ml-menucat-selected-glow: rgba(120,207,255,.32);
    --ml-menucat-card-bg: linear-gradient(180deg, rgba(20,20,24,.98) 0%, rgba(28,28,34,.98) 100%);
}

/* actual tile surface */
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item::before,
body .orders-page-shell .pos-menu .pos-menu-item::before {
    background: var(--ml-menucat-card-bg) !important;
    border-color: rgba(255,255,255,.10) !important;
}

/* kill inner clipped highlight */
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item::after,
body .orders-page-shell .pos-menu .pos-menu-item::after {
    display: none !important;
    content: none !important;
}

/* real selected/focused state on actual tile */
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.active,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.selected,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item:focus-visible,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.nav-active,
body .orders-page-shell .pos-menu .pos-menu-item.active,
body .orders-page-shell .pos-menu .pos-menu-item.selected,
body .orders-page-shell .pos-menu .pos-menu-item:focus-visible,
body .orders-page-shell .pos-menu .pos-menu-item.nav-active {
    box-shadow:
        0 0 0 2px rgba(255,255,255,.12),
        0 0 0 6px var(--ml-menucat-selected-glow),
        0 14px 28px rgba(0,0,0,.30) !important;
    border-radius: 20px !important;
}

body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.active::before,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.selected::before,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item:focus-visible::before,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.nav-active::before,
body .orders-page-shell .pos-menu .pos-menu-item.active::before,
body .orders-page-shell .pos-menu .pos-menu-item.selected::before,
body .orders-page-shell .pos-menu .pos-menu-item:focus-visible::before,
body .orders-page-shell .pos-menu .pos-menu-item.nav-active::before {
    border: 1px solid var(--ml-menucat-selected-border) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.05),
        0 0 0 1px rgba(0,0,0,.02) !important;
}

/* selected icon/text crisp white */
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.active i,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.selected i,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item:focus-visible i,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.nav-active i,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.active span,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.selected span,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item:focus-visible span,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.nav-active span,
body .orders-page-shell .pos-menu .pos-menu-item.active i,
body .orders-page-shell .pos-menu .pos-menu-item.selected i,
body .orders-page-shell .pos-menu .pos-menu-item:focus-visible i,
body .orders-page-shell .pos-menu .pos-menu-item.nav-active i,
body .orders-page-shell .pos-menu .pos-menu-item.active span,
body .orders-page-shell .pos-menu .pos-menu-item.selected span,
body .orders-page-shell .pos-menu .pos-menu-item:focus-visible span,
body .orders-page-shell .pos-menu .pos-menu-item.nav-active span {
    color: #ffffff !important;
    opacity: 1 !important;
}


/* =========================================================
   CRISP SURFACE + TOP GLOW CLIP FIX
   - restore darker crisp card surface
   - stop top glow from being clipped
   - apply same principle to MenuCategory + MenuItems
   ========================================================= */

:root {
    --ml-crisp-surface-strong: linear-gradient(180deg, rgba(10,12,18,.985) 0%, rgba(18,20,28,.975) 100%);
    --ml-crisp-surface-softband: linear-gradient(180deg, rgba(66,66,74,.72) 0%, rgba(56,56,64,.70) 100%);
    --ml-crisp-border-normal: rgba(255,255,255,.12);
    --ml-crisp-border-selected: #74c6ff;
    --ml-crisp-glow-selected: rgba(116,198,255,.34);
}

/* let selected glow render fully */
body .orders-route-container .orders-page-shell,
body .orders-route-container .orders-page-shell .pos-container,
body .orders-route-container .orders-page-shell .pos-content,
body .orders-route-container .orders-page-shell .pos-content .pos-content-container,
body .orders-route-container .orders-page-shell .orders-items-grid,
body .orders-route-container .orders-page-shell .row.gx-4.pt-2.orders-items-grid,
body .orders-route-container .orders-page-shell .row.gx-4.orders-items-grid,
body .orders-route-container .orders-page-shell .pos-menu,
body .orders-route-container .orders-page-shell .pos-menu .nav-container,
body .orders-route-container .orders-page-shell .pos-menu .nav-tabs {
    overflow: visible !important;
}

/* preserve vertical behavior on actual menu rail host */
body .orders-route-container .orders-page-shell .pos-menu [data-nav-scope="orders-categories"],
body .orders-route-container .orders-page-shell .pos-menu > .h-100[data-nav-scope="orders-categories"],
body .orders-route-container .orders-page-shell .pos-menu .nav-container,
body .orders-route-container .orders-page-shell .pos-menu .nav-tabs {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* actual menu item card surface restored crisp dark */
body .orders-route-container .orders-page-shell .orders-item-card::before,
body .orders-route-container .orders-page-shell .pos-product.orders-item-card::before,
body .orders-route-container .orders-page-shell .pos-product::before {
    background: var(--ml-crisp-surface-strong) !important;
    border: 1px solid var(--ml-crisp-border-normal) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.30) !important;
}

body .orders-route-container .orders-page-shell .orders-item-card .info,
body .orders-route-container .orders-page-shell .pos-product.orders-item-card .info,
body .orders-route-container .orders-page-shell .pos-product .info {
    background: var(--ml-crisp-surface-softband) !important;
    border-top: 1px solid rgba(255,255,255,.07) !important;
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
    min-height: 78px !important;
    overflow: hidden !important;
}

/* actual menu item selected ring visible on all sides */
body .orders-route-container .orders-page-shell .orders-item-card,
body .orders-route-container .orders-page-shell .pos-product.orders-item-card,
body .orders-route-container .orders-page-shell .pos-product {
    margin-top: 6px !important;
    margin-bottom: 8px !important;
    border-radius: 20px !important;
}

body .orders-route-container .orders-page-shell .orders-item-card.active,
body .orders-route-container .orders-page-shell .orders-item-card.selected,
body .orders-route-container .orders-page-shell .orders-item-card:focus-visible,
body .orders-route-container .orders-page-shell .orders-item-card.nav-active,
body .orders-route-container .orders-page-shell .tv-item-selected,
body .orders-route-container .orders-page-shell .pos-product.active,
body .orders-route-container .orders-page-shell .pos-product.selected,
body .orders-route-container .orders-page-shell .pos-product:focus-visible,
body .orders-route-container .orders-page-shell .pos-product.nav-active {
    box-shadow:
        0 0 0 2px rgba(255,255,255,.10),
        0 0 0 5px var(--ml-crisp-glow-selected),
        0 18px 34px rgba(0,0,0,.36) !important;
    border-radius: 22px !important;
}

body .orders-route-container .orders-page-shell .orders-item-card.active::before,
body .orders-route-container .orders-page-shell .orders-item-card.selected::before,
body .orders-route-container .orders-page-shell .orders-item-card:focus-visible::before,
body .orders-route-container .orders-page-shell .orders-item-card.nav-active::before,
body .orders-route-container .orders-page-shell .tv-item-selected::before,
body .orders-route-container .orders-page-shell .pos-product.active::before,
body .orders-route-container .orders-page-shell .pos-product.selected::before,
body .orders-route-container .orders-page-shell .pos-product:focus-visible::before,
body .orders-route-container .orders-page-shell .pos-product.nav-active::before {
    border-color: var(--ml-crisp-border-selected) !important;
}

/* restore category crisp surface */
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item::before {
    background: var(--ml-crisp-surface-strong) !important;
    border: 1px solid var(--ml-crisp-border-normal) !important;
    box-shadow: 0 12px 24px rgba(0,0,0,.24) !important;
}

body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item {
    margin-top: 6px !important;
    margin-bottom: 8px !important;
    border-radius: 20px !important;
}

body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.active,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.selected,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item:focus-visible,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.nav-active {
    box-shadow:
        0 0 0 2px rgba(255,255,255,.10),
        0 0 0 5px var(--ml-crisp-glow-selected),
        0 16px 30px rgba(0,0,0,.30) !important;
    border-radius: 22px !important;
}

body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.active::before,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.selected::before,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item:focus-visible::before,
body .orders-route-container .orders-page-shell .pos-menu .pos-menu-item.nav-active::before {
    border-color: var(--ml-crisp-border-selected) !important;
}


/* =========================================================
   MAIN SCREEN GLOW + MEAL INDICATOR PACK
   ========================================================= */
:root {
    --ml-main-glow-surface: linear-gradient(180deg, rgba(10,12,18,.985) 0%, rgba(18,20,28,.975) 100%);
    --ml-main-glow-border: rgba(255,255,255,.12);
    --ml-main-glow-selected: #74c6ff;
    --ml-main-glow-shadow: rgba(116,198,255,.34);
    --ml-meal-indicator-bg: rgba(14,18,28,.78);
    --ml-meal-indicator-border: rgba(255,255,255,.10);
    --ml-meal-indicator-green: #2fd27a;
}

/* actual main identity/info cards */
body .patient-info-card {
    position: relative !important;
    overflow: visible !important;
    border-radius: 20px !important;
    background: transparent !important;
    box-shadow: none !important;
}
body .patient-info-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 20px !important;
    background: var(--ml-main-glow-surface) !important;
    border: 1px solid var(--ml-main-glow-border) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.26) !important;
    z-index: 0 !important;
}
body .patient-info-card > * {
    position: relative !important;
    z-index: 1 !important;
}
body .patient-info-card:hover,
body .patient-info-card:focus-within {
    box-shadow:
        0 0 0 2px rgba(255,255,255,.10),
        0 0 0 5px var(--ml-main-glow-shadow),
        0 18px 34px rgba(0,0,0,.30) !important;
    border-radius: 22px !important;
}
body .patient-info-card:hover::before,
body .patient-info-card:focus-within::before {
    border-color: var(--ml-main-glow-selected) !important;
}

/* actual meal period cards on main screen */
body [data-nav-scope="home-meals"] .card {
    position: relative !important;
    overflow: visible !important;
    border-radius: 20px !important;
    background: transparent !important;
    box-shadow: none !important;
}
body [data-nav-scope="home-meals"] .card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 20px !important;
    background: var(--ml-main-glow-surface) !important;
    border: 1px solid var(--ml-main-glow-border) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.26) !important;
    z-index: 0 !important;
}
body [data-nav-scope="home-meals"] .card > * {
    position: relative !important;
    z-index: 1 !important;
}
body [data-nav-scope="home-meals"] .card.tv-selected,
body [data-nav-scope="home-meals"] .card:hover,
body [data-nav-scope="home-meals"] .btn:focus-visible .card {
    box-shadow:
        0 0 0 2px rgba(255,255,255,.10),
        0 0 0 5px var(--ml-main-glow-shadow),
        0 18px 34px rgba(0,0,0,.30) !important;
    border-radius: 22px !important;
}
body [data-nav-scope="home-meals"] .card.tv-selected::before,
body [data-nav-scope="home-meals"] .card:hover::before,
body [data-nav-scope="home-meals"] .btn:focus-visible .card::before {
    border-color: var(--ml-main-glow-selected) !important;
}

/* meal selected indicator */
body .meal-period-selected-indicator {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    background: var(--ml-meal-indicator-bg) !important;
    border: 1px solid var(--ml-meal-indicator-border) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.22) !important;
    z-index: 3 !important;
}
body .meal-period-selected-indicator__dot {
    width: 10px !important;
    height: 10px !important;
    border-radius: 999px !important;
    background: var(--ml-meal-indicator-green) !important;
    box-shadow: 0 0 0 4px rgba(47,210,122,.16) !important;
}
body .meal-period-selected-indicator__text {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

/* ordered meal card subtle accent */
body [data-nav-scope="home-meals"] .meal-period-card--ordered::before {
    border-color: rgba(47,210,122,.34) !important;
}

/* nursing station icon polish on actual card */
body .patient-info-card__icon .fa-hospital,
body .patient-info-card__icon .fa-hospital-o {
    font-size: 1.22rem !important;
    line-height: 1 !important;
}


/* =========================================================
   MEAL PERIOD BLUE + NETFLIX GLOW PACK
   - keep meal period cards blue
   - add stronger hover/focus glow
   ========================================================= */
:root {
    --ml-meal-blue-surface: linear-gradient(180deg, rgba(17,57,150,.98) 0%, rgba(21,76,196,.98) 100%);
    --ml-meal-blue-border: rgba(130,190,255,.34);
    --ml-meal-blue-glow: rgba(76, 165, 255, .42);
    --ml-meal-blue-glow-outer: rgba(76, 165, 255, .22);
}

/* actual main-screen meal period cards */
body [data-nav-scope="home-meals"] .card,
body .meal-period-card,
body .order-meal-card {
    position: relative !important;
    overflow: visible !important;
    border-radius: 20px !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: translateZ(0) scale(1) !important;
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease !important;
}

body [data-nav-scope="home-meals"] .card::before,
body .meal-period-card::before,
body .order-meal-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 20px !important;
    background: var(--ml-meal-blue-surface) !important;
    border: 1px solid var(--ml-meal-blue-border) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.26) !important;
    z-index: 0 !important;
    transition:
        border-color .18s ease,
        box-shadow .18s ease !important;
}

body [data-nav-scope="home-meals"] .card > *,
body .meal-period-card > *,
body .order-meal-card > * {
    position: relative !important;
    z-index: 1 !important;
}

body [data-nav-scope="home-meals"] .card:hover,
body [data-nav-scope="home-meals"] .card.tv-selected,
body [data-nav-scope="home-meals"] .btn:focus-visible .card,
body .meal-period-card:hover,
body .meal-period-card.tv-selected,
body .meal-period-card:focus-visible,
body .order-meal-card:hover,
body .order-meal-card.tv-selected,
body .order-meal-card:focus-visible {
    transform: scale(1.022) !important;
    box-shadow:
        0 0 0 2px rgba(255,255,255,.10),
        0 0 0 5px var(--ml-meal-blue-glow),
        0 0 24px 6px var(--ml-meal-blue-glow-outer),
        0 22px 42px rgba(0,0,0,.34) !important;
    border-radius: 22px !important;
    filter: saturate(1.05) brightness(1.03) !important;
}

body [data-nav-scope="home-meals"] .card:hover::before,
body [data-nav-scope="home-meals"] .card.tv-selected::before,
body [data-nav-scope="home-meals"] .btn:focus-visible .card::before,
body .meal-period-card:hover::before,
body .meal-period-card.tv-selected::before,
body .meal-period-card:focus-visible::before,
body .order-meal-card:hover::before,
body .order-meal-card.tv-selected::before,
body .order-meal-card:focus-visible::before {
    border-color: #89d1ff !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.06),
        0 18px 34px rgba(0,0,0,.30) !important;
}

/* ordered meal period cards stay blue but slightly richer */
body [data-nav-scope="home-meals"] .meal-period-card--ordered::before,
body .meal-period-card--ordered::before {
    border-color: rgba(151,214,255,.46) !important;
}


/* =========================================================
   ARABIC FIRST-PAINT FLICKER FIX
   Hide translated content very briefly until language/dir is applied
   ========================================================= */
html.lang-pending body .home-screen-root,
html.lang-pending body .index-page-root,
html.lang-pending body [data-page="home-index"],
body.lang-pending .home-screen-root,
body.lang-pending .index-page-root,
body.lang-pending [data-page="home-index"] {
    visibility: hidden !important;
}

html.lang-ready body .home-screen-root,
html.lang-ready body .index-page-root,
html.lang-ready body [data-page="home-index"],
body.lang-ready .home-screen-root,
body.lang-ready .index-page-root,
body.lang-ready [data-page="home-index"] {
    visibility: visible !important;
}


/* =========================================================
   GUEST ORDER NAV + BUTTON FONT + NETFLIX FOCUS PACK
   ========================================================= */

:root {
    --ml-btn-font-size-consistent: 18px;
    --ml-btn-font-weight-consistent: 700;
    --ml-btn-line-height-consistent: 1.18;
    --ml-btn-letter-spacing-consistent: .01em;
    --ml-focus-netflix-glow: rgba(116,198,255,.34);
    --ml-focus-netflix-ring: #74c6ff;
}

body button,
body .btn,
body input[type="button"],
body input[type="submit"],
body .app-btn-consistent,
body .orders-page-shell .btn,
body .orders-route-container .btn,
body .modal .btn,
body [data-nav-scope="home-actions"] .btn,
body [data-nav-scope="home-meals"] .btn {
    font-size: var(--ml-btn-font-size-consistent) !important;
    font-weight: var(--ml-btn-font-weight-consistent) !important;
    line-height: var(--ml-btn-line-height-consistent) !important;
    letter-spacing: var(--ml-btn-letter-spacing-consistent) !important;
    text-rendering: geometricPrecision !important;
}

body .btn-lg,
body .orders-page-shell .btn-lg,
body .orders-route-container .btn-lg {
    font-size: 19px !important;
}

body .focusable,
body .btn,
body .card,
body .pos-menu-item,
body .orders-item-card,
body .pos-product {
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease,
        filter .18s ease !important;
    transform-origin: center center !important;
}

body .guest-order-btn,
body [data-nav-id="guest-order"],
body .focusable:focus-visible,
body .focusable.nav-active,
body .btn:focus-visible,
body .btn.nav-active {
    box-shadow:
        0 0 0 2px rgba(255,255,255,.10),
        0 0 0 5px var(--ml-focus-netflix-glow),
        0 18px 34px rgba(0,0,0,.30) !important;
    transform: scale(1.022) !important;
    border-color: var(--ml-focus-netflix-ring) !important;
    outline: none !important;
}

body .guest-order-btn:focus-visible,
body .guest-order-btn.nav-active,
body [data-nav-id="guest-order"]:focus-visible,
body [data-nav-id="guest-order"].nav-active {
    box-shadow:
        0 0 0 2px rgba(255,255,255,.10),
        0 0 0 6px var(--ml-focus-netflix-glow),
        0 20px 38px rgba(0,0,0,.32) !important;
    transform: scale(1.028) !important;
}


/* =========================================================
   PATIENT INFO NON-FOCUSABLE / GUEST ORDER ONLY
   ========================================================= */

/* Patient info area should not look focusable */
body [data-nav-scope="patient-info"] .patient-info-card,
body .patient-info-nonfocus,
body [data-nav-scope="patient-info"] .card:not(.guest-order-btn):not([data-nav-id="guest-order"]) {
    pointer-events: none !important;
}

body [data-nav-scope="patient-info"] .patient-info-card *,
body .patient-info-nonfocus * {
    pointer-events: none !important;
}

/* Keep Guest Order explicitly focusable/clickable */
body [data-nav-id="guest-order"],
body .guest-order-btn,
body [data-nav-scope="patient-info"] [data-nav-id="guest-order"],
body [data-nav-scope="patient-info"] .guest-order-btn {
    pointer-events: auto !important;
}

/* remove focus styling from nonfocus patient cards if something lands there */
body [data-nav-scope="patient-info"] .patient-info-card:focus,
body [data-nav-scope="patient-info"] .patient-info-card:focus-visible,
body .patient-info-nonfocus:focus,
body .patient-info-nonfocus:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    transform: none !important;
}


/* =========================================================
   GUEST ORDER REAL SELECTOR FOCUS FIX
   ========================================================= */
body .guest-order-btn,
body [data-nav-id="guest-order-open"] {
    pointer-events: auto !important;
    position: relative !important;
}

body .guest-order-btn:focus-visible,
body .guest-order-btn.nav-active,
body [data-nav-id="guest-order-open"]:focus-visible,
body [data-nav-id="guest-order-open"].nav-active {
    box-shadow:
        0 0 0 2px rgba(255,255,255,.10),
        0 0 0 6px rgba(116,198,255,.34),
        0 20px 38px rgba(0,0,0,.32) !important;
    transform: scale(1.028) !important;
    outline: none !important;
}