/* /Components/Layout/Drawer.razor.rz.scp.css */
.drawer-container[b-ba107ubexx] {
    height: 100%;
}

.navigation-drawer-shading[b-ba107ubexx] {
    height: 100%;
    position: absolute;
    transition: ease 300ms;
    transition-property: opacity, visibility;
    visibility: visible;
    width: 100%;
    z-index: 99;
    background-color: var(--dxds-color-surface-backdrop-default-rest);
}

.navigation-drawer.mobile.panel-closed .navigation-drawer-shading[b-ba107ubexx] {
    opacity: 0;
    visibility: hidden;
}

[b-ba107ubexx] .navigation-drawer > .dxbl-drawer-panel {
    display: flex;
}

[b-ba107ubexx] .navigation-drawer.mobile > .dxbl-drawer-panel {
    display: none;
}

.navigation-drawer-shading[b-ba107ubexx] {
    display: none;
}

@media (max-width: 768px) {
    [b-ba107ubexx] .navigation-drawer > .dxbl-drawer-panel {
        display: none;
    }

    [b-ba107ubexx] .navigation-drawer.mobile > .dxbl-drawer-panel {
        display: flex;
    }

    .navigation-drawer-shading[b-ba107ubexx] {
        display: block;
    }

}
/* /Components/Layout/GarsonCagriPanel.razor.rz.scp.css */
.waiter-alert-stack[b-p4395ik8c6]{display:flex;flex-direction:column;gap:.55rem;position:fixed;right:1rem;top:1rem;width:min(470px,calc(100vw - 2rem));z-index:1200}.waiter-alert[b-p4395ik8c6]{align-items:center;background:rgba(255,253,243,.98);border:1px solid rgba(217,155,19,.4);border-radius:12px;box-shadow:0 18px 55px rgba(49,80,24,.22);display:grid;gap:.7rem;grid-template-columns:44px 1fr auto;padding:.75rem}.waiter-alert.accepted[b-p4395ik8c6]{background:#f0fdf4;border-color:rgba(22,163,74,.3)}.waiter-alert-icon[b-p4395ik8c6]{align-items:center;background:linear-gradient(135deg,#d99b13,#f5c84c);border-radius:10px;color:#fff;display:flex;font-size:1.25rem;font-weight:900;height:44px;justify-content:center}.accepted .waiter-alert-icon[b-p4395ik8c6]{background:#16a34a}.waiter-alert-copy[b-p4395ik8c6]{min-width:0}.waiter-alert-copy strong[b-p4395ik8c6]{color:var(--pp-green-800);display:block;font-size:.88rem}.waiter-alert-copy small[b-p4395ik8c6]{color:var(--pp-text-muted);display:block;font-size:.7rem;margin-top:.22rem}.waiter-alert button[b-p4395ik8c6]{background:var(--pp-green-800);border:0;border-radius:9px;color:#fff;cursor:pointer;font:inherit;font-size:.74rem;font-weight:800;padding:.65rem .8rem}.waiter-alert button:disabled[b-p4395ik8c6]{opacity:.65}@media(max-width:600px){.waiter-alert-stack[b-p4395ik8c6]{left:.5rem;right:.5rem;top:.5rem;width:auto}.waiter-alert[b-p4395ik8c6]{grid-template-columns:38px 1fr}.waiter-alert-icon[b-p4395ik8c6]{height:38px;width:38px}.waiter-alert button[b-p4395ik8c6]{grid-column:1/-1;width:100%}}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ffjbd50emd] {
    height: 100%;
    min-height: 0;
}

.layout-access-loading[b-ffjbd50emd] {
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    height: 100%;
    justify-content: center;
}

[b-ffjbd50emd] .navigation-drawer {
    --dxbl-drawer-panel-body-padding-x: 0;
    --dxbl-drawer-panel-body-padding-y: 1rem;
    --dxbl-drawer-panel-footer-bg: none;
    --dxbl-drawer-panel-header-bg: none;
    --dxbl-drawer-separator-border-width: 0;
}

[b-ffjbd50emd] .navigation-drawer > .dxbl-drawer-panel {
    background:
        linear-gradient(180deg, rgba(255, 253, 243, 0.96), rgba(247, 254, 231, 0.88) 52%, rgba(255, 243, 191, 0.34)),
        var(--pp-cream);
    border-right: 1px solid var(--pp-border);
    box-shadow: 10px 0 30px rgba(49, 80, 24, 0.09);
}

.navigation-drawer-header[b-ffjbd50emd] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1.25rem 0.75rem;
    width: 100%;
}

.navigation-drawer-header .logo[b-ffjbd50emd] {
    display: block;
    height: 3.25rem;
    object-fit: contain;
    width: 9.5rem;
}

.drawer-product-label[b-ffjbd50emd] {
    border-bottom: 1px solid var(--pp-border);
    margin: 0 .75rem .75rem;
    padding: .2rem .35rem .9rem;
}

.drawer-product-label span[b-ffjbd50emd] {
    color: var(--pp-green-600);
    display: block;
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .14em;
}

.drawer-product-label strong[b-ffjbd50emd] {
    color: var(--pp-green-800);
    display: block;
    font-size: .9rem;
    margin-top: .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.navigation-drawer-footer[b-ffjbd50emd] {
    align-items: center;
    flex-direction: column;
    gap: 0.75rem;
    display: flex;
    justify-content: center;
    padding: 0 0.75rem 0.875rem;
    width: 100%;
}

.login-user-card[b-ffjbd50emd] {
    align-items: center;
    background: rgba(255, 253, 243, 0.78);
    border: 1px solid rgba(217, 155, 19, 0.30);
    border-radius: 8px;
    box-shadow: var(--pp-shadow-soft);
    box-sizing: border-box;
    display: flex;
    gap: 0.65rem;
    padding: 0.7rem;
    width: 100%;
}

.login-user-avatar[b-ffjbd50emd] {
    align-items: center;
    background: linear-gradient(135deg, var(--pp-green-800), var(--pp-green-500) 58%, var(--pp-gold-300));
    border-radius: 8px;
    color: #fff;
    display: flex;
    flex: 0 0 38px;
    font-size: 0.88rem;
    font-weight: 800;
    height: 38px;
    justify-content: center;
}

.login-user-info[b-ffjbd50emd] {
    min-width: 0;
}

.login-user-label[b-ffjbd50emd] {
    color: var(--pp-text-muted);
    font-size: 0.72rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.login-user-name[b-ffjbd50emd] {
    color: var(--pp-text);
    font-size: var(--dxds-font-size-base-sm);
    font-weight: 700;
    max-width: 12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.login-user-info small[b-ffjbd50emd] {
    color: var(--pp-green-600);
    display: block;
    font-size: .68rem;
    font-weight: 800;
    margin-top: .1rem;
}

[b-ffjbd50emd] .logout-button {
    color: var(--pp-green-800) !important;
    width: 100%;
}

[b-ffjbd50emd] .password-change-button {
    color: var(--pp-green-800) !important;
    width: 100%;
}

[b-ffjbd50emd] .password-popup .dxbl-popup-header {
    color: var(--pp-green-800);
    font-weight: 800;
}

.password-popup-body[b-ffjbd50emd] {
    padding: 1rem;
}

.password-form[b-ffjbd50emd] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.password-field[b-ffjbd50emd] {
    color: var(--pp-text);
    display: flex;
    flex-direction: column;
    font-size: 0.82rem;
    font-weight: 700;
    gap: 0.35rem;
}

.password-input[b-ffjbd50emd] {
    background: #fff;
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--pp-text);
    font: inherit;
    min-height: 2.45rem;
    outline: none;
    padding: 0.55rem 0.7rem;
    width: 100%;
}

.password-input:focus[b-ffjbd50emd] {
    border-color: var(--pp-green-500);
    box-shadow: 0 0 0 3px var(--pp-focus);
}

.password-alert[b-ffjbd50emd] {
    border-radius: 8px;
    font-size: 0.84rem;
    line-height: 1.35;
    padding: 0.65rem 0.75rem;
}

.password-alert-error[b-ffjbd50emd] {
    background: #fef2f2;
    border: 1px solid rgba(220, 38, 38, 0.24);
    color: #991b1b;
}

.password-popup-actions[b-ffjbd50emd] {
    align-items: center;
    display: flex;
    gap: 0.6rem;
    justify-content: flex-end;
    padding: 0.75rem 1rem 1rem;
    width: 100%;
}

.drawer-content[b-ffjbd50emd] {
    background:
        linear-gradient(135deg, rgba(247, 254, 231, 0.78), rgba(255, 253, 243, 0.94) 52%, rgba(255, 243, 191, 0.28)),
        var(--pp-cream);
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: 1rem 1.1rem 1rem;
}

.nav-buttons-container[b-ffjbd50emd] {
    align-items: center;
    display: flex;
    gap: 0.625rem;
}

.print-server-status[b-ffjbd50emd] {
    align-items: center;
    color: var(--pp-text-muted);
    display: inline-flex;
    font-size: .68rem;
    font-weight: 750;
    gap: .38rem;
    margin-left: auto;
    min-height: 2rem;
    padding: 0 .25rem;
    white-space: nowrap;
}

.print-server-status-dot[b-ffjbd50emd] {
    background: #b96767;
    border-radius: 999px;
    box-shadow: 0 0 0 3px rgba(185, 103, 103, .12);
    display: block;
    height: .52rem;
    width: .52rem;
}

.print-server-status-ready .print-server-status-dot[b-ffjbd50emd] {
    background: var(--pp-green-500);
    box-shadow: 0 0 0 3px rgba(77, 124, 35, .12);
}

.print-server-status-printing .print-server-status-dot[b-ffjbd50emd] {
    background: #d99b13;
    box-shadow: 0 0 0 3px rgba(217, 155, 19, .15);
}

.print-server-status-error .print-server-status-dot[b-ffjbd50emd] {
    background: #dc2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, .14);
}

[b-ffjbd50emd] .mobile-menu-button {
    display: none;
}

[b-ffjbd50emd] .nav-buttons-container > a {
    color: inherit;
}

[b-ffjbd50emd] .nav-buttons-container .back-button {
    padding-left: 0;
    padding-right: 0.25rem;
}

.page-content-container[b-ffjbd50emd] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 0;
}

@media (max-width: 768px) {
    [b-ffjbd50emd] .desktop-menu-button {
        display: none;
    }

    [b-ffjbd50emd] .mobile-menu-button {
        display: inline-flex;
    }

    .drawer-content[b-ffjbd50emd] { padding: .65rem; }

    .print-server-status-label[b-ffjbd50emd] {
        display: none;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
[b-c6jgua0n0z] .menu {
    --dxbl-menu-bottom-left-border-radius: 0;
    --dxbl-menu-bottom-right-border-radius: 0;
    --dxbl-menu-top-left-border-radius: 0;
    --dxbl-menu-top-right-border-radius: 0;
    --dxbl-menu-item-padding-x: 1.125rem;
    --dxbl-menu-item-padding-y: 0.625rem;
    --dxbl-menu-item-color: var(--pp-green-800);
    --dxbl-menu-item-image-color: var(--pp-green-700);
    --dxbl-menu-item-hover-bg: rgba(255, 229, 138, 0.32);
    --dxbl-menu-item-hover-color: var(--pp-text);
    --dxbl-menu-item-hover-image-color: var(--pp-gold-500);

    background: none;
    padding: 0 0.75rem;
}

[b-c6jgua0n0z] .menu.display-mobile {
    margin-bottom: 2rem;
}

[b-c6jgua0n0z] .menu-item-active {
    background: linear-gradient(90deg, rgba(255, 229, 138, 0.46), rgba(168, 216, 79, 0.22));
    border-left: 3px solid var(--pp-gold-400);
    border-radius: 8px;
    color: var(--pp-green-800);
    font-weight: 700;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.reconnect-show-visible[b-eh19a74uux],
.reconnect-retrying-visible[b-eh19a74uux],
.reconnect-failed-visible[b-eh19a74uux],
.reconnect-rejected-visible[b-eh19a74uux],
.reconnect-restored-visible[b-eh19a74uux] {
    display: none;
}

#components-reconnect-modal[data-reconnect-state="show"] .reconnect-show-visible[b-eh19a74uux],
#components-reconnect-modal[data-reconnect-state="retrying"] .reconnect-retrying-visible[b-eh19a74uux],
#components-reconnect-modal[data-reconnect-state="failed"] .reconnect-failed-visible[b-eh19a74uux],
#components-reconnect-modal[data-reconnect-state="rejected"] .reconnect-rejected-visible[b-eh19a74uux],
#components-reconnect-modal[data-reconnect-state="restored"] .reconnect-restored-visible[b-eh19a74uux] {
    display: flex;
}

#components-reconnect-modal[data-reconnect-state="show"] .reconnect-busy-visible[b-eh19a74uux],
#components-reconnect-modal[data-reconnect-state="retrying"] .reconnect-busy-visible[b-eh19a74uux] {
    display: flex;
}

#components-reconnect-modal[data-reconnect-state="failed"] .reconnect-busy-visible[b-eh19a74uux],
#components-reconnect-modal[data-reconnect-state="rejected"] .reconnect-busy-visible[b-eh19a74uux],
#components-reconnect-modal[data-reconnect-state="restored"] .reconnect-busy-visible[b-eh19a74uux] {
    display: none;
}

#components-reconnect-modal[b-eh19a74uux] {
    align-items: center;
    backdrop-filter: blur(12px);
    background:
        radial-gradient(circle at 16% 18%, rgba(168, 216, 79, .18), transparent 30%),
        radial-gradient(circle at 84% 82%, rgba(246, 189, 47, .18), transparent 32%),
        rgba(18, 39, 16, .88);
    border: 0;
    box-sizing: border-box;
    color: var(--pp-text);
    height: 100%;
    justify-content: center;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow: auto;
    padding: clamp(1rem, 4vw, 2.5rem);
    width: 100%;
}

#components-reconnect-modal[open][b-eh19a74uux] {
    display: flex;
    animation: reconnect-overlay-in-b-eh19a74uux .18s ease-out both;
}

#components-reconnect-modal[b-eh19a74uux]::backdrop {
    background: rgba(8, 18, 7, .82);
}

.reconnect-card[b-eh19a74uux] {
    align-items: center;
    background: linear-gradient(155deg, rgba(255, 255, 255, .98), rgba(255, 253, 243, .98));
    border: 1px solid rgba(255, 229, 138, .55);
    border-radius: 24px;
    box-shadow: 0 32px 90px rgba(0, 0, 0, .42);
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    max-width: 31rem;
    overflow: hidden;
    padding: clamp(1.25rem, 4vw, 2rem);
    position: relative;
    width: min(100%, 31rem);
}

.reconnect-card[b-eh19a74uux]::before {
    background: linear-gradient(90deg, var(--pp-green-500), var(--pp-gold-400));
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.reconnect-visual[b-eh19a74uux],
.reconnect-success[b-eh19a74uux] {
    align-items: center;
    height: 7.5rem;
    justify-content: center;
    position: relative;
    width: 7.5rem;
}

.reconnect-visual img[b-eh19a74uux] {
    border-radius: 50%;
    height: 4.5rem;
    position: relative;
    width: 4.5rem;
    z-index: 2;
}

.reconnect-visual > span[b-eh19a74uux] {
    animation: reconnect-pulse-b-eh19a74uux 1.8s ease-out infinite;
    border: 2px solid var(--pp-green-400);
    border-radius: 50%;
    inset: 0;
    opacity: 0;
    position: absolute;
}

.reconnect-visual > span:nth-child(2)[b-eh19a74uux] {
    animation-delay: .6s;
}

.reconnect-success span[b-eh19a74uux] {
    align-items: center;
    background: linear-gradient(145deg, var(--pp-green-500), var(--pp-green-800));
    border: 5px solid var(--pp-green-100);
    border-radius: 50%;
    box-shadow: 0 14px 28px rgba(49, 80, 24, .2);
    color: white;
    display: flex;
    font-size: 2.4rem;
    font-weight: 950;
    height: 5rem;
    justify-content: center;
    width: 5rem;
}

.reconnect-copy[b-eh19a74uux] {
    width: 100%;
}

.reconnect-state[b-eh19a74uux] {
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.reconnect-kicker[b-eh19a74uux] {
    background: var(--pp-gold-50);
    border: 1px solid var(--pp-gold-200);
    border-radius: 999px;
    color: #76520b;
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .04em;
    padding: .35rem .65rem;
    text-transform: uppercase;
}

.reconnect-kicker-error[b-eh19a74uux] {
    background: #fff1ed;
    border-color: #fb8a73;
    color: #8f2818;
}

.reconnect-kicker-success[b-eh19a74uux] {
    background: var(--pp-green-50);
    border-color: var(--pp-green-300);
    color: var(--pp-green-800);
}

.reconnect-state h2[b-eh19a74uux] {
    color: var(--pp-green-800);
    font-size: clamp(1.3rem, 4vw, 1.7rem);
    margin: .85rem 0 .45rem;
}

.reconnect-state p[b-eh19a74uux] {
    color: var(--pp-text-muted);
    font-size: .82rem;
    line-height: 1.55;
    margin: 0;
    max-width: 25rem;
}

.reconnect-actions[b-eh19a74uux] {
    display: grid;
    gap: .6rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1.2rem;
    width: min(100%, 23rem);
}

.reconnect-actions-single[b-eh19a74uux] {
    grid-template-columns: 1fr;
    max-width: 15rem;
}

.reconnect-actions button[b-eh19a74uux] {
    border-radius: 10px;
    cursor: pointer;
    font: inherit;
    font-size: .78rem;
    font-weight: 900;
    min-height: 3rem;
    padding: .55rem .9rem;
    touch-action: manipulation;
}

.reconnect-primary-button[b-eh19a74uux] {
    background: linear-gradient(180deg, var(--pp-green-400), var(--pp-green-600));
    border: 1px solid var(--pp-green-700);
    color: #173015;
    box-shadow: 0 9px 20px rgba(111, 148, 39, .22);
}

.reconnect-secondary-button[b-eh19a74uux] {
    background: white;
    border: 1px solid var(--pp-border-strong);
    color: var(--pp-green-800);
}

.reconnect-actions button:focus-visible[b-eh19a74uux] {
    outline: 3px solid var(--pp-focus);
    outline-offset: 3px;
}

.reconnect-actions button:disabled[b-eh19a74uux] {
    cursor: wait;
    opacity: .65;
}

.reconnect-footnote[b-eh19a74uux] {
    align-items: center;
    background: var(--pp-green-50);
    border: 1px solid var(--pp-green-200);
    border-radius: 10px;
    color: var(--pp-text-muted);
    font-size: .68rem;
    font-weight: 750;
    gap: .45rem;
    justify-content: center;
    min-height: 2.3rem;
    padding: .45rem .7rem;
    width: 100%;
}

.reconnect-dot[b-eh19a74uux] {
    animation: reconnect-dot-b-eh19a74uux 1s ease-in-out infinite alternate;
    background: var(--pp-gold-400);
    border-radius: 50%;
    height: .55rem;
    width: .55rem;
}

@keyframes reconnect-pulse-b-eh19a74uux {
    0% { opacity: .75; transform: scale(.55); }
    100% { opacity: 0; transform: scale(1); }
}

@keyframes reconnect-dot-b-eh19a74uux {
    from { opacity: .4; }
    to { opacity: 1; }
}

@keyframes reconnect-overlay-in-b-eh19a74uux {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 520px) {
    #components-reconnect-modal[b-eh19a74uux] {
        padding: .65rem;
    }

    .reconnect-card[b-eh19a74uux] {
        border-radius: 18px;
        gap: 1rem;
        padding: 1.15rem;
    }

    .reconnect-actions[b-eh19a74uux] {
        grid-template-columns: 1fr;
    }

    .reconnect-visual[b-eh19a74uux],
    .reconnect-success[b-eh19a74uux] {
        height: 6.4rem;
        width: 6.4rem;
    }
}

@media (max-height: 620px) and (orientation: landscape) {
    .reconnect-card[b-eh19a74uux] {
        display: grid;
        gap: .8rem 1.25rem;
        grid-template-columns: 6rem 1fr;
        max-width: 42rem;
        padding: 1.1rem 1.4rem;
        width: min(100%, 42rem);
    }

    .reconnect-footnote[b-eh19a74uux] {
        grid-column: 1 / -1;
    }

    .reconnect-visual[b-eh19a74uux],
    .reconnect-success[b-eh19a74uux] {
        align-self: center;
        height: 6rem;
        width: 6rem;
    }

    .reconnect-copy[b-eh19a74uux] {
        align-self: center;
    }

    .reconnect-actions[b-eh19a74uux] {
        margin-top: .8rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    #components-reconnect-modal[open][b-eh19a74uux],
    .reconnect-visual > span[b-eh19a74uux],
    .reconnect-dot[b-eh19a74uux] {
        animation: none;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-page[b-csig7ht0qe] {
    align-items: center;
    background:
        linear-gradient(135deg, rgba(49, 80, 24, .22), rgba(255, 229, 138, .14) 48%, rgba(143, 189, 56, .14)),
        url('/images/login-background.jpg') center / cover no-repeat;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    min-height: 111.111111dvh;
    overflow: hidden auto;
    padding: 1.5rem;
    position: relative;
    width: 100%;
}

.login-shell[b-csig7ht0qe] {
    max-width: 30rem;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1;
}

.login-panel[b-csig7ht0qe] {
    backdrop-filter: blur(18px) saturate(1.16);
    background: linear-gradient(180deg, rgba(255, 253, 243, .46), rgba(49, 80, 24, .12));
    border: 1px solid rgba(255, 229, 138, .34);
    border-radius: 12px;
    box-shadow: 0 28px 80px rgba(49, 80, 24, .24), inset 0 1px 0 rgba(255, 255, 255, .42);
    box-sizing: border-box;
    padding: 1.35rem 1.5rem 1.5rem;
    width: 100%;
}

.login-logo-wrap[b-csig7ht0qe] {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

.login-logo-wrap img[b-csig7ht0qe] {
    display: block;
    filter: none;
    height: auto;
    max-height: 96px;
    max-width: 300px;
    object-fit: contain;
    width: 100%;
}

.login-form-native[b-csig7ht0qe] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.login-field[b-csig7ht0qe] {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
}

.login-field > span[b-csig7ht0qe] {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
}

.login-field input[b-csig7ht0qe] {
    background: rgba(49, 80, 24, .36);
    border: 1px solid rgba(49, 80, 24, .66);
    border-radius: 6px;
    box-shadow: inset 0 1px 2px rgba(49, 80, 24, .22), inset 0 1px 0 rgba(255, 255, 255, .16);
    box-sizing: border-box;
    color: #fff;
    font: inherit;
    height: 2.95rem;
    padding: 0 .8rem;
    width: 100%;
}

.login-field input[b-csig7ht0qe]::placeholder {
    color: rgba(255, 255, 255, .86);
}

.login-field input:focus[b-csig7ht0qe] {
    background: rgba(49, 80, 24, .46);
    border-color: rgba(255, 229, 138, .86);
    box-shadow: 0 0 0 3px rgba(255, 229, 138, .18), inset 0 1px 2px rgba(49, 80, 24, .22);
    outline: none;
}

.login-combo-shell[b-csig7ht0qe] {
    border: 1px solid transparent;
    border-radius: 9px;
    box-sizing: border-box;
    padding: .28rem;
    transition: background-color .14s ease, border-color .14s ease, box-shadow .14s ease;
    width: 100%;
}

.login-combo-shell--branch[b-csig7ht0qe] {
    background: linear-gradient(180deg, rgba(236, 252, 202, .98), rgba(220, 247, 163, .92));
    border-color: var(--pp-green-400);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .78), 0 5px 14px rgba(49, 80, 24, .10);
}

.login-combo-shell--user[b-csig7ht0qe] {
    background: linear-gradient(180deg, rgba(255, 249, 224, .98), rgba(255, 229, 138, .88));
    border-color: var(--pp-gold-400);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .80), 0 5px 14px rgba(118, 82, 11, .11);
}

.login-combo-shell--branch:not(.is-disabled):hover[b-csig7ht0qe] {
    background: linear-gradient(180deg, var(--pp-green-100), var(--pp-green-200));
    border-color: var(--pp-green-500);
}

.login-combo-shell--user:not(.is-disabled):hover[b-csig7ht0qe] {
    background: linear-gradient(180deg, var(--pp-gold-100), var(--pp-gold-200));
    border-color: var(--pp-gold-500);
}

.login-combo-shell--branch:not(.is-disabled):focus-within[b-csig7ht0qe] {
    background: linear-gradient(180deg, var(--pp-green-50), var(--pp-green-200));
    border-color: var(--pp-green-600);
    box-shadow: 0 0 0 3px rgba(143, 189, 56, .28), 0 8px 18px rgba(49, 80, 24, .14);
}

.login-combo-shell--user:not(.is-disabled):focus-within[b-csig7ht0qe] {
    background: linear-gradient(180deg, var(--pp-gold-50), var(--pp-gold-200));
    border-color: var(--pp-gold-500);
    box-shadow: 0 0 0 3px rgba(255, 212, 91, .30), 0 8px 18px rgba(118, 82, 11, .14);
}

.login-combo-shell--branch.is-disabled[b-csig7ht0qe] {
    background: rgba(236, 252, 202, .58);
    border-color: rgba(143, 189, 56, .52);
    box-shadow: none;
    opacity: .72;
}

.login-combo-shell--user.is-disabled[b-csig7ht0qe] {
    background: rgba(255, 243, 191, .58);
    border-color: rgba(255, 212, 91, .52);
    box-shadow: none;
    opacity: .72;
}

.login-combo-shell--branch.is-loading[b-csig7ht0qe] {
    border-left-color: var(--pp-green-600);
    box-shadow: inset 3px 0 0 var(--pp-green-300);
}

.login-combo-shell--user.is-loading[b-csig7ht0qe] {
    border-left-color: var(--pp-gold-500);
    box-shadow: inset 3px 0 0 var(--pp-gold-300);
}

[b-csig7ht0qe] .login-combo-shell .dxbl-combobox {
    background: rgba(255, 255, 255, .97) !important;
    border: 1px solid rgba(100, 116, 92, .34) !important;
    border-radius: 6px !important;
    box-shadow: inset 0 1px 2px rgba(49, 80, 24, .06) !important;
    color: var(--pp-green-800) !important;
    min-height: 2.65rem;
    overflow: hidden;
    width: 100%;
}

[b-csig7ht0qe] .login-combo-shell:not(.is-disabled) .dxbl-combobox:focus-within {
    border-color: var(--pp-green-500) !important;
}

[b-csig7ht0qe] .login-combo-shell .dxbl-combobox input {
    background: transparent !important;
    color: var(--pp-green-800) !important;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-csig7ht0qe] .login-combo-shell .dxbl-combobox input::placeholder {
    color: var(--pp-text-muted) !important;
    opacity: 1;
}

[b-csig7ht0qe] .login-combo-shell .dxbl-edit-btn {
    color: var(--pp-green-800) !important;
    flex: 0 0 auto;
    min-width: 2.65rem;
}

[b-csig7ht0qe] .login-combo-shell .dxbl-edit-btn:last-child {
    background: linear-gradient(180deg, var(--pp-gold-50), rgba(255, 243, 191, .82)) !important;
    border-left: 1px solid rgba(100, 116, 92, .3) !important;
}

[b-csig7ht0qe] .login-combo-shell:not(.is-disabled) .dxbl-edit-btn:last-child:hover {
    background: linear-gradient(180deg, var(--pp-gold-100), var(--pp-gold-200)) !important;
}

[b-csig7ht0qe] .login-combo-shell .dxbl-combobox.dxbl-disabled {
    background: rgba(255, 255, 255, .78) !important;
    opacity: 1;
}

.login-keypad[b-csig7ht0qe] { display: grid; gap: .52rem; grid-template-columns: repeat(3, 1fr); }
.login-keypad button[b-csig7ht0qe] {
    background: linear-gradient(180deg, #fff, #f4f9e8);
    border: 1px solid rgba(111,148,39,.25);
    border-radius: 12px;
    color: var(--pp-green-800);
    cursor: pointer;
    font: inherit;
    font-size: 1.15rem;
    font-weight: 900;
    min-height: 3.25rem;
    touch-action: manipulation;
}
.login-keypad button:active[b-csig7ht0qe] { background: var(--pp-green-200); transform: translateY(1px); }
.login-keypad .keypad-utility[b-csig7ht0qe] { color: #76520b; font-size: .78rem; }
.login-keypad .keypad-back[b-csig7ht0qe] { font-size: 1.3rem; }

[b-csig7ht0qe] .login-button {
    border-radius: 8px;
    font-weight: 800;
    min-height: 3.35rem;
    width: 100%;
}

.login-alert[b-csig7ht0qe] {
    backdrop-filter: blur(10px) saturate(1.08);
    background: rgba(255, 253, 243, .96);
    border: 1px solid rgba(185, 28, 28, .72);
    border-radius: 10px;
    box-shadow: 0 12px 28px rgba(49, 80, 24, .20), inset 0 1px 0 rgba(255, 255, 255, .72);
    color: #7f1d1d;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 1rem;
    padding: .75rem 1rem;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .52);
}

.login-signature[b-csig7ht0qe] {
    align-items: center;
    backdrop-filter: blur(14px) saturate(1.08);
    background: rgba(49, 80, 24, .40);
    border: 1px solid rgba(255, 229, 138, .18);
    border-radius: 999px;
    bottom: 1.15rem;
    box-shadow: 0 12px 28px rgba(49, 80, 24, .16);
    color: rgba(255, 255, 255, .82);
    display: inline-flex;
    font-size: .8rem;
    gap: .28rem;
    left: 50%;
    line-height: 1.2;
    max-width: calc(100vw - 2rem);
    padding: .46rem .86rem;
    position: absolute;
    transform: translateX(-50%);
    white-space: nowrap;
}

.login-signature-muted[b-csig7ht0qe] { color: rgba(255, 255, 255, .58); }
.login-signature-name[b-csig7ht0qe] { color: rgba(255, 255, 255, .94); font-weight: 700; text-decoration: none; text-underline-offset: .16rem; }
.login-signature-name:hover[b-csig7ht0qe],
.login-signature-name:focus[b-csig7ht0qe] { color: #fff; text-decoration: underline; }
.login-signature-name:focus-visible[b-csig7ht0qe] { border-radius: 4px; outline: 2px solid rgba(255, 255, 255, .72); outline-offset: 3px; }

@media (max-width: 760px) {
    .login-page[b-csig7ht0qe] {
        align-items: center;
        background-position: 82% center;
        flex-direction: column;
        gap: 1rem;
        justify-content: flex-start;
        padding: 1rem;
    }

    .login-shell[b-csig7ht0qe] { max-width: 30rem; }
    .login-panel[b-csig7ht0qe] { padding: 1.2rem; }
    .login-logo-wrap img[b-csig7ht0qe] { max-height: 82px; max-width: 270px; }
    .login-signature[b-csig7ht0qe] { bottom: auto; font-size: .78rem; max-width: 100%; position: static; transform: none; white-space: normal; }
}

@media (max-width: 430px) {
    .login-page[b-csig7ht0qe] { padding: .65rem; }
    .login-panel[b-csig7ht0qe] { padding: 1rem; }
}
/* /Components/Pages/Masalar/MasaDetay.razor.rz.scp.css */
.table-detail-page[b-2oznc1drq3]{display:flex;flex:1 1 0;flex-direction:column;gap:.65rem;min-height:0;overflow:hidden;padding-top:.55rem}.detail-command-bar[b-2oznc1drq3]{align-items:center;background:linear-gradient(115deg,rgba(26,59,24,.98),rgba(79,111,29,.95) 62%,rgba(217,155,19,.86));border:1px solid rgba(255,229,138,.4);border-radius:17px;box-shadow:0 16px 36px rgba(49,80,24,.18);color:#fff;display:flex;gap:1rem;justify-content:space-between;min-height:4.5rem;overflow:hidden;padding:.75rem 1rem;position:relative}.detail-command-bar[b-2oznc1drq3]::after{background:radial-gradient(circle,rgba(255,255,255,.22),transparent 68%);content:'';height:10rem;position:absolute;right:-2rem;top:-5rem;width:10rem}.detail-identity[b-2oznc1drq3]{align-items:center;display:flex;gap:.8rem;min-width:0;position:relative;z-index:1}.detail-identity h1[b-2oznc1drq3]{font-size:1.25rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-identity p[b-2oznc1drq3]{color:rgba(255,255,255,.68);font-size:.69rem;margin:.12rem 0 0}.detail-status[b-2oznc1drq3]{align-items:center;backdrop-filter:blur(9px);border:1px solid rgba(255,255,255,.22);border-radius:999px;display:flex;font-size:.62rem;font-weight:900;gap:.35rem;padding:.35rem .58rem;text-transform:uppercase}.detail-status i[b-2oznc1drq3]{background:currentColor;border-radius:50%;height:.45rem;width:.45rem}.detail-status.free[b-2oznc1drq3]{color:#e7ecee}.detail-status.busy[b-2oznc1drq3]{color:#dfff9c}.detail-status.reserved[b-2oznc1drq3]{color:#ffe58a}.detail-head-summary[b-2oznc1drq3]{display:flex;gap:.4rem;position:relative;z-index:1}.detail-head-summary>div[b-2oznc1drq3]{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);border-radius:10px;min-width:6.2rem;padding:.42rem .6rem;text-align:right}.detail-head-summary span[b-2oznc1drq3]{color:rgba(255,255,255,.65);display:block;font-size:.6rem}.detail-head-summary strong[b-2oznc1drq3]{font-size:.92rem}.detail-message[b-2oznc1drq3]{align-items:center;border-radius:10px;display:flex;font-size:.75rem;font-weight:750;justify-content:space-between;padding:.55rem .75rem}.detail-message button[b-2oznc1drq3]{background:none;border:0;color:inherit;cursor:pointer;font-size:1.1rem}.detail-error[b-2oznc1drq3]{background:#fff1ed;border:1px solid #fb8a73;color:#8f2818}.detail-success[b-2oznc1drq3]{background:#f1ffd1;border:1px solid #a8d84f;color:#315018}.detail-loading[b-2oznc1drq3]{align-items:center;background:rgba(255,255,255,.8);border:1px solid var(--pp-border);border-radius:16px;color:var(--pp-text-muted);display:flex;flex:1;gap:.6rem;justify-content:center}.detail-splitter-shell[b-2oznc1drq3]{background:rgba(255,255,255,.76);border:1px solid var(--pp-border);border-radius:17px;box-shadow:0 14px 32px rgba(49,80,24,.1);flex:1 1 0;min-height:0;overflow:hidden}[b-2oznc1drq3] .detail-splitter-shell .dxbl-splitter{background:transparent}[b-2oznc1drq3] .detail-splitter-shell .dxbl-splitter-separator{background:linear-gradient(180deg,var(--pp-green-200),var(--pp-gold-200))}.order-pane[b-2oznc1drq3],.workspace-pane[b-2oznc1drq3]{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.order-pane[b-2oznc1drq3]{background:linear-gradient(180deg,rgba(255,253,243,.97),rgba(247,254,231,.75));padding:.65rem}.order-actions[b-2oznc1drq3]{display:grid;gap:.4rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:.55rem}[b-2oznc1drq3] .order-actions .dxbl-btn{font-size:.7rem;min-height:2.8rem;min-width:0}.order-grid-shell[b-2oznc1drq3]{background:#fff;border:1px solid var(--pp-border);border-radius:12px;flex:1 1 0;min-height:0;overflow:auto}[b-2oznc1drq3] .order-grid{height:100%;min-width:46rem}[b-2oznc1drq3] .order-grid .dxbl-grid-table{font-size:.72rem}.order-product[b-2oznc1drq3]{display:flex;flex-direction:column;min-width:0}.order-product strong[b-2oznc1drq3]{color:var(--pp-green-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-product small[b-2oznc1drq3]{color:#8f5a17;font-size:.61rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.state-chip[b-2oznc1drq3]{border:1px solid transparent;border-radius:999px;display:inline-flex;font-size:.58rem;font-weight:900;padding:.22rem .4rem;white-space:nowrap}.state-ok[b-2oznc1drq3]{background:#ecfcca;border-color:#a8d84f;color:#315018}.state-wait[b-2oznc1drq3]{background:#fff1ed;border-color:#fb8a73;color:#8f2818}.state-partial[b-2oznc1drq3]{background:#fff3bf;border-color:#f6bd2f;color:#76520b}.line-edit[b-2oznc1drq3]{background:#fff3bf;border:1px solid #f6bd2f;border-radius:7px;color:#76520b;cursor:pointer;font-size:.62rem;font-weight:850;min-height:1.9rem}.workspace-pane[b-2oznc1drq3]{background:linear-gradient(180deg,rgba(247,254,231,.5),rgba(255,253,243,.88));padding:.65rem}[b-2oznc1drq3] .operation-tabs{background:#fff;border:1px solid var(--pp-border);border-radius:11px;margin-bottom:.55rem;overflow:hidden}[b-2oznc1drq3] .operation-tabs .dxbl-tabs-item{font-size:.78rem;font-weight:850;min-height:2.85rem}.menu-workspace[b-2oznc1drq3],.payment-workspace[b-2oznc1drq3]{display:flex;flex:1 1 0;flex-direction:column;min-height:0;overflow:hidden}.menu-toolbar[b-2oznc1drq3]{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.category-strip[b-2oznc1drq3]{display:flex;flex:1 1 auto;gap:.35rem;min-width:0;overflow-x:auto;padding-bottom:.15rem}.category-strip button[b-2oznc1drq3]{background:#fff;border:1px solid var(--pp-border);border-radius:999px;color:var(--pp-text-muted);cursor:pointer;flex:0 0 auto;font:inherit;font-size:.65rem;font-weight:850;min-height:2.45rem;padding:0 .7rem}.category-strip button.active[b-2oznc1drq3]{background:var(--pp-green-800);border-color:var(--pp-green-800);color:#fff}.product-search[b-2oznc1drq3]{align-items:center;background:#fff;border:1px solid var(--pp-border);border-radius:10px;display:flex;flex:0 0 9rem;min-height:2.45rem;padding:0 .5rem}.product-search .icon[b-2oznc1drq3]{height:.9rem;opacity:.6;width:.9rem}.product-search input[b-2oznc1drq3]{background:none;border:0;font:inherit;font-size:.68rem;min-width:0;outline:0;padding:.4rem;width:100%}.product-grid[b-2oznc1drq3]{display:grid;flex:1 1 0;gap:.55rem;grid-auto-rows:minmax(7rem,1fr);grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));min-height:0;overflow:auto;padding:.1rem .1rem .5rem}.product-card[b-2oznc1drq3]{background:linear-gradient(150deg,#fff,#f4fbe5);border:1px solid var(--pp-border);border-radius:14px;box-shadow:0 8px 18px rgba(49,80,24,.07);color:var(--pp-text);cursor:pointer;display:grid;gap:.45rem;grid-template-columns:3.3rem 1fr;grid-template-rows:1fr auto;min-height:7rem;overflow:hidden;padding:.55rem;position:relative;text-align:left;touch-action:manipulation}.product-card:active[b-2oznc1drq3]{transform:scale(.98)}.product-image[b-2oznc1drq3]{align-items:center;background:linear-gradient(135deg,var(--pp-green-100),var(--pp-gold-100));border-radius:10px;display:flex;grid-row:1 / span 2;height:100%;justify-content:center;min-height:4rem;overflow:hidden;position:relative}.product-image img[b-2oznc1drq3]{height:100%;object-fit:cover;position:absolute;width:100%}.product-image i[b-2oznc1drq3]{height:1.5rem;opacity:.55;width:1.5rem}.product-copy[b-2oznc1drq3]{display:flex;flex-direction:column;min-width:0}.product-copy strong[b-2oznc1drq3]{color:var(--pp-green-800);font-size:.73rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.product-copy small[b-2oznc1drq3]{color:var(--pp-text-muted);display:-webkit-box;font-size:.59rem;line-height:1.3;margin-top:.18rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.product-price[b-2oznc1drq3]{align-self:end;color:#76520b;font-size:.78rem;font-weight:950}.workspace-empty[b-2oznc1drq3]{align-items:center;background:rgba(255,255,255,.7);border:1px solid var(--pp-border);border-radius:14px;color:var(--pp-text-muted);display:flex;flex:1;flex-direction:column;gap:.5rem;justify-content:center}.workspace-empty .icon[b-2oznc1drq3]{height:2rem;opacity:.55;width:2rem}.payment-stats[b-2oznc1drq3]{display:grid;gap:.45rem;grid-template-columns:repeat(3,1fr);margin-bottom:.5rem}.payment-stats>div[b-2oznc1drq3]{background:#fff;border:1px solid var(--pp-border);border-radius:10px;padding:.5rem .65rem}.payment-stats span[b-2oznc1drq3]{color:var(--pp-text-muted);display:block;font-size:.6rem}.payment-stats strong[b-2oznc1drq3]{color:var(--pp-green-800);font-size:.9rem}.payment-stats .payment-balance[b-2oznc1drq3]{background:linear-gradient(135deg,var(--pp-green-800),var(--pp-green-600));border-color:transparent}.payment-stats .payment-balance span[b-2oznc1drq3]{color:rgba(255,255,255,.65)}.payment-stats .payment-balance strong[b-2oznc1drq3]{color:#fff}.payment-layout[b-2oznc1drq3]{display:grid;flex:1 1 0;gap:.55rem;grid-template-columns:minmax(16rem,.85fr) minmax(17rem,1.15fr);min-height:0;overflow:hidden}.payment-form-card[b-2oznc1drq3],.payments-history[b-2oznc1drq3]{background:#fff;border:1px solid var(--pp-border);border-radius:12px;display:flex;flex-direction:column;gap:.5rem;min-height:0;overflow:auto;padding:.65rem}.payment-mode-switch[b-2oznc1drq3]{background:#f1f4ed;border-radius:9px;display:grid;grid-template-columns:repeat(2,1fr);padding:.2rem}.payment-mode-switch button[b-2oznc1drq3]{background:none;border:0;border-radius:7px;color:var(--pp-text-muted);cursor:pointer;font:inherit;font-size:.65rem;font-weight:850;min-height:2.2rem}.payment-mode-switch button.active[b-2oznc1drq3]{background:#fff;box-shadow:0 4px 10px rgba(49,80,24,.08);color:var(--pp-green-800)}.payable-lines[b-2oznc1drq3]{display:flex;flex:1 1 auto;flex-direction:column;gap:.35rem;max-height:12rem;overflow:auto}.payable-line[b-2oznc1drq3]{align-items:center;background:#fafcf7;border:1px solid var(--pp-border);border-radius:9px;display:grid;gap:.4rem;grid-template-columns:auto 1fr 4.2rem;padding:.4rem}.payable-line.selected[b-2oznc1drq3]{background:var(--pp-green-50);border-color:var(--pp-green-400)}.payable-line>input[type=checkbox][b-2oznc1drq3]{height:1.05rem;width:1.05rem}.payable-line span[b-2oznc1drq3]{display:flex;flex-direction:column;min-width:0}.payable-line strong[b-2oznc1drq3]{color:var(--pp-green-800);font-size:.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payable-line small[b-2oznc1drq3]{color:var(--pp-text-muted);font-size:.56rem}.quantity-input[b-2oznc1drq3]{border:1px solid var(--pp-border);border-radius:7px;box-sizing:border-box;font:inherit;font-size:.65rem;min-height:2rem;min-width:0;padding:.3rem;width:100%}.selected-payment-total[b-2oznc1drq3]{align-items:center;background:var(--pp-gold-50);border:1px solid var(--pp-gold-200);border-radius:9px;display:flex;justify-content:space-between;padding:.45rem .6rem}.selected-payment-total span[b-2oznc1drq3]{color:#76520b;font-size:.63rem}.selected-payment-total strong[b-2oznc1drq3]{color:#76520b;font-size:.83rem}.operation-field[b-2oznc1drq3]{color:var(--pp-green-800);display:flex;flex-direction:column;font-size:.66rem;font-weight:800;gap:.22rem}.operation-field input[b-2oznc1drq3],.operation-field select[b-2oznc1drq3],.operation-field textarea[b-2oznc1drq3]{background:#fff;border:1px solid var(--pp-border);border-radius:8px;box-sizing:border-box;color:var(--pp-text);font:inherit;font-size:.75rem;min-height:2.45rem;outline:0;padding:.48rem .55rem;width:100%}.operation-field textarea[b-2oznc1drq3]{min-height:5.5rem;resize:vertical}.operation-field input:focus[b-2oznc1drq3],.operation-field select:focus[b-2oznc1drq3],.operation-field textarea:focus[b-2oznc1drq3]{border-color:var(--pp-green-500);box-shadow:0 0 0 3px var(--pp-focus)}.quick-amounts[b-2oznc1drq3]{display:flex;gap:.3rem}.quick-amounts button[b-2oznc1drq3]{background:var(--pp-gold-50);border:1px solid var(--pp-gold-200);border-radius:7px;color:#76520b;cursor:pointer;font:inherit;font-size:.59rem;font-weight:850;min-height:2rem;padding:0 .45rem}[b-2oznc1drq3] .payment-submit{margin-top:auto;min-height:2.8rem;width:100%}.section-heading[b-2oznc1drq3]{align-items:center;display:flex;justify-content:space-between}.section-heading strong[b-2oznc1drq3]{color:var(--pp-green-800);font-size:.74rem}.section-heading span[b-2oznc1drq3]{color:var(--pp-text-muted);font-size:.6rem}[b-2oznc1drq3] .payments-grid{flex:1 1 0;height:100%;min-height:12rem;min-width:35rem}[b-2oznc1drq3] .payments-grid .dxbl-grid-table{font-size:.65rem}.popup-form[b-2oznc1drq3]{display:flex;flex-direction:column;gap:.7rem;padding:.2rem}.popup-form.two-column[b-2oznc1drq3]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.popup-form .full[b-2oznc1drq3]{grid-column:1/-1}.selected-product[b-2oznc1drq3]{align-items:center;background:linear-gradient(135deg,var(--pp-green-50),var(--pp-gold-50));border:1px solid var(--pp-border);border-radius:11px;display:flex;gap:.65rem;padding:.65rem}.selected-product .icon[b-2oznc1drq3]{height:1.7rem;width:1.7rem}.selected-product strong[b-2oznc1drq3]{color:var(--pp-green-800);display:block}.selected-product small[b-2oznc1drq3]{color:#76520b;display:block;font-weight:850;margin-top:.1rem}.popup-actions[b-2oznc1drq3]{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end;padding:.6rem .8rem;width:100%}.print-choice[b-2oznc1drq3]{display:flex;flex-direction:column;gap:.6rem;padding:.3rem}.print-choice p[b-2oznc1drq3]{color:var(--pp-text-muted);font-size:.8rem;margin:0 0 .2rem}[b-2oznc1drq3] .print-choice .dxbl-btn{min-height:3rem;width:100%}.receipt-preview[b-2oznc1drq3]{background:#fff;border:1px dashed #a6aa9e;border-radius:8px;color:#272b24;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;margin:auto;max-width:27rem;padding:1rem}.receipt-preview header[b-2oznc1drq3]{border-bottom:1px dashed #8e9388;display:flex;flex-direction:column;gap:.2rem;margin-bottom:.5rem;padding-bottom:.5rem;text-align:center}.receipt-line[b-2oznc1drq3]{display:flex;font-size:.72rem;gap:.6rem;justify-content:space-between;padding:.2rem 0}.receipt-line span[b-2oznc1drq3]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receipt-preview footer[b-2oznc1drq3]{border-top:1px dashed #8e9388;margin-top:.5rem;padding-top:.5rem}.receipt-preview footer>div[b-2oznc1drq3]{display:flex;font-size:.75rem;justify-content:space-between;padding:.16rem 0}.transfer-lines[b-2oznc1drq3]{max-height:18rem}.detail-loading[b-2oznc1drq3]{min-height:18rem}

@media (orientation:portrait){.detail-command-bar[b-2oznc1drq3]{flex:0 0 auto}.detail-splitter-shell[b-2oznc1drq3]{flex:0 0 auto;height:calc(100dvh - 8.5rem);min-height:48rem}.order-actions[b-2oznc1drq3]{grid-template-columns:repeat(4,minmax(0,1fr))}[b-2oznc1drq3] .order-actions .dxbl-btn{font-size:.62rem}.payment-layout[b-2oznc1drq3]{grid-template-columns:1fr 1fr}.product-grid[b-2oznc1drq3]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:850px){.detail-command-bar[b-2oznc1drq3]{align-items:stretch;flex-direction:column}.detail-head-summary>div[b-2oznc1drq3]{flex:1;text-align:left}.detail-splitter-shell[b-2oznc1drq3]{height:calc(100dvh - 10.5rem)}.order-actions[b-2oznc1drq3]{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-layout[b-2oznc1drq3]{grid-template-columns:1fr;overflow:auto}.payment-form-card[b-2oznc1drq3],.payments-history[b-2oznc1drq3]{min-height:18rem}.product-grid[b-2oznc1drq3]{grid-template-columns:repeat(2,minmax(0,1fr))}.popup-form.two-column[b-2oznc1drq3]{grid-template-columns:1fr}.popup-form .full[b-2oznc1drq3]{grid-column:auto}}
@media (max-width:520px){.detail-head-summary[b-2oznc1drq3]{width:100%}.detail-head-summary>div[b-2oznc1drq3]{min-width:0}.menu-toolbar[b-2oznc1drq3]{align-items:stretch;flex-direction:column}.product-search[b-2oznc1drq3]{flex-basis:auto}.product-grid[b-2oznc1drq3]{grid-template-columns:1fr}.popup-actions[b-2oznc1drq3]{display:grid;grid-template-columns:1fr}.popup-actions .dxbl-btn[b-2oznc1drq3]{width:100%}}
@media (prefers-reduced-motion:reduce){.product-card[b-2oznc1drq3]{transition:none}}

.portion-picker[b-2oznc1drq3] {
    background: linear-gradient(145deg, var(--pp-green-50), var(--pp-gold-50));
    border: 1px solid var(--pp-border);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: .55rem;
    padding: .65rem;
}

.portion-picker-heading[b-2oznc1drq3] {
    display: flex;
    flex-direction: column;
    gap: .12rem;
}

.portion-picker-heading strong[b-2oznc1drq3] {
    color: var(--pp-green-800);
    font-size: .78rem;
}

.portion-picker-heading small[b-2oznc1drq3] {
    color: var(--pp-text-muted);
    font-size: .62rem;
    line-height: 1.35;
}

.portion-stepper[b-2oznc1drq3] {
    display: grid;
    gap: .45rem;
    grid-template-columns: 3.25rem minmax(0, 1fr) 3.25rem;
}

.portion-stepper button[b-2oznc1drq3],
.portion-keypad button[b-2oznc1drq3] {
    background: linear-gradient(180deg, #fff, #f4f9e8);
    border: 1px solid rgba(111, 148, 39, .28);
    border-radius: 10px;
    color: var(--pp-green-800);
    cursor: pointer;
    font: inherit;
    font-weight: 900;
    touch-action: manipulation;
}

.portion-stepper button[b-2oznc1drq3] {
    font-size: 1.35rem;
    min-height: 3.15rem;
}

.portion-stepper output[b-2oznc1drq3] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--pp-green-300);
    border-radius: 10px;
    color: var(--pp-green-800);
    display: flex;
    font-size: 1.35rem;
    font-variant-numeric: tabular-nums;
    font-weight: 950;
    justify-content: center;
    min-width: 0;
}

.portion-stepper button:active[b-2oznc1drq3],
.portion-keypad button:active[b-2oznc1drq3] {
    background: var(--pp-green-200);
    transform: translateY(1px);
}

.portion-stepper button:disabled[b-2oznc1drq3],
.portion-keypad button:disabled[b-2oznc1drq3] {
    cursor: not-allowed;
    opacity: .45;
}

.portion-keypad[b-2oznc1drq3] {
    display: grid;
    gap: .4rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.portion-keypad button[b-2oznc1drq3] {
    font-size: .78rem;
    min-height: 2.85rem;
}

.portion-keypad button.active[b-2oznc1drq3] {
    background: linear-gradient(135deg, var(--pp-green-800), var(--pp-green-600));
    border-color: var(--pp-green-800);
    box-shadow: 0 6px 14px rgba(49, 80, 24, .18);
    color: #fff;
}

@media (max-width: 520px) {
    .portion-keypad[b-2oznc1drq3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Product menu: separated search, fixed three-row category navigation and readable cards. */
.menu-toolbar[b-2oznc1drq3] {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: .65rem;
    margin-bottom: .7rem;
    min-height: 0;
}

.menu-section-label[b-2oznc1drq3] {
    color: var(--pp-green-800);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .01em;
    line-height: 1.3;
}

.product-search[b-2oznc1drq3] {
    align-items: stretch;
    background: transparent;
    border: 0;
    border-radius: 0;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: .3rem;
    min-height: 0;
    padding: 0;
    width: 100%;
}

.product-search-control[b-2oznc1drq3] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--pp-border);
    border-radius: 11px;
    display: flex;
    min-height: 3rem;
    padding: 0 .75rem;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.product-search-control:focus-within[b-2oznc1drq3] {
    border-color: var(--pp-green-500);
    box-shadow: 0 0 0 3px var(--pp-focus);
}

.product-search .icon[b-2oznc1drq3] {
    flex: 0 0 auto;
    height: 1.05rem;
    opacity: .68;
    width: 1.05rem;
}

.product-search input[b-2oznc1drq3] {
    background: none;
    border: 0;
    color: var(--pp-text);
    font: inherit;
    font-size: .82rem;
    min-width: 0;
    outline: 0;
    padding: .65rem;
    width: 100%;
}

.product-search input[b-2oznc1drq3]::placeholder {
    color: var(--pp-text-muted);
    opacity: .78;
}

.category-groups[b-2oznc1drq3] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    min-width: 0;
}

.category-strip[b-2oznc1drq3] {
    display: grid;
    flex: 0 0 auto;
    gap: .4rem;
    grid-auto-columns: minmax(8rem, 1fr);
    grid-auto-flow: column;
    grid-template-rows: repeat(3, minmax(3rem, auto));
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: .1rem .1rem .4rem;
    scrollbar-gutter: stable;
}

.category-strip button[b-2oznc1drq3] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--pp-border);
    border-radius: 11px;
    color: var(--pp-green-800);
    cursor: pointer;
    display: flex;
    font: inherit;
    font-size: .75rem;
    font-weight: 850;
    height: 100%;
    justify-content: center;
    line-height: 1.25;
    min-height: 3rem;
    padding: .45rem .75rem;
    text-align: center;
    touch-action: manipulation;
}

.category-strip button span[b-2oznc1drq3] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.category-strip button:hover[b-2oznc1drq3] {
    background: var(--pp-green-50);
    border-color: var(--pp-green-400);
}

.category-strip button.active[b-2oznc1drq3] {
    background: linear-gradient(135deg, var(--pp-green-800), var(--pp-green-600));
    border-color: var(--pp-green-800);
    box-shadow: 0 5px 12px rgba(49, 80, 24, .2);
    color: #fff;
}

.product-grid[b-2oznc1drq3] {
    align-content: start;
    gap: .5rem;
    grid-auto-rows: 5rem;
    grid-template-columns: repeat(auto-fill, 10rem);
    justify-content: start;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.product-card[b-2oznc1drq3] {
    box-sizing: border-box;
    gap: .45rem;
    grid-template-columns: 2.5rem minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
    height: 5rem;
    max-height: 5rem;
    max-width: 10rem;
    min-height: 5rem;
    min-width: 10rem;
    padding: .5rem;
    width: 10rem;
}

.product-card-special[b-2oznc1drq3] {
    background: linear-gradient(145deg, #fffef8 0%, #fff8dc 48%, #f4fbe5 100%);
    border-color: rgba(217, 155, 19, .72);
    box-shadow: 0 8px 20px rgba(143, 94, 7, .14), inset 0 1px 0 rgba(255, 255, 255, .9);
}

.product-card-special[b-2oznc1drq3]::after {
    background: linear-gradient(118deg, transparent 0 66%, rgba(246, 189, 47, .12) 66% 75%, transparent 75% 100%);
    border-radius: inherit;
    content: '';
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.product-initials[b-2oznc1drq3] {
    align-items: center;
    align-self: center;
    background: linear-gradient(145deg, var(--pp-green-100), var(--pp-gold-100));
    border: 1px solid rgba(111, 148, 39, .22);
    border-radius: 10px;
    color: var(--pp-green-800);
    display: flex;
    font-size: .86rem;
    font-weight: 950;
    grid-column: 1;
    grid-row: 1 / span 2;
    height: 2.5rem;
    justify-content: center;
    letter-spacing: .03em;
    overflow: visible;
    position: relative;
    width: 2.5rem;
}

.product-initials-special[b-2oznc1drq3] {
    background: linear-gradient(145deg, #fff3bf, #ffe58a);
    border-color: rgba(217, 155, 19, .55);
    color: #76520b;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .52);
}

.product-special-medallion[b-2oznc1drq3] {
    align-items: center;
    background: linear-gradient(145deg, #ffd45b, #d99b13);
    border: 2px solid #fffdf3;
    border-radius: 50%;
    box-shadow: 0 3px 8px rgba(118, 82, 11, .28);
    color: #fff;
    display: inline-flex;
    font-size: .68rem;
    font-weight: 950;
    height: 1.18rem;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: -.42rem;
    top: -.42rem;
    width: 1.18rem;
    z-index: 2;
}

.product-copy[b-2oznc1drq3] {
    grid-column: 2;
    grid-row: 1;
    justify-content: center;
}

.product-copy strong[b-2oznc1drq3] {
    display: -webkit-box;
    font-size: .76rem;
    line-height: 1.22;
    overflow: hidden;
    text-overflow: clip;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.product-price[b-2oznc1drq3] {
    font-size: .78rem;
    grid-column: 2;
    grid-row: 2;
    line-height: 1.2;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 520px) {
    .category-strip[b-2oznc1drq3] {
        grid-auto-columns: minmax(7.25rem, 1fr);
    }

}

.detail-head-summary .last-print-summary[b-2oznc1drq3] {
    min-width: 8.8rem;
}

.last-print-summary strong[b-2oznc1drq3] {
    white-space: nowrap;
}

.cancel-order-confirmation[b-2oznc1drq3] {
    display: grid;
    gap: .7rem;
    grid-template-columns: 3.25rem minmax(0, 1fr);
    padding: .25rem;
}

.cancel-order-icon[b-2oznc1drq3] {
    align-items: center;
    background: #fff1ed;
    border: 1px solid #fb8a73;
    border-radius: 12px;
    display: flex;
    grid-row: 1 / span 2;
    height: 3.25rem;
    justify-content: center;
    width: 3.25rem;
}

.cancel-order-icon .icon[b-2oznc1drq3] {
    background-color: #8f2818;
    height: 1.5rem;
    width: 1.5rem;
}

.cancel-order-copy[b-2oznc1drq3] {
    min-width: 0;
}

.cancel-order-copy strong[b-2oznc1drq3] {
    color: #8f2818;
    display: block;
    font-size: .9rem;
}

.cancel-order-copy p[b-2oznc1drq3],
.cancel-order-note[b-2oznc1drq3] {
    color: var(--pp-text-muted);
    font-size: .72rem;
    line-height: 1.45;
    margin: .2rem 0 0;
}

.cancel-order-facts[b-2oznc1drq3] {
    display: grid;
    gap: .4rem;
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cancel-order-facts > div[b-2oznc1drq3] {
    background: #fafcf7;
    border: 1px solid var(--pp-border);
    border-radius: 10px;
    min-width: 0;
    padding: .55rem .65rem;
}

.cancel-order-facts span[b-2oznc1drq3] {
    color: var(--pp-text-muted);
    display: block;
    font-size: .6rem;
}

.cancel-order-facts strong[b-2oznc1drq3] {
    color: var(--pp-green-800);
    display: block;
    font-size: .78rem;
    margin-top: .1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cancel-order-note[b-2oznc1drq3] {
    background: var(--pp-gold-50);
    border: 1px solid var(--pp-gold-200);
    border-radius: 10px;
    color: #76520b;
    grid-column: 1 / -1;
    margin: 0;
    padding: .55rem .65rem;
}

[b-2oznc1drq3] .cancel-order-actions .dxbl-btn {
    min-height: 2.8rem;
}

@media (max-width: 520px) {
    .cancel-order-confirmation[b-2oznc1drq3] {
        grid-template-columns: 2.8rem minmax(0, 1fr);
    }

    .cancel-order-icon[b-2oznc1drq3] {
        height: 2.8rem;
        width: 2.8rem;
    }

    .cancel-order-facts[b-2oznc1drq3] {
        grid-template-columns: 1fr;
    }
}

[b-2oznc1drq3] .table-info-popup {
    max-width: calc(100vw - 1rem);
}

[b-2oznc1drq3] .table-info-popup-body {
    background: linear-gradient(180deg, var(--pp-cream), #fff);
    max-height: calc(100dvh - 1rem);
    overflow: auto;
    padding: 0 !important;
}

.table-info-shell[b-2oznc1drq3] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    padding: 0.8rem;
}

.table-info-hero[b-2oznc1drq3] {
    align-items: center;
    background: linear-gradient(135deg, rgba(79, 111, 29, 0.16), rgba(217, 155, 19, 0.1));
    border: 1px solid rgba(79, 111, 29, 0.28);
    border-radius: 12px;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.75rem;
    position: sticky;
    top: 0;
    z-index: 3;
}

.table-info-title[b-2oznc1drq3] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    min-width: 0;
}

.table-info-icon[b-2oznc1drq3],
.table-info-card-icon[b-2oznc1drq3] {
    align-items: center;
    background: linear-gradient(135deg, var(--pp-green-100), var(--pp-gold-100));
    border: 1px solid var(--pp-border);
    border-radius: 10px;
    color: var(--pp-green-800);
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
}

.table-info-icon[b-2oznc1drq3] {
    height: 3rem;
    width: 3rem;
}

.table-info-icon .icon[b-2oznc1drq3] {
    height: 1.55rem;
    width: 1.55rem;
}

.table-info-title-copy[b-2oznc1drq3] {
    min-width: 0;
}

.table-info-title-copy > strong[b-2oznc1drq3] {
    color: var(--pp-green-800);
    display: block;
    font-size: 1.02rem;
    overflow-wrap: anywhere;
}

.table-info-title-copy > span:not(.table-info-status)[b-2oznc1drq3] {
    color: var(--pp-text-muted);
    display: block;
    font-size: 0.68rem;
    margin-top: 0.12rem;
}

.table-info-status[b-2oznc1drq3] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.59rem;
    font-weight: 900;
    gap: 0.3rem;
    margin-top: 0.35rem;
    padding: 0.24rem 0.48rem;
    text-transform: uppercase;
}

.table-info-status i[b-2oznc1drq3] {
    background: currentColor;
    border-radius: 50%;
    height: 0.42rem;
    width: 0.42rem;
}

.table-info-status.free[b-2oznc1drq3] {
    background: #f1f4ed;
    border-color: #c8cec1;
    color: #586050;
}

.table-info-status.busy[b-2oznc1drq3] {
    background: var(--pp-green-100);
    border-color: var(--pp-green-400);
    color: var(--pp-green-800);
}

.table-info-status.reserved[b-2oznc1drq3] {
    background: var(--pp-gold-100);
    border-color: var(--pp-gold-200);
    color: #76520b;
}

.table-info-actions[b-2oznc1drq3] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    justify-content: flex-end;
}

[b-2oznc1drq3] .table-info-actions .dxbl-btn {
    min-height: 2.65rem;
}

.table-info-sections[b-2oznc1drq3] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
}

.table-info-card[b-2oznc1drq3] {
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid var(--pp-border);
    border-left: 4px solid var(--pp-green-500);
    border-radius: 12px;
    box-shadow: 0 10px 24px rgba(49, 80, 24, 0.08);
    min-width: 0;
    padding: 0.85rem;
}

.table-info-card--reservation[b-2oznc1drq3] {
    border-left-color: var(--pp-gold-400);
}

.table-info-card-heading[b-2oznc1drq3] {
    align-items: center;
    display: flex;
    gap: 0.6rem;
    margin-bottom: 0.75rem;
}

.table-info-card-icon[b-2oznc1drq3] {
    height: 2.3rem;
    width: 2.3rem;
}

.table-info-card-icon .icon[b-2oznc1drq3] {
    height: 1.15rem;
    width: 1.15rem;
}

.table-info-card-heading strong[b-2oznc1drq3] {
    color: var(--pp-green-800);
    display: block;
    font-size: 0.82rem;
}

.table-info-card-heading div > span[b-2oznc1drq3] {
    color: var(--pp-text-muted);
    display: block;
    font-size: 0.62rem;
    margin-top: 0.08rem;
}

.table-info-fields[b-2oznc1drq3] {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.table-info-fields--table[b-2oznc1drq3] {
    grid-template-columns: minmax(0, 2fr) minmax(7rem, 1fr);
}

.table-info-field[b-2oznc1drq3] {
    color: var(--pp-green-800);
    display: flex;
    flex-direction: column;
    font-size: 0.66rem;
    font-weight: 800;
    gap: 0.28rem;
    min-width: 0;
}

.table-info-field--full[b-2oznc1drq3] {
    grid-column: 1 / -1;
}

[b-2oznc1drq3] .table-info-field .dxbl-text-edit,
[b-2oznc1drq3] .table-info-field .dxbl-spin-edit,
[b-2oznc1drq3] .table-info-field .dxbl-combobox,
[b-2oznc1drq3] .table-info-field .dxbl-date-edit,
[b-2oznc1drq3] .table-info-field .dxbl-memo {
    min-height: 2.65rem;
    width: 100%;
}

[b-2oznc1drq3] .table-info-field .dxbl-memo {
    min-height: 6.2rem;
}

@media (max-width: 780px) {
    .table-info-hero[b-2oznc1drq3] {
        align-items: stretch;
        flex-direction: column;
    }

    .table-info-actions[b-2oznc1drq3] {
        justify-content: flex-start;
        width: 100%;
    }

    [b-2oznc1drq3] .table-info-actions .dxbl-btn {
        flex: 1 1 auto;
    }

    .table-info-sections[b-2oznc1drq3] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .table-info-shell[b-2oznc1drq3] {
        padding: 0.55rem;
    }

    .table-info-hero[b-2oznc1drq3] {
        border-radius: 10px;
        padding: 0.65rem;
    }

    .table-info-actions[b-2oznc1drq3] {
        display: grid;
        grid-template-columns: 1fr;
    }

    [b-2oznc1drq3] .table-info-actions .dxbl-btn {
        width: 100%;
    }

    .table-info-fields[b-2oznc1drq3],
    .table-info-fields--table[b-2oznc1drq3] {
        grid-template-columns: 1fr;
    }

    .table-info-field--full[b-2oznc1drq3] {
        grid-column: auto;
    }
}

.order-card-list[b-2oznc1drq3] {
    align-content: start;
    background: linear-gradient(180deg, rgba(255, 255, 255, .78), rgba(247, 254, 231, .45));
    border: 1px solid var(--pp-border);
    border-radius: 12px;
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: .5rem;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: .5rem;
}

.order-line-card[b-2oznc1drq3] {
    background: linear-gradient(145deg, #fff, #f7fbeF);
    border: 1px solid var(--pp-border);
    border-left: 4px solid var(--pp-green-500);
    border-radius: 12px;
    box-shadow: 0 8px 18px rgba(49, 80, 24, .07);
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: .48rem;
    min-width: 0;
    padding: .6rem;
}

.order-line-card.waiting[b-2oznc1drq3] {
    border-left-color: var(--pp-gold-400);
}

.order-line-heading[b-2oznc1drq3] {
    align-items: center;
    display: grid;
    gap: .55rem;
    grid-template-columns: 2.65rem minmax(0, 1fr) auto;
    min-width: 0;
}

.order-line-initials[b-2oznc1drq3] {
    align-items: center;
    align-self: stretch;
    background: linear-gradient(135deg, var(--pp-green-100), var(--pp-gold-100));
    border: 1px solid var(--pp-border);
    border-radius: 10px;
    color: var(--pp-green-800);
    display: flex;
    font-size: .7rem;
    font-weight: 950;
    justify-content: center;
    min-height: 2.65rem;
}

.order-line-title[b-2oznc1drq3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.order-line-title strong[b-2oznc1drq3] {
    color: var(--pp-green-800);
    font-size: .78rem;
    overflow-wrap: anywhere;
}

.order-line-title span[b-2oznc1drq3] {
    color: var(--pp-text-muted);
    font-size: .59rem;
    margin-top: .08rem;
}

.order-line-total[b-2oznc1drq3] {
    color: #76520b;
    font-size: .82rem;
    white-space: nowrap;
}

.order-line-meta[b-2oznc1drq3] {
    display: grid;
    gap: .35rem;
    grid-template-columns: minmax(4rem, .7fr) minmax(4rem, .7fr) minmax(6rem, 1.4fr);
}

.order-line-meta > span[b-2oznc1drq3] {
    background: rgba(241, 244, 237, .72);
    border-radius: 8px;
    min-width: 0;
    padding: .34rem .42rem;
}

.order-line-meta small[b-2oznc1drq3],
.payment-card-scope small[b-2oznc1drq3] {
    color: var(--pp-text-muted);
    display: block;
    font-size: .54rem;
}

.order-line-meta strong[b-2oznc1drq3] {
    color: var(--pp-green-800);
    display: block;
    font-size: .64rem;
    margin-top: .08rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.order-line-note[b-2oznc1drq3] {
    align-items: flex-start;
    background: var(--pp-gold-50);
    border: 1px solid var(--pp-gold-200);
    border-radius: 8px;
    color: #76520b;
    display: flex;
    font-size: .61rem;
    gap: .35rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
    padding: .4rem .45rem;
}

.order-line-note .icon[b-2oznc1drq3] {
    flex: 0 0 auto;
    height: .82rem;
    margin-top: .03rem;
    width: .82rem;
}

.order-line-footer[b-2oznc1drq3] {
    align-items: center;
    display: flex;
    gap: .45rem;
    justify-content: space-between;
}

.order-line-states[b-2oznc1drq3] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    min-width: 0;
}

.order-line-edit[b-2oznc1drq3] {
    flex: 0 0 auto;
    min-height: 2.65rem;
    min-width: 5rem;
    padding: 0 .65rem;
}

.order-line-edit:disabled[b-2oznc1drq3] {
    cursor: not-allowed;
    opacity: .5;
}

.order-cards-empty[b-2oznc1drq3],
.payment-cards-empty[b-2oznc1drq3] {
    align-items: center;
    background: rgba(255, 255, 255, .72);
    border: 1px dashed var(--pp-border);
    border-radius: 12px;
    color: var(--pp-text-muted);
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: .35rem;
    justify-content: center;
    min-height: 8rem;
    padding: 1rem;
    text-align: center;
}

.order-cards-empty .icon[b-2oznc1drq3],
.payment-cards-empty .icon[b-2oznc1drq3] {
    height: 1.7rem;
    opacity: .58;
    width: 1.7rem;
}

.order-cards-empty strong[b-2oznc1drq3],
.payment-cards-empty strong[b-2oznc1drq3] {
    color: var(--pp-green-800);
    font-size: .75rem;
}

.order-cards-empty small[b-2oznc1drq3],
.payment-cards-empty small[b-2oznc1drq3] {
    font-size: .6rem;
}

.payments-history[b-2oznc1drq3] {
    overflow: hidden;
}

.payment-card-list[b-2oznc1drq3] {
    align-content: start;
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: .45rem;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: .05rem .08rem .25rem;
}

.payment-history-card[b-2oznc1drq3] {
    background: linear-gradient(145deg, #fff, var(--pp-green-50));
    border: 1px solid var(--pp-border);
    border-left: 4px solid var(--pp-gold-400);
    border-radius: 11px;
    box-shadow: 0 7px 16px rgba(49, 80, 24, .06);
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: .45rem;
    padding: .55rem;
}

.payment-card-heading[b-2oznc1drq3] {
    align-items: center;
    display: grid;
    gap: .5rem;
    grid-template-columns: 2.4rem minmax(0, 1fr) auto;
}

.payment-card-icon[b-2oznc1drq3] {
    align-items: center;
    background: linear-gradient(135deg, var(--pp-green-100), var(--pp-gold-100));
    border: 1px solid var(--pp-border);
    border-radius: 9px;
    display: flex;
    height: 2.4rem;
    justify-content: center;
    width: 2.4rem;
}

.payment-card-icon .icon[b-2oznc1drq3] {
    height: 1.05rem;
    width: 1.05rem;
}

.payment-card-heading > div[b-2oznc1drq3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.payment-card-heading > div strong[b-2oznc1drq3] {
    color: var(--pp-green-800);
    font-size: .7rem;
}

.payment-card-heading > div span[b-2oznc1drq3] {
    color: var(--pp-text-muted);
    font-size: .57rem;
    margin-top: .08rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.payment-card-amount[b-2oznc1drq3] {
    color: var(--pp-green-800);
    font-size: .8rem;
    white-space: nowrap;
}

.payment-card-scope[b-2oznc1drq3] {
    background: rgba(255, 255, 255, .78);
    border-radius: 8px;
    padding: .38rem .45rem;
}

.payment-card-scope span[b-2oznc1drq3] {
    color: var(--pp-text);
    display: block;
    font-size: .61rem;
    line-height: 1.35;
    margin-top: .08rem;
    overflow-wrap: anywhere;
}

@media (max-width: 520px) {
    .order-card-list[b-2oznc1drq3] {
        padding: .4rem;
    }

    .order-line-meta[b-2oznc1drq3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .order-line-meta .person[b-2oznc1drq3] {
        grid-column: 1 / -1;
    }

    .order-line-footer[b-2oznc1drq3] {
        align-items: stretch;
        flex-direction: column;
    }

    .order-line-edit[b-2oznc1drq3] {
        width: 100%;
    }
}

/* Premium POS payment workspace */
.payment-workspace[b-2oznc1drq3] {
    gap: .68rem;
}

.payment-hero[b-2oznc1drq3] {
    background: linear-gradient(118deg, #173f20 0%, var(--pp-green-700) 52%, #c88b0b 100%);
    border: 1px solid rgba(255, 229, 138, .48);
    border-radius: 16px;
    box-shadow: 0 16px 34px rgba(49, 80, 24, .2);
    color: #fff;
    display: grid;
    flex: 0 0 auto;
    gap: .5rem 1rem;
    grid-template-columns: minmax(14rem, 1fr) minmax(10.5rem, .44fr);
    overflow: hidden;
    padding: .72rem .86rem;
    position: relative;
}

.payment-hero[b-2oznc1drq3]::before,
.payment-hero[b-2oznc1drq3]::after {
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 50%;
    content: "";
    pointer-events: none;
    position: absolute;
}

.payment-hero[b-2oznc1drq3]::before {
    height: 10rem;
    right: -3.2rem;
    top: -6.8rem;
    width: 10rem;
}

.payment-hero[b-2oznc1drq3]::after {
    background: radial-gradient(circle, rgba(255, 239, 176, .22), transparent 69%);
    bottom: -5.2rem;
    height: 11rem;
    left: 30%;
    width: 11rem;
}

.payment-hero-copy[b-2oznc1drq3] {
    align-items: center;
    display: flex;
    gap: .7rem;
    min-width: 0;
    position: relative;
    z-index: 1;
}

.payment-hero-icon[b-2oznc1drq3] {
    align-items: center;
    backdrop-filter: blur(8px);
    background: rgba(255, 255, 255, .13);
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 12px;
    display: flex;
    flex: 0 0 auto;
    height: 2.9rem;
    justify-content: center;
    width: 2.9rem;
}

.payment-hero-icon .icon[b-2oznc1drq3] {
    height: 1.35rem;
    width: 1.35rem;
}

.payment-hero-copy > div[b-2oznc1drq3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.payment-hero-kicker[b-2oznc1drq3] {
    color: var(--pp-gold-200);
    font-size: .52rem;
    font-weight: 950;
    letter-spacing: .13em;
}

.payment-hero-copy strong[b-2oznc1drq3] {
    font-size: .86rem;
    line-height: 1.2;
    margin-top: .08rem;
}

.payment-hero-copy small[b-2oznc1drq3] {
    color: rgba(255, 255, 255, .7);
    font-size: .56rem;
    line-height: 1.35;
    margin-top: .12rem;
}

.payment-hero-balance[b-2oznc1drq3] {
    align-items: flex-end;
    backdrop-filter: blur(8px);
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    grid-column: 2;
    grid-row: 1 / span 3;
    justify-content: center;
    min-width: 0;
    padding: .55rem .7rem;
    position: relative;
    text-align: right;
    z-index: 1;
}

.payment-hero-balance span[b-2oznc1drq3],
.payment-hero-balance small[b-2oznc1drq3] {
    color: rgba(255, 255, 255, .7);
    font-size: .55rem;
}

.payment-hero-balance strong[b-2oznc1drq3] {
    color: #fff7d4;
    font-size: 1.28rem;
    line-height: 1.15;
    margin: .12rem 0;
    text-shadow: 0 4px 16px rgba(0, 0, 0, .18);
}

.payment-progress[b-2oznc1drq3] {
    background: rgba(255, 255, 255, .14);
    border-radius: 999px;
    height: .34rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.payment-progress span[b-2oznc1drq3] {
    background: linear-gradient(90deg, var(--pp-green-300), var(--pp-gold-300));
    border-radius: inherit;
    box-shadow: 0 0 14px rgba(255, 212, 91, .55);
    display: block;
    height: 100%;
    max-width: 100%;
    transition: width .25s ease;
}

.payment-hero-totals[b-2oznc1drq3] {
    display: flex;
    gap: .35rem;
    position: relative;
    z-index: 1;
}

.payment-hero-totals > div[b-2oznc1drq3] {
    align-items: baseline;
    background: rgba(255, 255, 255, .09);
    border-radius: 7px;
    display: flex;
    gap: .35rem;
    padding: .24rem .42rem;
}

.payment-hero-totals span[b-2oznc1drq3] {
    color: rgba(255, 255, 255, .62);
    font-size: .51rem;
}

.payment-hero-totals strong[b-2oznc1drq3] {
    color: #fff;
    font-size: .64rem;
}

.payment-layout[b-2oznc1drq3] {
    gap: .68rem;
    grid-template-columns: minmax(19rem, .96fr) minmax(17rem, 1.04fr);
}

.payment-form-card[b-2oznc1drq3],
.payments-history[b-2oznc1drq3] {
    border-radius: 15px;
    box-shadow: 0 10px 24px rgba(49, 80, 24, .08);
    gap: .65rem;
    padding: .72rem;
}

.payment-form-card[b-2oznc1drq3] {
    background: linear-gradient(160deg, #fff 0%, #fbfff3 62%, var(--pp-gold-50) 100%);
    border-color: rgba(143, 189, 56, .32);
}

.payment-section-title[b-2oznc1drq3] {
    align-items: center;
    display: flex;
    gap: .55rem;
    min-width: 0;
}

.payment-section-icon[b-2oznc1drq3] {
    align-items: center;
    background: linear-gradient(135deg, var(--pp-green-100), var(--pp-gold-100));
    border: 1px solid var(--pp-border);
    border-radius: 9px;
    color: var(--pp-green-800);
    display: flex;
    flex: 0 0 auto;
    height: 2.35rem;
    justify-content: center;
    width: 2.35rem;
}

.payment-section-icon .icon[b-2oznc1drq3] {
    height: 1.05rem;
    width: 1.05rem;
}

.payment-section-title > div[b-2oznc1drq3] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
}

.payment-section-title > div strong[b-2oznc1drq3] {
    color: var(--pp-green-800);
    font-size: .76rem;
}

.payment-section-title > div span[b-2oznc1drq3] {
    color: var(--pp-text-muted);
    font-size: .56rem;
    margin-top: .06rem;
}

.payment-mode-switch[b-2oznc1drq3] {
    background: rgba(49, 80, 24, .055);
    border: 1px solid var(--pp-border);
    border-radius: 12px;
    gap: .3rem;
    padding: .28rem;
}

.payment-mode-switch button[b-2oznc1drq3] {
    align-items: center;
    display: grid;
    gap: .45rem;
    grid-template-columns: 2.15rem 1fr;
    min-height: 3.45rem;
    padding: .35rem .45rem;
    text-align: left;
    transition: background-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.payment-mode-switch button:active:not(:disabled)[b-2oznc1drq3] {
    transform: scale(.985);
}

.payment-mode-switch button.active[b-2oznc1drq3] {
    background: #fff;
    box-shadow: 0 7px 16px rgba(49, 80, 24, .11);
}

.payment-mode-icon[b-2oznc1drq3] {
    align-items: center;
    background: var(--pp-green-100);
    border-radius: 8px;
    color: var(--pp-green-800);
    display: flex;
    height: 2.05rem;
    justify-content: center;
    width: 2.05rem;
}

.payment-mode-switch button:last-child .payment-mode-icon[b-2oznc1drq3] {
    background: var(--pp-gold-100);
    color: #76520b;
}

.payment-mode-icon .icon[b-2oznc1drq3] {
    height: .95rem;
    width: .95rem;
}

.payment-mode-switch button > span:last-child[b-2oznc1drq3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.payment-mode-switch button strong[b-2oznc1drq3] {
    font-size: .66rem;
}

.payment-mode-switch button small[b-2oznc1drq3] {
    color: var(--pp-text-muted);
    font-size: .52rem;
    font-weight: 650;
    margin-top: .06rem;
}

.payment-amount-panel[b-2oznc1drq3] {
    background: linear-gradient(145deg, var(--pp-green-50), #fff);
    border: 1px solid var(--pp-green-200);
    border-radius: 12px;
    padding: .58rem;
}

.payment-amount-input[b-2oznc1drq3] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--pp-green-300);
    border-radius: 10px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
    display: flex;
    min-height: 3.25rem;
    overflow: hidden;
}

.payment-amount-input:focus-within[b-2oznc1drq3] {
    border-color: var(--pp-green-500);
    box-shadow: 0 0 0 3px var(--pp-focus);
}

.payment-amount-input > span[b-2oznc1drq3] {
    align-items: center;
    align-self: stretch;
    background: linear-gradient(145deg, var(--pp-green-100), var(--pp-gold-100));
    color: var(--pp-green-800);
    display: flex;
    font-size: 1rem;
    font-weight: 950;
    justify-content: center;
    width: 2.85rem;
}

.operation-field .payment-amount-input input[b-2oznc1drq3] {
    border: 0;
    box-shadow: none;
    font-size: 1.25rem;
    font-weight: 950;
    min-height: 3.2rem;
    padding: .4rem .65rem;
}

.operation-field .payment-amount-input input:focus[b-2oznc1drq3] {
    box-shadow: none;
}

.quick-amounts[b-2oznc1drq3] {
    align-items: stretch;
    display: grid;
    gap: .35rem;
    grid-template-columns: minmax(8rem, .85fr) minmax(12rem, 1.15fr);
    margin-top: .45rem;
}

.quick-amounts button[b-2oznc1drq3] {
    align-items: center;
    background: #fff;
    border-radius: 9px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 2.75rem;
    padding: .25rem .45rem;
    transition: transform .14s ease, box-shadow .14s ease;
}

.quick-amounts button:hover:not(:disabled)[b-2oznc1drq3],
.quick-amounts button:focus-visible:not(:disabled)[b-2oznc1drq3] {
    box-shadow: 0 6px 14px rgba(217, 155, 19, .15);
}

.quick-amounts button:active:not(:disabled)[b-2oznc1drq3] {
    transform: translateY(1px);
}

.quick-amounts button strong[b-2oznc1drq3] {
    font-size: .62rem;
}

.quick-amounts button small[b-2oznc1drq3] {
    font-size: .5rem;
    margin-top: .04rem;
}

.quick-split-picker[b-2oznc1drq3] {
    display: flex;
    flex-direction: column;
    gap: .18rem;
    min-width: 0;
}

.quick-split-picker > span[b-2oznc1drq3] {
    color: var(--pp-text-muted);
    font-size: .55rem;
    font-weight: 850;
}

[b-2oznc1drq3] .quick-split-picker .dxbl-combobox {
    min-height: 2.75rem;
    width: 100%;
}

.payable-lines[b-2oznc1drq3] {
    gap: .42rem;
    max-height: 13.5rem;
    padding-right: .12rem;
}

.payable-line[b-2oznc1drq3] {
    background: linear-gradient(145deg, #fff, #fbfdf7);
    border-radius: 11px;
    gap: .42rem;
    grid-template-columns: 1.1rem 2.35rem minmax(0, 1fr) 4.5rem;
    min-height: 3.55rem;
    padding: .42rem .48rem;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.payable-line.selected[b-2oznc1drq3] {
    background: linear-gradient(145deg, var(--pp-green-50), #fff9df);
    border-color: var(--pp-green-400);
    box-shadow: 0 6px 15px rgba(49, 80, 24, .09);
}

.payable-line > input[type=checkbox][b-2oznc1drq3] {
    accent-color: var(--pp-green-600);
    height: 1.1rem;
    margin: 0;
    width: 1.1rem;
}

.payable-product-mark[b-2oznc1drq3] {
    align-items: center;
    background: linear-gradient(135deg, var(--pp-green-100), var(--pp-gold-100));
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    color: var(--pp-green-800);
    display: flex;
    font-size: .58rem;
    font-weight: 950;
    height: 2.25rem;
    justify-content: center;
    letter-spacing: .02em;
    width: 2.25rem;
}

.payable-product-copy[b-2oznc1drq3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.payable-product-copy strong[b-2oznc1drq3] {
    color: var(--pp-green-800);
    font-size: .65rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.payable-product-copy small[b-2oznc1drq3] {
    color: var(--pp-text-muted);
    font-size: .54rem;
    margin-top: .08rem;
}

.quantity-input[b-2oznc1drq3] {
    min-height: 2.4rem;
    text-align: center;
}

.selected-payment-total[b-2oznc1drq3] {
    border-radius: 11px;
    min-height: 3rem;
    padding: .45rem .6rem;
}

.selected-payment-total > span[b-2oznc1drq3] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}

.selected-payment-total > span small[b-2oznc1drq3] {
    font-size: .5rem;
    font-weight: 750;
}

.selected-payment-total > span strong[b-2oznc1drq3] {
    color: #76520b;
    font-size: .61rem;
    margin-top: .04rem;
}

.payment-method-section[b-2oznc1drq3] {
    display: flex;
    flex-direction: column;
    gap: .38rem;
}

.payment-subheading[b-2oznc1drq3] {
    align-items: baseline;
    display: flex;
    gap: .35rem;
    justify-content: space-between;
}

.payment-subheading span[b-2oznc1drq3] {
    color: var(--pp-green-800);
    font-size: .65rem;
    font-weight: 900;
}

.payment-subheading small[b-2oznc1drq3] {
    color: var(--pp-text-muted);
    font-size: .51rem;
    text-align: right;
}

.payment-method-grid[b-2oznc1drq3] {
    display: grid;
    gap: .38rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.payment-method-card[b-2oznc1drq3],
.payment-history-card[b-2oznc1drq3] {
    --payment-accent: var(--pp-green-600);
    --payment-accent-soft: var(--pp-green-100);
    --payment-accent-text: var(--pp-green-800);
}

.payment-type-card[b-2oznc1drq3] {
    --payment-accent: #b47a08;
    --payment-accent-soft: var(--pp-gold-100);
    --payment-accent-text: #76520b;
}

.payment-type-account[b-2oznc1drq3] {
    --payment-accent: #477b60;
    --payment-accent-soft: #e0f3e7;
    --payment-accent-text: #23503b;
}

.payment-type-other[b-2oznc1drq3] {
    --payment-accent: #8b6b33;
    --payment-accent-soft: #f6ecd5;
    --payment-accent-text: #654616;
}

.payment-method-card[b-2oznc1drq3] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--pp-border);
    border-radius: 11px;
    color: var(--pp-text);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: .42rem;
    grid-template-columns: 2.25rem minmax(0, 1fr) .8rem;
    min-height: 3.6rem;
    padding: .4rem .48rem;
    position: relative;
    text-align: left;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.payment-method-card:hover:not(:disabled)[b-2oznc1drq3],
.payment-method-card:focus-visible:not(:disabled)[b-2oznc1drq3] {
    border-color: var(--payment-accent);
    box-shadow: 0 7px 16px rgba(49, 80, 24, .09);
}

.payment-method-card:active:not(:disabled)[b-2oznc1drq3] {
    transform: scale(.985);
}

.payment-method-card.active[b-2oznc1drq3] {
    background: linear-gradient(145deg, var(--payment-accent-soft), #fff);
    border-color: var(--payment-accent);
    box-shadow: 0 8px 18px rgba(49, 80, 24, .11);
}

.payment-method-icon[b-2oznc1drq3] {
    align-items: center;
    background: var(--payment-accent-soft);
    border-radius: 8px;
    color: var(--payment-accent-text);
    display: flex;
    height: 2.15rem;
    justify-content: center;
    width: 2.15rem;
}

.payment-method-icon .icon[b-2oznc1drq3] {
    height: 1rem;
    width: 1rem;
}

.payment-method-card > span:nth-child(2)[b-2oznc1drq3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.payment-method-card strong[b-2oznc1drq3] {
    color: var(--payment-accent-text);
    font-size: .63rem;
}

.payment-method-card small[b-2oznc1drq3] {
    color: var(--pp-text-muted);
    font-size: .5rem;
    margin-top: .05rem;
}

.payment-method-card > i[b-2oznc1drq3] {
    align-items: center;
    border: 1px solid var(--pp-border);
    border-radius: 50%;
    display: flex;
    height: .72rem;
    justify-content: center;
    width: .72rem;
}

.payment-method-card.active > i[b-2oznc1drq3] {
    background: var(--payment-accent);
    border-color: var(--payment-accent);
    color: #fff;
}

.payment-method-card.active > i[b-2oznc1drq3]::after {
    content: "✓";
    font-size: .48rem;
    font-style: normal;
    font-weight: 950;
}

.payment-detail-fields[b-2oznc1drq3] {
    display: grid;
    gap: .5rem;
}

.payment-detail-fields .operation-field input[b-2oznc1drq3],
.payment-detail-fields .operation-field select[b-2oznc1drq3] {
    min-height: 2.65rem;
}

.payment-mode-switch button:disabled[b-2oznc1drq3],
.quick-amounts button:disabled[b-2oznc1drq3],
.payment-method-card:disabled[b-2oznc1drq3],
.operation-field input:disabled[b-2oznc1drq3],
.operation-field select:disabled[b-2oznc1drq3] {
    cursor: not-allowed;
    opacity: .62;
}

[b-2oznc1drq3] .payment-submit {
    background: linear-gradient(105deg, var(--pp-green-600), var(--pp-green-800) 58%, #a96e00) !important;
    border: 1px solid rgba(255, 229, 138, .62) !important;
    border-radius: 11px !important;
    box-shadow: 0 11px 24px rgba(49, 80, 24, .22) !important;
    color: #fff !important;
    font-size: .76rem !important;
    font-weight: 950 !important;
    min-height: 3.15rem !important;
    transition: filter .16s ease, transform .16s ease !important;
}

[b-2oznc1drq3] .payment-submit:not(:disabled):active {
    transform: translateY(1px);
}

.payments-history[b-2oznc1drq3] {
    background: linear-gradient(160deg, #fff 0%, #fffdf4 100%);
}

.payment-history-title[b-2oznc1drq3] {
    border-bottom: 1px solid var(--pp-border);
    padding-bottom: .6rem;
}

.payment-history-count[b-2oznc1drq3] {
    background: var(--pp-green-100);
    border: 1px solid var(--pp-green-200);
    border-radius: 999px;
    color: var(--pp-green-800);
    flex: 0 0 auto;
    font-size: .53rem;
    font-weight: 900;
    padding: .28rem .45rem;
}

.payment-card-list[b-2oznc1drq3] {
    gap: .48rem;
    padding: .15rem .12rem .25rem;
}

.payment-history-card[b-2oznc1drq3] {
    background: linear-gradient(145deg, #fff, var(--payment-accent-soft));
    border-color: color-mix(in srgb, var(--payment-accent) 33%, transparent);
    border-left-color: var(--payment-accent);
    border-radius: 12px;
    box-shadow: 0 8px 17px rgba(49, 80, 24, .075);
    padding: .65rem;
}

.payment-history-card .payment-card-icon[b-2oznc1drq3] {
    background: var(--payment-accent-soft);
    border-color: color-mix(in srgb, var(--payment-accent) 34%, transparent);
    color: var(--payment-accent-text);
}

.payment-history-card .payment-card-heading > div strong[b-2oznc1drq3],
.payment-history-card .payment-card-amount[b-2oznc1drq3] {
    color: var(--payment-accent-text);
}

.payment-history-card .payment-card-amount[b-2oznc1drq3] {
    font-size: .9rem;
}

.payment-history-card .payment-card-scope[b-2oznc1drq3] {
    border: 1px solid rgba(255, 255, 255, .72);
}

@media (max-width: 850px) {
    .payment-workspace[b-2oznc1drq3] {
        overflow-y: auto;
        padding-right: .08rem;
    }

    .payment-layout[b-2oznc1drq3] {
        display: grid;
        flex: 0 0 auto;
        grid-template-columns: 1fr;
        overflow: visible;
    }

    .payment-form-card[b-2oznc1drq3],
    .payments-history[b-2oznc1drq3] {
        min-height: 0;
    }

    .payments-history[b-2oznc1drq3] {
        height: min(24rem, 48dvh);
    }
}

@media (max-width: 620px) {
    .payment-hero[b-2oznc1drq3] {
        grid-template-columns: 1fr;
    }

    .payment-hero-balance[b-2oznc1drq3] {
        align-items: flex-start;
        grid-column: 1;
        grid-row: auto;
        text-align: left;
    }

    .payment-progress[b-2oznc1drq3],
    .payment-hero-totals[b-2oznc1drq3] {
        grid-column: 1;
    }
}

@media (max-width: 520px) {
    .payment-hero[b-2oznc1drq3],
    .payment-form-card[b-2oznc1drq3],
    .payments-history[b-2oznc1drq3] {
        border-radius: 12px;
    }

    .payment-hero-copy small[b-2oznc1drq3],
    .payment-section-title > div span[b-2oznc1drq3],
    .payment-subheading small[b-2oznc1drq3] {
        display: none;
    }

    .payment-mode-switch[b-2oznc1drq3],
    .payment-method-grid[b-2oznc1drq3] {
        grid-template-columns: 1fr;
    }

    .payment-mode-switch button[b-2oznc1drq3],
    .payment-method-card[b-2oznc1drq3] {
        min-height: 3.2rem;
    }

    .quick-amounts[b-2oznc1drq3] {
        grid-template-columns: 1fr;
    }

    .quick-amounts button:first-child[b-2oznc1drq3] {
        grid-column: auto;
    }

    .payable-line[b-2oznc1drq3] {
        grid-template-columns: 1.1rem 2.35rem minmax(0, 1fr);
    }

    .payable-line .quantity-input[b-2oznc1drq3] {
        grid-column: 3;
        width: 100%;
    }

    .payment-card-heading[b-2oznc1drq3] {
        grid-template-columns: 2.4rem minmax(0, 1fr);
    }

    .payment-card-amount[b-2oznc1drq3] {
        grid-column: 2;
        justify-self: start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .payment-progress span[b-2oznc1drq3],
    .payment-mode-switch button[b-2oznc1drq3],
    .quick-amounts button[b-2oznc1drq3],
    .payment-method-card[b-2oznc1drq3],
    [b-2oznc1drq3] .payment-submit {
        transition: none !important;
    }
}

/* Payment popup and discount workflow */
[b-2oznc1drq3] .order-actions .open-payment-action {
    background: linear-gradient(105deg, var(--pp-gold-300), var(--pp-gold-500)) !important;
    border-color: var(--pp-gold-500) !important;
    box-shadow: 0 7px 16px rgba(118, 82, 11, .2);
    color: var(--pp-green-800) !important;
    grid-column: 1 / -1;
}

.detail-head-summary .discount-summary[b-2oznc1drq3] {
    background: linear-gradient(135deg, rgba(255, 243, 191, .2), rgba(255, 255, 255, .1));
    border-color: rgba(255, 229, 138, .38);
}

.detail-head-summary .discount-summary strong[b-2oznc1drq3] {
    color: var(--pp-gold-200);
}

.receipt-discount[b-2oznc1drq3] {
    color: #76520b;
}

.receipt-preview header strong[b-2oznc1drq3] {
    overflow-wrap: anywhere;
}

.receipt-preview-scroll[b-2oznc1drq3] {
    box-sizing: border-box;
    height: 100%;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: .1rem .35rem .5rem;
    scrollbar-gutter: stable;
}

.receipt-preview-scroll .receipt-preview[b-2oznc1drq3] {
    box-sizing: border-box;
    margin: 0 auto;
    width: 100%;
}

[b-2oznc1drq3] .payment-popup {
    max-width: calc(100vw - 1rem);
}

[b-2oznc1drq3] .payment-popup-body {
    background: linear-gradient(180deg, var(--pp-cream), #fff);
    max-height: calc(100dvh - 1rem);
    overflow: hidden;
    padding: 0 !important;
}

.payment-popup-shell[b-2oznc1drq3] {
    display: flex;
    flex-direction: column;
    gap: .72rem;
    height: min(52rem, calc(100dvh - 1rem));
    min-height: min(35rem, calc(100dvh - 1rem));
    overflow: hidden;
    padding: .72rem;
}

.payment-popup-hero[b-2oznc1drq3] {
    background: linear-gradient(116deg, #173f20, var(--pp-green-700) 58%, #bd8108);
    border: 1px solid rgba(255, 229, 138, .46);
    border-radius: 15px;
    box-shadow: 0 15px 32px rgba(49, 80, 24, .2);
    color: #fff;
    display: grid;
    flex: 0 0 auto;
    gap: .55rem .8rem;
    grid-template-columns: minmax(13rem, .8fr) minmax(25rem, 1.35fr) auto;
    overflow: hidden;
    padding: .72rem .8rem;
    position: sticky;
    top: 0;
    z-index: 5;
}

.payment-popup-hero[b-2oznc1drq3]::after {
    background: radial-gradient(circle, rgba(255, 239, 176, .22), transparent 70%);
    content: "";
    height: 12rem;
    pointer-events: none;
    position: absolute;
    right: 12%;
    top: -7rem;
    width: 12rem;
}

.payment-popup-title[b-2oznc1drq3] {
    align-items: center;
    display: flex;
    gap: .65rem;
    min-width: 0;
    position: relative;
    z-index: 1;
}

.payment-popup-title-icon[b-2oznc1drq3] {
    align-items: center;
    backdrop-filter: blur(8px);
    background: rgba(255, 255, 255, .13);
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 11px;
    display: flex;
    flex: 0 0 auto;
    height: 2.8rem;
    justify-content: center;
    width: 2.8rem;
}

.payment-popup-title-icon .icon[b-2oznc1drq3] {
    height: 1.25rem;
    width: 1.25rem;
}

.payment-popup-title > div[b-2oznc1drq3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.payment-popup-title strong[b-2oznc1drq3] {
    font-size: 1rem;
    line-height: 1.15;
}

.payment-popup-title small[b-2oznc1drq3] {
    color: rgba(255, 255, 255, .7);
    font-size: .56rem;
    margin-top: .08rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.payment-popup-summary[b-2oznc1drq3] {
    display: grid;
    gap: .35rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    position: relative;
    z-index: 1;
}

.payment-popup-summary > div[b-2oznc1drq3] {
    background: rgba(255, 255, 255, .11);
    border: 1px solid rgba(255, 255, 255, .17);
    border-radius: 9px;
    min-width: 0;
    padding: .38rem .48rem;
}

.payment-popup-summary span[b-2oznc1drq3] {
    color: rgba(255, 255, 255, .66);
    display: block;
    font-size: .5rem;
}

.payment-popup-summary strong[b-2oznc1drq3] {
    display: block;
    font-size: .72rem;
    margin-top: .06rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.payment-popup-summary .discount strong[b-2oznc1drq3] {
    color: var(--pp-gold-200);
}

.payment-popup-summary .balance[b-2oznc1drq3] {
    background: rgba(255, 243, 191, .16);
    border-color: rgba(255, 229, 138, .38);
}

.payment-popup-summary .balance strong[b-2oznc1drq3] {
    color: #fff5c3;
    font-size: .82rem;
}

.payment-popup-actions[b-2oznc1drq3] {
    align-items: center;
    display: flex;
    position: relative;
    z-index: 1;
}

[b-2oznc1drq3] .payment-popup-actions .dxbl-btn {
    min-height: 2.65rem;
}

.payment-popup-progress[b-2oznc1drq3] {
    background: rgba(255, 255, 255, .14);
    border-radius: 999px;
    grid-column: 1 / -1;
    height: .32rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.payment-popup-progress span[b-2oznc1drq3] {
    background: linear-gradient(90deg, var(--pp-green-300), var(--pp-gold-300));
    border-radius: inherit;
    box-shadow: 0 0 14px rgba(255, 212, 91, .5);
    display: block;
    height: 100%;
    max-width: 100%;
    transition: width .22s ease;
}

.payment-popup-layout[b-2oznc1drq3] {
    display: grid;
    flex: 1 1 0;
    gap: .72rem;
    grid-template-areas:
        "form benefit"
        "form history";
    grid-template-columns: minmax(0, 1.15fr) minmax(20rem, .85fr);
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
    overflow: hidden;
}

.payment-popup-form-card[b-2oznc1drq3],
.payment-popup-history[b-2oznc1drq3] {
    height: 100%;
    min-height: 0;
}

.payment-popup-form-card[b-2oznc1drq3] {
    grid-area: form;
    overflow-y: auto;
}

.payment-popup-form-card .payable-lines[b-2oznc1drq3] {
    flex: 0 0 auto;
}

.payment-popup-history[b-2oznc1drq3] {
    grid-area: history;
    overflow: hidden;
}

.payment-benefit-section[b-2oznc1drq3] {
    background: linear-gradient(145deg, #fff, var(--pp-gold-50));
    border: 1px solid var(--pp-gold-200);
    border-left: 4px solid var(--pp-gold-400);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: .45rem;
    grid-area: benefit;
    min-width: 0;
    padding: .58rem;
}

.payment-benefit-grid[b-2oznc1drq3] {
    display: grid;
    gap: .38rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.payment-benefit-card[b-2oznc1drq3] {
    --benefit-accent: var(--pp-green-600);
    --benefit-soft: var(--pp-green-100);
    --benefit-text: var(--pp-green-800);
    align-items: center;
    background: #fff;
    border: 1px solid var(--pp-border);
    border-radius: 10px;
    color: var(--pp-text);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: .36rem;
    grid-template-columns: 2rem minmax(0, 1fr) .72rem;
    min-height: 3.4rem;
    padding: .36rem .42rem;
    text-align: left;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.payment-benefit-card.staff[b-2oznc1drq3] {
    --benefit-accent: #315018;
    --benefit-soft: var(--pp-green-100);
    --benefit-text: #315018;
}

.payment-benefit-card.customer[b-2oznc1drq3] {
    --benefit-accent: #b47a08;
    --benefit-soft: var(--pp-gold-100);
    --benefit-text: #76520b;
}

.payment-benefit-card.complimentary[b-2oznc1drq3] {
    --benefit-accent: #c2415a;
    --benefit-soft: #fff0f3;
    --benefit-text: #8b1f37;
}

.payment-benefit-card.neutral[b-2oznc1drq3] {
    --benefit-accent: #71806a;
    --benefit-soft: #f0f3ed;
    --benefit-text: #4d5b47;
}

.payment-benefit-card:hover:not(:disabled)[b-2oznc1drq3],
.payment-benefit-card:focus-visible:not(:disabled)[b-2oznc1drq3],
.payment-benefit-card.active[b-2oznc1drq3] {
    border-color: var(--benefit-accent);
    box-shadow: 0 7px 16px rgba(49, 80, 24, .1);
}

.payment-benefit-card.active[b-2oznc1drq3] {
    background: linear-gradient(145deg, var(--benefit-soft), #fff);
}

.payment-benefit-card:active:not(:disabled)[b-2oznc1drq3] {
    transform: scale(.985);
}

.payment-benefit-card:disabled[b-2oznc1drq3] {
    cursor: not-allowed;
    opacity: .5;
}

.payment-benefit-icon[b-2oznc1drq3] {
    align-items: center;
    background: var(--benefit-soft);
    border-radius: 8px;
    color: var(--benefit-text);
    display: flex;
    font-size: 1rem;
    font-weight: 950;
    height: 1.95rem;
    justify-content: center;
    width: 1.95rem;
}

.payment-benefit-icon .icon[b-2oznc1drq3] {
    height: .9rem;
    width: .9rem;
}

.payment-benefit-card > span:nth-child(2)[b-2oznc1drq3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.payment-benefit-card strong[b-2oznc1drq3] {
    color: var(--benefit-text);
    font-size: .59rem;
}

.payment-benefit-card small[b-2oznc1drq3] {
    color: var(--pp-text-muted);
    font-size: .47rem;
    line-height: 1.2;
    margin-top: .04rem;
}

.payment-benefit-card > i[b-2oznc1drq3] {
    align-items: center;
    border: 1px solid var(--pp-border);
    border-radius: 50%;
    display: flex;
    height: .68rem;
    justify-content: center;
    width: .68rem;
}

.payment-benefit-card.active > i[b-2oznc1drq3] {
    background: var(--benefit-accent);
    border-color: var(--benefit-accent);
    color: #fff;
}

.payment-benefit-card.active > i[b-2oznc1drq3]::after {
    content: "✓";
    font-size: .45rem;
    font-style: normal;
    font-weight: 950;
}

.payment-benefit-locked[b-2oznc1drq3] {
    align-items: center;
    background: var(--pp-green-50);
    border: 1px solid var(--pp-green-300);
    border-radius: 10px;
    color: var(--pp-green-800);
    display: flex;
    gap: .5rem;
    padding: .52rem .6rem;
}

.payment-benefit-locked > .icon[b-2oznc1drq3] {
    height: 1.15rem;
    width: 1.15rem;
}

.payment-benefit-locked > div[b-2oznc1drq3] {
    display: flex;
    flex-direction: column;
}

.payment-benefit-locked strong[b-2oznc1drq3] {
    font-size: .64rem;
}

.payment-benefit-locked span[b-2oznc1drq3] {
    color: var(--pp-text-muted);
    font-size: .52rem;
    margin-top: .06rem;
}

.payment-benefit-note[b-2oznc1drq3] {
    color: var(--pp-green-800);
    display: flex;
    flex-direction: column;
    font-size: .61rem;
    font-weight: 850;
    gap: .25rem;
}

.payment-benefit-note b[b-2oznc1drq3] {
    color: #b52f46;
}

[b-2oznc1drq3] .payment-benefit-note .dxbl-memo {
    min-height: 4.7rem;
    width: 100%;
}

.payment-complimentary-summary[b-2oznc1drq3] {
    align-items: center;
    background: linear-gradient(135deg, #fff0f3, var(--pp-gold-50));
    border: 1px solid #f3a2b2;
    border-radius: 12px;
    display: flex;
    gap: .7rem;
    padding: .75rem;
}

.payment-complimentary-gift[b-2oznc1drq3] {
    align-items: center;
    background: #fff;
    border: 1px solid #f3a2b2;
    border-radius: 11px;
    display: flex;
    flex: 0 0 auto;
    font-size: 1.55rem;
    height: 3.2rem;
    justify-content: center;
    width: 3.2rem;
}

.payment-complimentary-summary > div[b-2oznc1drq3] {
    display: flex;
    flex-direction: column;
}

.payment-complimentary-summary strong[b-2oznc1drq3] {
    color: #8b1f37;
    font-size: .75rem;
}

.payment-complimentary-summary span[b-2oznc1drq3] {
    color: var(--pp-text-muted);
    font-size: .56rem;
    line-height: 1.35;
    margin-top: .12rem;
}

@media (max-width: 900px) {
    .payment-popup-hero[b-2oznc1drq3] {
        grid-template-columns: minmax(12rem, .75fr) minmax(22rem, 1.25fr) auto;
    }

    .payment-benefit-grid[b-2oznc1drq3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 780px) {
    [b-2oznc1drq3] .payment-popup-body {
        overflow-y: auto;
    }

    .payment-popup-shell[b-2oznc1drq3] {
        height: auto;
        max-height: none;
        min-height: 0;
        overflow: visible;
    }

    .payment-popup-hero[b-2oznc1drq3] {
        grid-template-columns: 1fr auto;
        position: sticky;
    }

    .payment-popup-summary[b-2oznc1drq3] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .payment-popup-actions[b-2oznc1drq3] {
        grid-column: 2;
        grid-row: 1;
    }

    .payment-popup-layout[b-2oznc1drq3] {
        display: grid;
        flex: 0 0 auto;
        grid-template-areas:
            "benefit"
            "form"
            "history";
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        overflow: visible;
    }

    .payment-popup-form-card[b-2oznc1drq3],
    .payment-popup-history[b-2oznc1drq3] {
        height: auto;
        max-height: none;
        overflow: visible;
    }

    .payment-popup-history .payment-card-list[b-2oznc1drq3] {
        max-height: 24rem;
    }

}

@media (max-width: 520px) {
    .payment-popup-shell[b-2oznc1drq3] {
        padding: .45rem;
    }

    .payment-popup-hero[b-2oznc1drq3] {
        border-radius: 12px;
        grid-template-columns: 1fr;
    }

    .payment-popup-actions[b-2oznc1drq3] {
        grid-column: 1;
        grid-row: auto;
    }

    [b-2oznc1drq3] .payment-popup-actions .dxbl-btn {
        width: 100%;
    }

    .payment-popup-summary[b-2oznc1drq3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-row: auto;
    }

    .payment-benefit-grid[b-2oznc1drq3] {
        grid-template-columns: 1fr;
    }

    .payment-benefit-card[b-2oznc1drq3] {
        min-height: 3.2rem;
    }

}

@media (prefers-reduced-motion: reduce) {
    .payment-popup-progress span[b-2oznc1drq3],
    .payment-benefit-card[b-2oznc1drq3] {
        transition: none !important;
    }
}

/* Masa detail operation hierarchy */
.order-actions[b-2oznc1drq3] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

[b-2oznc1drq3] .order-actions .open-payment-action:not(:disabled):hover,
[b-2oznc1drq3] .order-actions .open-payment-action:not(:disabled):focus-visible {
    background: linear-gradient(105deg, var(--pp-gold-200), var(--pp-gold-500)) !important;
    box-shadow: 0 9px 20px rgba(118, 82, 11, .25), 0 0 0 3px rgba(246, 189, 47, .2);
}

[b-2oznc1drq3] .order-actions .open-payment-action:not(:disabled):active {
    box-shadow: 0 4px 10px rgba(118, 82, 11, .18);
    transform: translateY(1px);
}

[b-2oznc1drq3] .order-actions .open-payment-action:disabled {
    box-shadow: none;
    filter: grayscale(.22);
    opacity: .58;
}

.detail-head-summary[b-2oznc1drq3] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

[b-2oznc1drq3] .detail-head-summary .header-cancel-action {
    min-height: 3.45rem;
    min-width: 8.2rem;
    white-space: nowrap;
}

[b-2oznc1drq3] .detail-head-summary .header-close-action {
    min-height: 3.45rem;
    min-width: 5.8rem;
    white-space: nowrap;
}

@media (max-width: 850px) {
    .detail-head-summary[b-2oznc1drq3] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(6.2rem, 1fr));
        width: 100%;
    }

    .detail-head-summary > div[b-2oznc1drq3],
    .detail-head-summary .last-print-summary[b-2oznc1drq3] {
        min-width: 0;
        text-align: left;
    }

    [b-2oznc1drq3] .detail-head-summary .header-cancel-action,
    [b-2oznc1drq3] .detail-head-summary .header-close-action {
        min-width: 0;
        width: 100%;
    }
}

@media (max-width: 520px) {
    .detail-head-summary[b-2oznc1drq3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-2oznc1drq3] .detail-head-summary .header-close-action {
        grid-column: 2;
    }
}

@media (prefers-reduced-motion: reduce) {
    [b-2oznc1drq3] .order-actions .open-payment-action {
        transition: none !important;
    }
}

/* Kitchen print preview */
.kitchen-print-shell[b-2oznc1drq3] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
    height: 100%;
    min-height: 0;
}

.kitchen-print-summary[b-2oznc1drq3] {
    display: grid;
    flex: 0 0 auto;
    gap: .45rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.kitchen-print-summary > div[b-2oznc1drq3] {
    background: linear-gradient(145deg, #fff, var(--pp-green-50));
    border: 1px solid var(--pp-border);
    border-radius: 10px;
    min-width: 0;
    padding: .5rem .65rem;
}

.kitchen-print-summary span[b-2oznc1drq3] {
    color: var(--pp-text-muted);
    display: block;
    font-size: .6rem;
}

.kitchen-print-summary strong[b-2oznc1drq3] {
    color: var(--pp-green-800);
    display: block;
    font-size: .83rem;
    margin-top: .1rem;
}

.kitchen-print-summary .has-warning[b-2oznc1drq3] {
    background: linear-gradient(145deg, #fff8ed, #fff1ed);
    border-color: #fb8a73;
}

.kitchen-print-summary .has-warning strong[b-2oznc1drq3] {
    color: #8f2818;
}

.kitchen-print-preview[b-2oznc1drq3] {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: .6rem;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: .05rem .2rem .25rem .05rem;
    scrollbar-gutter: stable;
}

.kitchen-printer-card[b-2oznc1drq3] {
    background: linear-gradient(150deg, #fff, #f7fce9);
    border: 1px solid var(--pp-border);
    border-left: .28rem solid var(--pp-green-500);
    border-radius: 12px;
    box-shadow: 0 8px 18px rgba(49, 80, 24, .07);
    flex: 0 0 auto;
    min-width: 0;
    overflow: hidden;
}

.kitchen-printer-card > header[b-2oznc1drq3] {
    align-items: center;
    background: rgba(239, 250, 210, .55);
    border-bottom: 1px solid var(--pp-border);
    display: flex;
    gap: .55rem;
    padding: .55rem .65rem;
}

.kitchen-printer-card > header > div[b-2oznc1drq3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.kitchen-printer-card > header strong[b-2oznc1drq3] {
    color: var(--pp-green-800);
    font-size: .78rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kitchen-printer-card > header small[b-2oznc1drq3] {
    color: var(--pp-text-muted);
    font-size: .6rem;
    line-height: 1.35;
}

.kitchen-printer-icon[b-2oznc1drq3] {
    align-items: center;
    background: var(--pp-green-100);
    border: 1px solid var(--pp-green-300);
    border-radius: 9px;
    color: var(--pp-green-800);
    display: flex;
    flex: 0 0 2.15rem;
    height: 2.15rem;
    justify-content: center;
}

.kitchen-printer-icon .icon[b-2oznc1drq3] {
    height: 1rem;
    width: 1rem;
}

.kitchen-printer-lines[b-2oznc1drq3] {
    display: flex;
    flex-direction: column;
}

.kitchen-printer-line[b-2oznc1drq3] {
    align-items: center;
    border-bottom: 1px solid rgba(111, 148, 39, .14);
    display: grid;
    gap: .3rem .7rem;
    grid-template-columns: minmax(0, 1fr) minmax(9rem, .8fr);
    padding: .52rem .65rem;
}

.kitchen-printer-line:last-child[b-2oznc1drq3] {
    border-bottom: 0;
}

.kitchen-printer-product[b-2oznc1drq3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.kitchen-printer-product strong[b-2oznc1drq3] {
    color: var(--pp-green-800);
    font-size: .72rem;
    overflow-wrap: anywhere;
}

.kitchen-printer-product span[b-2oznc1drq3] {
    color: var(--pp-text-muted);
    font-size: .59rem;
    margin-top: .08rem;
}

.kitchen-printer-line p[b-2oznc1drq3] {
    align-items: center;
    background: var(--pp-gold-50);
    border: 1px solid var(--pp-gold-200);
    border-radius: 8px;
    color: #76520b;
    display: flex;
    font-size: .62rem;
    gap: .3rem;
    line-height: 1.35;
    margin: 0;
    overflow-wrap: anywhere;
    padding: .35rem .45rem;
}

.kitchen-printer-line p .icon[b-2oznc1drq3] {
    flex: 0 0 auto;
    height: .85rem;
    width: .85rem;
}

.kitchen-printer-card-unmapped[b-2oznc1drq3] {
    background: linear-gradient(150deg, #fff, #fff3ef);
    border-color: #fb8a73;
    border-left-color: #d93b28;
}

.kitchen-printer-card-unmapped > header[b-2oznc1drq3] {
    background: rgba(255, 225, 217, .6);
    border-bottom-color: #f3b0a4;
}

.kitchen-printer-card-unmapped .kitchen-printer-icon[b-2oznc1drq3] {
    background: #fff1ed;
    border-color: #fb8a73;
    color: #8f2818;
}

.kitchen-printer-card-unmapped > header strong[b-2oznc1drq3],
.kitchen-printer-card-unmapped .kitchen-printer-product strong[b-2oznc1drq3] {
    color: #8f2818;
}

.kitchen-print-empty[b-2oznc1drq3] {
    align-items: center;
    background: rgba(255, 255, 255, .78);
    border: 1px dashed var(--pp-border);
    border-radius: 12px;
    color: var(--pp-text-muted);
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: .35rem;
    justify-content: center;
    min-height: 12rem;
    padding: 1rem;
    text-align: center;
}

.kitchen-print-empty .icon[b-2oznc1drq3] {
    height: 1.8rem;
    opacity: .6;
    width: 1.8rem;
}

.kitchen-print-empty strong[b-2oznc1drq3] {
    color: var(--pp-green-800);
    font-size: .78rem;
}

.kitchen-print-empty small[b-2oznc1drq3] {
    font-size: .62rem;
}

[b-2oznc1drq3] .kitchen-print-actions .dxbl-btn {
    min-height: 2.8rem;
}

@media (max-width: 520px) {
    .kitchen-print-summary[b-2oznc1drq3] {
        gap: .3rem;
    }

    .kitchen-print-summary > div[b-2oznc1drq3] {
        padding: .4rem .45rem;
    }

    .kitchen-printer-line[b-2oznc1drq3] {
        grid-template-columns: 1fr;
    }
}

.detail-live-update[b-2oznc1drq3] {
    background: var(--pp-gold-50);
    border: 1px solid var(--pp-gold-300);
    color: #76520b;
}
.club-card-reader-status[b-2oznc1drq3] {
    color: var(--pp-text-muted);
    display: block;
    font-size: .76rem;
    line-height: 1.35;
    margin-top: .35rem;
}

.club-card-preview[b-2oznc1drq3] {
    align-items: center;
    background: #f8faf6;
    border: 1px solid var(--pp-border);
    border-radius: 10px;
    color: var(--pp-text-muted);
    display: flex;
    gap: .75rem;
    min-height: 3.4rem;
    padding: .55rem .7rem;
}

.club-card-preview > div[b-2oznc1drq3] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

.club-card-preview small[b-2oznc1drq3],
.club-card-preview span[b-2oznc1drq3] {
    font-size: .68rem;
}

.club-card-preview strong[b-2oznc1drq3] {
    color: var(--pp-green-800);
    font-size: .82rem;
}

.club-card-preview.ready[b-2oznc1drq3] {
    background: var(--pp-green-50);
    border-color: var(--pp-green-300);
}

.club-card-preview.invalid[b-2oznc1drq3],
.club-card-preview.error[b-2oznc1drq3] {
    background: #fff1ed;
    border-color: #fb8a73;
    color: #8f2818;
}

.club-card-preview.invalid strong[b-2oznc1drq3],
.club-card-preview.error strong[b-2oznc1drq3] {
    color: #8f2818;
}

.payment-method-card.payment-type-club .payment-method-icon[b-2oznc1drq3],
.payment-history-card.payment-type-club .payment-card-icon[b-2oznc1drq3] {
    background: rgba(22, 163, 74, .12);
    color: var(--pp-green-700);
}

/* Shared customer picker */
.cari-selection-field[b-2oznc1drq3] {
    align-items: center;
    background: linear-gradient(145deg, #fff, var(--pp-green-50));
    border: 1px solid var(--pp-border);
    border-radius: 11px;
    display: grid;
    gap: .5rem;
    grid-template-columns: 2.35rem minmax(0, 1fr) auto;
    min-height: 3.6rem;
    padding: .42rem .48rem;
}

.cari-selection-icon[b-2oznc1drq3],
.cari-picker-card-icon[b-2oznc1drq3],
.cari-picker-title-icon[b-2oznc1drq3] {
    align-items: center;
    background: linear-gradient(135deg, var(--pp-green-100), var(--pp-gold-100));
    border: 1px solid var(--pp-border);
    border-radius: 9px;
    color: var(--pp-green-800);
    display: flex;
    flex: 0 0 auto;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.cari-selection-icon .icon[b-2oznc1drq3],
.cari-picker-card-icon .icon[b-2oznc1drq3],
.cari-picker-title-icon .icon[b-2oznc1drq3] {
    height: 1rem;
    width: 1rem;
}

.cari-selection-copy[b-2oznc1drq3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.cari-selection-copy strong[b-2oznc1drq3] {
    color: var(--pp-green-800);
    font-size: .67rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cari-selection-copy small[b-2oznc1drq3] {
    color: var(--pp-text-muted);
    font-size: .53rem;
    margin-top: .06rem;
}

.cari-selection-actions[b-2oznc1drq3] {
    align-items: center;
    display: flex;
    gap: .35rem;
}

[b-2oznc1drq3] .cari-selection-actions .dxbl-btn {
    min-height: 2.65rem;
}

[b-2oznc1drq3] .cari-picker-popup {
    max-width: calc(100vw - 1rem);
}

[b-2oznc1drq3] .cari-picker-popup-body {
    background: linear-gradient(180deg, var(--pp-cream), #fff);
    max-height: calc(100dvh - 1rem);
    overflow: hidden;
    padding: 0 !important;
}

.cari-picker-shell[b-2oznc1drq3] {
    display: flex;
    flex-direction: column;
    gap: .7rem;
    height: min(42rem, calc(100dvh - 1rem));
    min-height: min(30rem, calc(100dvh - 1rem));
    overflow: hidden;
    padding: .7rem;
}

.cari-picker-hero[b-2oznc1drq3] {
    align-items: center;
    background: linear-gradient(116deg, #173f20, var(--pp-green-700) 62%, #bd8108);
    border: 1px solid rgba(255, 229, 138, .46);
    border-radius: 14px;
    box-shadow: 0 12px 28px rgba(49, 80, 24, .18);
    color: #fff;
    display: flex;
    flex: 0 0 auto;
    gap: .7rem;
    justify-content: space-between;
    padding: .7rem .75rem;
    position: sticky;
    top: 0;
    z-index: 3;
}

.cari-picker-title[b-2oznc1drq3] {
    align-items: center;
    display: flex;
    gap: .6rem;
    min-width: 0;
}

.cari-picker-title-icon[b-2oznc1drq3] {
    background: rgba(255, 255, 255, .13);
    border-color: rgba(255, 255, 255, .24);
    color: #fff;
    height: 2.65rem;
    width: 2.65rem;
}

.cari-picker-title > span:last-child[b-2oznc1drq3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.cari-picker-title strong[b-2oznc1drq3] {
    font-size: .92rem;
}

.cari-picker-title small[b-2oznc1drq3] {
    color: rgba(255, 255, 255, .7);
    font-size: .56rem;
    line-height: 1.3;
    margin-top: .08rem;
}

.cari-picker-hero-actions[b-2oznc1drq3] {
    flex: 0 0 auto;
}

[b-2oznc1drq3] .cari-picker-hero-actions .dxbl-btn,
[b-2oznc1drq3] .cari-picker-search-row .dxbl-btn,
[b-2oznc1drq3] .cari-picker-card .dxbl-btn {
    min-height: 2.65rem;
}

.cari-picker-search-card[b-2oznc1drq3] {
    background: rgba(255, 255, 255, .94);
    border: 1px solid var(--pp-border);
    border-left: 4px solid var(--pp-green-500);
    border-radius: 12px;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: .35rem;
    padding: .65rem;
}

.cari-picker-search-row[b-2oznc1drq3] {
    display: grid;
    gap: .4rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.cari-picker-search-input[b-2oznc1drq3] {
    min-width: 0;
}

[b-2oznc1drq3] .cari-picker-search-input .dxbl-text-edit {
    min-height: 2.65rem;
    width: 100%;
}

.cari-picker-search-card > small[b-2oznc1drq3] {
    color: var(--pp-text-muted);
    font-size: .57rem;
    line-height: 1.35;
}

.cari-picker-results[b-2oznc1drq3] {
    background: rgba(255, 255, 255, .94);
    border: 1px solid var(--pp-border);
    border-radius: 12px;
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    padding: .65rem;
}

.cari-picker-results-heading[b-2oznc1drq3] {
    align-items: baseline;
    border-bottom: 1px solid var(--pp-border);
    display: flex;
    flex: 0 0 auto;
    gap: .5rem;
    justify-content: space-between;
    margin-bottom: .5rem;
    padding-bottom: .45rem;
}

.cari-picker-results-heading strong[b-2oznc1drq3] {
    color: var(--pp-green-800);
    font-size: .7rem;
}

.cari-picker-results-heading span[b-2oznc1drq3] {
    color: var(--pp-text-muted);
    font-size: .54rem;
    text-align: right;
}

.cari-picker-list[b-2oznc1drq3] {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: .45rem;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: .15rem;
}

.cari-picker-card[b-2oznc1drq3] {
    align-items: center;
    background: linear-gradient(145deg, #fff, #fbfdf7);
    border: 1px solid var(--pp-border);
    border-radius: 11px;
    display: grid;
    flex: 0 0 auto;
    gap: .5rem;
    grid-template-columns: 2.35rem minmax(0, 1fr) auto;
    min-height: 4.15rem;
    padding: .48rem .55rem;
}

.cari-picker-card-copy[b-2oznc1drq3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.cari-picker-card-copy strong[b-2oznc1drq3] {
    color: var(--pp-green-800);
    font-size: .69rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cari-picker-card-copy small[b-2oznc1drq3] {
    color: var(--pp-text-muted);
    font-size: .55rem;
    line-height: 1.3;
    margin-top: .05rem;
    overflow-wrap: anywhere;
}

.cari-picker-state[b-2oznc1drq3] {
    align-items: center;
    color: var(--pp-text-muted);
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: .35rem;
    justify-content: center;
    min-height: 10rem;
    padding: 1rem;
    text-align: center;
}

.cari-picker-state > .icon[b-2oznc1drq3] {
    height: 1.8rem;
    opacity: .62;
    width: 1.8rem;
}

.cari-picker-state strong[b-2oznc1drq3] {
    color: var(--pp-green-800);
    font-size: .76rem;
}

.cari-picker-state span[b-2oznc1drq3] {
    font-size: .62rem;
    line-height: 1.4;
}

.cari-picker-state.error[b-2oznc1drq3] {
    background: #fff1ed;
    border: 1px solid #fb8a73;
    border-radius: 10px;
    color: #8f2818;
}

.cari-picker-state.error strong[b-2oznc1drq3] {
    color: #8f2818;
}

@media (max-width: 780px) {
    .cari-picker-shell[b-2oznc1drq3] {
        height: calc(100dvh - 1rem);
        min-height: 0;
    }

    .cari-picker-hero[b-2oznc1drq3] {
        align-items: stretch;
    }
}

@media (max-width: 520px) {
    .cari-selection-field[b-2oznc1drq3],
    .cari-picker-card[b-2oznc1drq3] {
        grid-template-columns: 2.35rem minmax(0, 1fr);
    }

    .cari-selection-actions[b-2oznc1drq3],
    [b-2oznc1drq3] .cari-picker-card .dxbl-btn {
        grid-column: 1 / -1;
    }

    .cari-selection-actions[b-2oznc1drq3] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-2oznc1drq3] .cari-selection-actions .dxbl-btn,
    [b-2oznc1drq3] .cari-picker-card .dxbl-btn {
        width: 100%;
    }

    .cari-picker-shell[b-2oznc1drq3] {
        padding: .45rem;
    }

    .cari-picker-hero[b-2oznc1drq3] {
        flex-direction: column;
    }

    [b-2oznc1drq3] .cari-picker-hero-actions .dxbl-btn {
        width: 100%;
    }

    .cari-picker-search-row[b-2oznc1drq3] {
        grid-template-columns: 1fr;
    }

    [b-2oznc1drq3] .cari-picker-search-row .dxbl-btn {
        width: 100%;
    }

    .cari-picker-results-heading[b-2oznc1drq3] {
        align-items: flex-start;
        flex-direction: column;
    }

    .cari-picker-results-heading span[b-2oznc1drq3] {
        text-align: left;
    }
}
/* /Components/Pages/Masalar/MasaListe.razor.rz.scp.css */
.tables-page[b-avvi1e13vw] { display: flex; flex: 1 1 0; flex-direction: column; gap: .85rem; min-height: 0; overflow: hidden; padding-top: .7rem; }
.tables-hero[b-avvi1e13vw] {
    align-items: center;
    background: linear-gradient(115deg, rgba(26,59,24,.97), rgba(79,111,29,.94) 55%, rgba(217,155,19,.82));
    border: 1px solid rgba(255,229,138,.35);
    border-radius: 18px;
    box-shadow: 0 18px 42px rgba(49,80,24,.18);
    color: #fff;
    display: flex;
    gap: .7rem;
    justify-content: space-between;
    overflow: hidden;
    padding: .7rem 1.1rem;
    position: relative;
}
.tables-hero[b-avvi1e13vw]::after { background: radial-gradient(circle, rgba(255,255,255,.22), transparent 65%); content: ''; height: 14rem; position: absolute; right: -3rem; top: -6rem; width: 14rem; }
.tables-hero-copy[b-avvi1e13vw] { min-width: 0; position: relative; z-index: 1; }
.tables-title-row[b-avvi1e13vw] { align-items: center; display: flex; flex-wrap: wrap; gap: .4rem .7rem; min-width: 0; }
.tables-hero h1[b-avvi1e13vw] { font-size: 1.65rem; margin: 0; }
.tables-personnel-badge[b-avvi1e13vw] { align-items: center; background: linear-gradient(105deg, var(--pp-gold-100), #fff8d8 42%, var(--pp-gold-300) 76%, #fff3bf); border: 1px solid rgba(255,255,255,.78); border-radius: 999px; box-shadow: 0 7px 18px rgba(20,32,15,.28), inset 0 1px 0 rgba(255,255,255,.82); color: #284511; display: inline-flex; flex: 0 1 auto; font-size: .72rem; font-weight: 950; gap: .42rem; letter-spacing: .015em; max-width: min(24rem,100%); min-height: 1.85rem; min-width: 0; overflow: hidden; padding: .19rem .68rem .19rem .24rem; position: relative; text-shadow: 0 1px 0 rgba(255,255,255,.7); }
.tables-personnel-badge[b-avvi1e13vw]::before { background: radial-gradient(circle,rgba(255,255,255,.88),transparent 68%); content: ''; height: 2.8rem; left: -1rem; pointer-events: none; position: absolute; top: -1.2rem; width: 4rem; }
.tables-personnel-badge[b-avvi1e13vw]::after { animation: personnel-badge-shine-b-avvi1e13vw 3.8s ease-in-out infinite; background: linear-gradient(105deg,transparent 25%,rgba(255,255,255,.72) 48%,transparent 70%); content: ''; inset: 0; pointer-events: none; position: absolute; transform: translateX(-125%); }
.tables-personnel-icon[b-avvi1e13vw] { align-items: center; background: rgba(255,255,255,.72); border: 1px solid rgba(79,111,29,.22); border-radius: 50%; box-shadow: 0 2px 6px rgba(49,80,24,.18); display: inline-flex; flex: 0 0 auto; height: 1.38rem; justify-content: center; position: relative; width: 1.38rem; z-index: 1; }
.tables-personnel-icon .icon[b-avvi1e13vw] { height: .9rem; width: .9rem; }
.tables-personnel-name[b-avvi1e13vw] { overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; z-index: 1; }
.tables-hero p[b-avvi1e13vw] { align-items: center; color: rgba(255,255,255,.7); display: flex; flex-wrap: wrap; font-size: .76rem; gap: .35rem; margin: .18rem 0 0; }
.refresh-state[b-avvi1e13vw] { border: 1px solid transparent; border-radius: 999px; display: inline-flex; font-size: .58rem; font-weight: 900; letter-spacing: .04em; line-height: 1; padding: .22rem .42rem; text-transform: uppercase; white-space: nowrap; }
.refresh-state-live[b-avvi1e13vw] { background: rgba(223,255,156,.16); border-color: rgba(223,255,156,.42); color: #efffcf; }
.refresh-state-loading[b-avvi1e13vw] { background: rgba(255,229,138,.16); border-color: rgba(255,229,138,.45); color: #fff0b0; }
.refresh-state-error[b-avvi1e13vw] { background: rgba(220,38,38,.82); border-color: rgba(255,255,255,.45); color: #fff; }
.tables-overview[b-avvi1e13vw] { display: grid; gap: .55rem; grid-template-columns: repeat(4, minmax(4.5rem,1fr)); position: relative; z-index: 1; }
.tables-overview > div[b-avvi1e13vw] { backdrop-filter: blur(9px); background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.16); border-radius: 12px; min-width: 4.5rem; padding: .45rem .65rem; text-align: center; }
.tables-overview strong[b-avvi1e13vw] { display: block; font-size: 1.1rem; }
.tables-overview span[b-avvi1e13vw] { color: rgba(255,255,255,.7); font-size: .65rem; }
.overview-free strong[b-avvi1e13vw] { color: #e9eef0; } .overview-busy strong[b-avvi1e13vw] { color: #dfff9c; } .overview-reserved strong[b-avvi1e13vw] { color: #ffe58a; }
.tables-toolbar[b-avvi1e13vw] { align-items: center; display: flex; gap: .6rem; justify-content: space-between; min-width: 0; }
.section-scroll[b-avvi1e13vw] { align-items: center; display: flex; flex: 1 1 auto; gap: .45rem; min-width: 0; overflow-x: auto; padding: .1rem .05rem .25rem; scrollbar-width: thin; }
.section-chip[b-avvi1e13vw] { align-items: center; background: rgba(255,255,255,.82); border: 1px solid var(--pp-border); border-radius: 999px; color: var(--pp-text-muted); cursor: pointer; display: inline-flex; flex: 0 0 auto; font: inherit; font-size: .75rem; font-weight: 800; gap: .5rem; min-height: 2.75rem; padding: .45rem .7rem .45rem .9rem; }
.section-chip[b-avvi1e13vw]::before { background: var(--section-color); border-radius: 999px; content: ''; height: .55rem; width: .55rem; }
.section-chip small[b-avvi1e13vw] { align-items: center; background: #edf0eb; border-radius: 999px; display: flex; font-size: .65rem; height: 1.5rem; justify-content: center; min-width: 1.5rem; padding: 0 .25rem; }
.section-chip.active[b-avvi1e13vw] { background: linear-gradient(135deg, var(--pp-green-800), var(--pp-green-600)); border-color: transparent; box-shadow: 0 8px 18px rgba(49,80,24,.18); color: #fff; }
.section-chip.active small[b-avvi1e13vw] { background: rgba(255,255,255,.18); }
.floor-toolbar-summary[b-avvi1e13vw] { align-items: flex-start; background: linear-gradient(135deg,#f3f9e8,#fff9e8); border: 1px solid var(--pp-border); border-radius: 11px; box-sizing: border-box; display: flex; flex: 0 0 auto; flex-direction: column; justify-content: center; min-height: 2.75rem; padding: .34rem .62rem; white-space: nowrap; }
.floor-toolbar-summary strong[b-avvi1e13vw] { color: var(--pp-green-800); font-size: .68rem; line-height: 1.05; }
.floor-toolbar-summary span[b-avvi1e13vw] { color: var(--pp-text-muted); font-size: .52rem; line-height: 1.15; margin-top: .08rem; }
.tables-filters[b-avvi1e13vw] { align-items: center; display: flex; flex: 0 0 auto; gap: .4rem; min-width: 0; }
.view-switch[b-avvi1e13vw] { background: rgba(255,255,255,.9); border: 1px solid var(--pp-border); border-radius: 11px; display: flex; padding: .2rem; }
.view-switch button[b-avvi1e13vw] { background: transparent; border: 0; border-radius: 8px; color: var(--pp-text-muted); cursor: pointer; font: inherit; font-size: .68rem; font-weight: 850; min-height: 2.2rem; padding: 0 .62rem; }
.view-switch button.active[b-avvi1e13vw] { background: linear-gradient(135deg,var(--pp-green-800),var(--pp-green-600)); color: #fff; }
.view-switch button:disabled[b-avvi1e13vw] { cursor: not-allowed; opacity: .4; }
.table-search[b-avvi1e13vw] { align-items: center; background: rgba(255,255,255,.9); border: 1px solid var(--pp-border); border-radius: 11px; display: flex; min-height: 2.7rem; padding: 0 .65rem; }
.table-search .icon[b-avvi1e13vw] { height: 1rem; opacity: .65; width: 1rem; }
.table-search input[b-avvi1e13vw] { background: none; border: 0; color: var(--pp-text); font: inherit; font-size: .78rem; outline: 0; padding: .5rem; width: 8.5rem; }
.status-switch[b-avvi1e13vw] { background: rgba(255,255,255,.88); border: 1px solid var(--pp-border); border-radius: 11px; display: flex; padding: .2rem; }
.status-switch button[b-avvi1e13vw] { background: none; border: 0; border-radius: 8px; color: var(--pp-text-muted); cursor: pointer; font: inherit; font-size: .68rem; font-weight: 800; min-height: 2.2rem; padding: 0 .55rem; }
.status-switch button.active[b-avvi1e13vw] { background: var(--pp-green-100); color: var(--pp-green-800); }
.refresh-button[b-avvi1e13vw] { align-items: center; background: #fff; border: 1px solid var(--pp-border); border-radius: 11px; cursor: pointer; display: flex; height: 2.7rem; justify-content: center; width: 2.7rem; }
.refresh-button .icon[b-avvi1e13vw] { height: 1.05rem; width: 1.05rem; }
.refresh-button:disabled[b-avvi1e13vw] { cursor: wait; opacity: .7; }
.refresh-button.is-loading .icon[b-avvi1e13vw] { animation: table-refresh-spin-b-avvi1e13vw .8s linear infinite; }
.tables-refresh-alert[b-avvi1e13vw] { align-items: center; background: #fff7ed; border: 1px solid #fdba74; border-radius: 13px; color: #9a3412; display: flex; gap: .8rem; justify-content: space-between; padding: .65rem .8rem; }
.tables-refresh-alert > div[b-avvi1e13vw] { display: flex; flex-direction: column; gap: .08rem; min-width: 0; }
.tables-refresh-alert strong[b-avvi1e13vw] { font-size: .75rem; }
.tables-refresh-alert span[b-avvi1e13vw] { font-size: .68rem; }
.tables-refresh-alert button[b-avvi1e13vw],.tables-load-error button[b-avvi1e13vw] { background: #fff; border: 1px solid currentColor; border-radius: 9px; color: inherit; cursor: pointer; flex: 0 0 auto; font: inherit; font-size: .68rem; font-weight: 850; min-height: 2.25rem; padding: .4rem .7rem; }
.tables-refresh-alert button:disabled[b-avvi1e13vw],.tables-load-error button:disabled[b-avvi1e13vw] { cursor: wait; opacity: .6; }
.tables-grid[b-avvi1e13vw] { --table-card-width: 12.5rem; --table-card-height: 11rem; --table-card-gap: .75rem; align-content: start; display: grid; flex: 1 1 0; gap: var(--table-card-gap); grid-auto-rows: var(--table-card-height); grid-template-columns: repeat(auto-fill,var(--table-card-width)); justify-content: start; min-height: 0; overflow: auto; padding: .15rem .15rem .8rem; }
.table-card[b-avvi1e13vw] { border: 1px solid transparent; border-radius: 17px; box-shadow: 0 12px 28px rgba(30,49,29,.1); box-sizing: border-box; color: var(--pp-text); cursor: pointer; display: flex; flex-direction: column; font: inherit; height: var(--table-card-height); max-height: var(--table-card-height); max-width: var(--table-card-width); min-height: var(--table-card-height); min-width: var(--table-card-width); overflow: hidden; padding: .85rem; position: relative; text-align: left; touch-action: manipulation; transition: transform .16s ease, box-shadow .16s ease; width: var(--table-card-width); }
.table-card:active[b-avvi1e13vw] { transform: scale(.985); }
.table-card:hover[b-avvi1e13vw] { box-shadow: 0 18px 38px rgba(30,49,29,.16); transform: translateY(-2px); }
.table-free[b-avvi1e13vw] { background: linear-gradient(145deg,#fbfcfc,#e7ecee); border-color: #d2dadc; }
.table-busy[b-avvi1e13vw] { background: linear-gradient(145deg,#f1ffd1,#b7e95f 62%,#8fbd38); border-color: rgba(79,111,29,.34); }
.table-reserved[b-avvi1e13vw] { background: linear-gradient(145deg,#fffbea,#ffe58a 58%,#f6bd2f); border-color: rgba(217,155,19,.4); }
.table-card.table-reserved[b-avvi1e13vw] { grid-column: span 2; max-width: calc(var(--table-card-width) + var(--table-card-width) + var(--table-card-gap)); min-width: calc(var(--table-card-width) + var(--table-card-width) + var(--table-card-gap)); width: calc(var(--table-card-width) + var(--table-card-width) + var(--table-card-gap)); }
.table-glow[b-avvi1e13vw] { background: radial-gradient(circle,rgba(255,255,255,.74),transparent 64%); height: 9rem; pointer-events: none; position: absolute; right: -3rem; top: -4rem; width: 9rem; z-index: 0; }
.table-card > span:not(.table-glow)[b-avvi1e13vw] { flex: 0 0 auto; min-width: 0; position: relative; z-index: 1; }
.table-status[b-avvi1e13vw] { align-items: center; color: rgba(23,48,21,.7); display: flex; font-size: .62rem; font-weight: 900; gap: .35rem; letter-spacing: .06em; line-height: 1.2; text-transform: uppercase; }
.table-status i[b-avvi1e13vw] { background: currentColor; border-radius: 999px; box-shadow: 0 0 0 4px rgba(255,255,255,.32); height: .42rem; width: .42rem; }
.table-title[b-avvi1e13vw] { display: flex; flex-direction: column; gap: .12rem; margin-top: .5rem; min-width: 0; }
.table-number[b-avvi1e13vw] { color: #173015; display: block; font-size: 1.14rem; font-weight: 950; line-height: 1.2; white-space: nowrap; }
.table-custom-name[b-avvi1e13vw] { color: rgba(23,48,21,.72); display: block; font-size: .72rem; font-weight: 800; line-height: 1.25; overflow-wrap: anywhere; white-space: normal; word-break: break-word; }
.table-money[b-avvi1e13vw] { color: #284511; font-size: 1.16rem; font-weight: 950; line-height: 1.2; margin-top: .55rem; }
.table-ready[b-avvi1e13vw],.table-reservation[b-avvi1e13vw] { color: rgba(23,48,21,.78); display: block; font-size: .82rem; font-weight: 850; line-height: 1.25; margin-top: .65rem; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.table-meta[b-avvi1e13vw] { color: rgba(23,48,21,.58); display: block; font-size: .67rem; line-height: 1.25; margin-top: .16rem; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.table-reserved .table-title[b-avvi1e13vw] { margin-top: .32rem; }
.reservation-details[b-avvi1e13vw] { display: grid; gap: .16rem .55rem; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: .3rem; min-width: 0; }
.reservation-detail[b-avvi1e13vw] { min-width: 0; }
.reservation-detail small[b-avvi1e13vw] { color: rgba(80,55,8,.7); display: block; font-size: .48rem; font-weight: 850; line-height: 1.1; text-transform: uppercase; }
.reservation-detail strong[b-avvi1e13vw] { color: #5f4108; display: block; font-size: .6rem; font-weight: 850; line-height: 1.15; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.reservation-note[b-avvi1e13vw] { grid-column: 1 / -1; }
.reservation-note strong[b-avvi1e13vw] { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow-wrap: anywhere; white-space: normal; }
.table-time-meta[b-avvi1e13vw] { align-items: center; color: rgba(23,48,21,.62); display: flex; font-size: .62rem; gap: .42rem; line-height: 1.25; margin-top: .16rem; max-width: 100%; overflow: hidden; white-space: nowrap; }
.table-time-meta span[b-avvi1e13vw] { flex: 0 1 auto; min-width: 0; }
.table-time-meta span + span[b-avvi1e13vw] { border-left: 1px solid rgba(23,48,21,.22); padding-left: .42rem; }
.table-time-meta .last-order-age[b-avvi1e13vw] { align-items: center; border: 1px solid transparent; border-radius: 999px; display: inline-flex; font-weight: 850; max-width: 100%; overflow: hidden; padding: .15rem .4rem; text-overflow: ellipsis; white-space: nowrap; }
.last-order-age.age-neutral[b-avvi1e13vw] { background: rgba(255,255,255,.5); border-color: rgba(23,48,21,.22); color: rgba(23,48,21,.68); }
.last-order-age.age-fresh[b-avvi1e13vw] { background: #ecfcca; border-color: #79b92b; color: #315018; }
.last-order-age.age-turquoise[b-avvi1e13vw] { background: #dffbf7; border-color: #21b8a6; color: #075e57; }
.last-order-age.age-gold[b-avvi1e13vw] { background: var(--pp-gold-100); border-color: var(--pp-gold-500); color: #76520b; }
.last-order-age.age-danger[b-avvi1e13vw] { background: #dc2626; border-color: #991b1b; color: #fff; }
.table-warning[b-avvi1e13vw] { -webkit-box-orient: vertical; -webkit-line-clamp: 2; background: rgba(255,255,255,.48); border-radius: 7px; box-sizing: border-box; color: #6a4710; display: -webkit-box; font-size: .6rem; font-weight: 900; line-height: 1.2; margin-top: .35rem; max-width: 100%; overflow: hidden; padding: .25rem .38rem; white-space: normal; width: fit-content; }
.tables-loading[b-avvi1e13vw],.tables-empty[b-avvi1e13vw] { align-items: center; background: rgba(255,255,255,.75); border: 1px solid var(--pp-border); border-radius: 16px; color: var(--pp-text-muted); display: flex; flex: 1 1 0; flex-direction: column; gap: .5rem; justify-content: center; min-height: 16rem; }

.floor-live-shell[b-avvi1e13vw] { background: rgba(255,255,255,.78); border: 1px solid var(--pp-border); border-radius: 17px; display: flex; flex: 1 1 0; flex-direction: column; min-height: 0; overflow: hidden; }
.floor-live-zoom[b-avvi1e13vw] { align-items: center; background: rgba(255,255,255,.88); border: 1px solid var(--pp-border); border-radius: 11px; display: flex; flex: 0 0 auto; gap: .2rem; padding: .2rem; }
.floor-live-zoom button[b-avvi1e13vw] { background: #fff; border: 1px solid #ccd7c5; border-radius: 8px; color: var(--pp-green-800); cursor: pointer; font: inherit; font-size: .65rem; font-weight: 850; min-height: 2.15rem; padding: .3rem .55rem; }
.floor-live-zoom strong[b-avvi1e13vw] { align-items: center; background: var(--pp-green-100); border-radius: 7px; display: inline-flex; font-size: .65rem; justify-content: center; min-height: 2.15rem; min-width: 3.1rem; }
.floor-unplaced-warning[b-avvi1e13vw] { align-items: center; background: #fff8df; border-bottom: 1px solid #e8ce7e; color: #6b4b0a; display: flex; flex: 0 0 auto; font-size: .66rem; gap: .45rem; padding: .38rem .62rem; }
.floor-unplaced-warning .icon[b-avvi1e13vw] { flex: 0 0 auto; height: 1rem; width: 1rem; }
.floor-unplaced-warning > span:nth-child(2)[b-avvi1e13vw] { flex: 1; min-width: 0; }
.floor-unplaced-warning button[b-avvi1e13vw] { background: #fff; border: 1px solid #d6b75e; border-radius: 8px; color: #6b4b0a; cursor: pointer; flex: 0 0 auto; font: inherit; font-size: .62rem; font-weight: 850; min-height: 2rem; padding: .25rem .55rem; }
.floor-live-viewport[b-avvi1e13vw] { background: #c8d0c3; flex: 1 1 0; min-height: 14rem; overflow: hidden; position: relative; touch-action: none; }
.floor-live-viewport[b-avvi1e13vw]::after { background: rgba(255,255,255,.72); border-radius: 999px; bottom: .45rem; color: rgba(33,58,28,.62); content: 'Boş zemini sürükleyin · Tekerlek veya iki parmakla zoom'; font-size: .56rem; left: 50%; padding: .24rem .55rem; pointer-events: none; position: absolute; transform: translateX(-50%); white-space: nowrap; z-index: 50000; }
.floor-live-canvas[b-avvi1e13vw] { background-color: #f5f2e9; box-shadow: 0 18px 46px rgba(24,45,20,.25); position: absolute; }
.floor-live-theme-ahsap[b-avvi1e13vw] { background-image: linear-gradient(90deg,rgba(120,76,38,.12) 1px,transparent 1px),linear-gradient(rgba(120,76,38,.08) 1px,transparent 1px),linear-gradient(90deg,#f0dfc3,#f8ead2 50%,#ead4b2); background-size: 24px 24px,24px 24px,100% 100%; }
.floor-live-theme-tas[b-avvi1e13vw] { background-image: linear-gradient(45deg,rgba(82,91,83,.12) 25%,transparent 25%,transparent 75%,rgba(82,91,83,.12) 75%),linear-gradient(45deg,rgba(82,91,83,.12) 25%,#edf0eb 25%,#edf0eb 75%,rgba(82,91,83,.12) 75%); background-size: 50px 50px; }
.floor-live-theme-karo[b-avvi1e13vw] { background-image: linear-gradient(rgba(83,106,74,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(83,106,74,.12) 1px,transparent 1px),linear-gradient(135deg,#f8f6ed,#e9efe4); background-size: 42px 42px,42px 42px,100% 100%; }
.floor-live-theme-sade[b-avvi1e13vw] { background-image: linear-gradient(rgba(83,106,74,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(83,106,74,.06) 1px,transparent 1px); background-size: 24px 24px; }
.floor-live-theme-cini_mavi_cicek[b-avvi1e13vw],
.floor-live-theme-cini_turkuaz_rozet[b-avvi1e13vw],
.floor-live-theme-cini_kobalt_bag[b-avvi1e13vw],
.floor-live-theme-cini_mercan[b-avvi1e13vw],
.floor-live-theme-cini_gece[b-avvi1e13vw],
.floor-live-theme-mozaik_toprak[b-avvi1e13vw] {
    background-repeat: no-repeat,repeat;
    background-size: 100% 100%,96px 96px;
}
.floor-live-theme-cini_mavi_cicek[b-avvi1e13vw] { background-image: linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.1)),url('/images/floor-plan-scenes/floor-tile-cini-mavi-cicek.webp'); }
.floor-live-theme-cini_turkuaz_rozet[b-avvi1e13vw] { background-image: linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)),url('/images/floor-plan-scenes/floor-tile-cini-turkuaz-rozet.webp'); }
.floor-live-theme-cini_kobalt_bag[b-avvi1e13vw] { background-image: linear-gradient(rgba(255,255,255,.14),rgba(255,255,255,.14)),url('/images/floor-plan-scenes/floor-tile-cini-kobalt-bag.webp'); }
.floor-live-theme-cini_mercan[b-avvi1e13vw] { background-image: linear-gradient(rgba(255,255,255,.14),rgba(255,255,255,.14)),url('/images/floor-plan-scenes/floor-tile-cini-mercan.webp'); }
.floor-live-theme-cini_gece[b-avvi1e13vw] { background-image: linear-gradient(rgba(255,255,255,.16),rgba(255,255,255,.16)),url('/images/floor-plan-scenes/floor-tile-cini-gece.webp'); }
.floor-live-theme-mozaik_toprak[b-avvi1e13vw] { background-image: linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.12)),url('/images/floor-plan-scenes/floor-tile-mozaik-toprak.webp'); }
.floor-live-theme-cini_zumrut_rozet[b-avvi1e13vw],
.floor-live-theme-cini_zumrut_geometri[b-avvi1e13vw] {
    background-repeat: no-repeat,repeat;
    background-size: 100% 100%,128px 128px;
}
.floor-live-theme-cini_zumrut_rozet[b-avvi1e13vw] { background-image: linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08)),url('/images/floor-plan-scenes/floor-tile-cini-zumrut-rozet.webp'); }
.floor-live-theme-cini_zumrut_geometri[b-avvi1e13vw] { background-image: linear-gradient(rgba(255,255,255,.16),rgba(255,255,255,.16)),url('/images/floor-plan-scenes/floor-tile-cini-zumrut-geometri.webp'); }
.floor-live-object[b-avvi1e13vw] { align-items: center; background: color-mix(in srgb,var(--object-color) 20%,#fff); border: 3px solid var(--object-color); border-radius: 12px; box-sizing: border-box; color: #263621; display: flex; flex-direction: column; isolation: isolate; justify-content: center; overflow: hidden; pointer-events: none; position: absolute; text-align: center; }
.floor-live-object > span[b-avvi1e13vw] { color: var(--object-color); font-size: clamp(.8rem,2vw,2rem); font-weight: 950; position: relative; z-index: 4; }
.floor-live-object > strong[b-avvi1e13vw] { font-size: clamp(.55rem,1vw,.9rem); overflow: hidden; padding: 0 .2rem; position: relative; text-overflow: ellipsis; white-space: nowrap; width: 100%; z-index: 5; }
.floor-live-object.object-duvar[b-avvi1e13vw],.floor-live-object.object-pencere[b-avvi1e13vw] { border-radius: 3px; }
.floor-live-object.object-bitki[b-avvi1e13vw] {
    background: color-mix(in srgb,var(--object-color) 14%,#d8ead0);
    border-color: color-mix(in srgb,var(--object-color) 76%,#244d28);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.24),inset 0 0 14px color-mix(in srgb,var(--object-color) 24%,transparent),0 2px 6px rgba(24,62,29,.2);
}
.floor-live-object.object-bitki[b-avvi1e13vw]::before {
    background-image: linear-gradient(color-mix(in srgb,var(--object-color) 11%,transparent),color-mix(in srgb,var(--object-color) 11%,transparent)),url('/images/floor-plan-scenes/grass-flowers-tile.webp');
    background-repeat: no-repeat,repeat;
    background-size: 100% 100%,128px 128px;
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}
.floor-live-object.object-bitki > span[b-avvi1e13vw] { display: none; }
.floor-live-object.object-bitki > strong[b-avvi1e13vw] {
    background: rgba(247,252,243,.88);
    border: 1px solid rgba(54,103,49,.5);
    border-radius: 999px;
    bottom: .14rem;
    box-shadow: 0 1px 4px rgba(20,55,25,.3);
    color: #244b24;
    font-size: clamp(.4rem,.75vw,.66rem);
    left: 50%;
    line-height: 1.05;
    max-width: calc(100% - .25rem);
    padding: .08rem .32rem;
    position: absolute;
    transform: translateX(-50%);
    width: auto;
}
.floor-live-object.object-agac[b-avvi1e13vw],.floor-live-object.object-cali[b-avvi1e13vw],.floor-live-object.object-ciceklik[b-avvi1e13vw],
.floor-live-object.object-tas_yol[b-avvi1e13vw],.floor-live-object.object-pergola[b-avvi1e13vw],.floor-live-object.object-semsiye[b-avvi1e13vw],
.floor-live-object.object-fiskiye[b-avvi1e13vw],.floor-live-object.object-saksi[b-avvi1e13vw],.floor-live-object.object-kaya[b-avvi1e13vw],
.floor-live-object.object-bank[b-avvi1e13vw],.floor-live-object.object-aydinlatma[b-avvi1e13vw],
.floor-live-object.object-gul_kumesi[b-avvi1e13vw],.floor-live-object.object-karanfil_kumesi[b-avvi1e13vw],
.floor-live-object.object-lale_kumesi[b-avvi1e13vw],.floor-live-object.object-papatya_kumesi[b-avvi1e13vw],
.floor-live-object.object-lavanta_seridi[b-avvi1e13vw],.floor-live-object.object-gul_seridi[b-avvi1e13vw],
.floor-live-object.object-lale_seridi[b-avvi1e13vw],.floor-live-object.object-papatya_seridi[b-avvi1e13vw],
.floor-live-object.object-karanfil_seridi[b-avvi1e13vw],.floor-live-object.object-kadife_seridi[b-avvi1e13vw],
.floor-live-object.object-ortanca_kumesi[b-avvi1e13vw],
.floor-live-object.object-gul_buketi[b-avvi1e13vw],.floor-live-object.object-mevsim_buketi[b-avvi1e13vw],.floor-live-object.object-beyaz_buket[b-avvi1e13vw] {
    background: color-mix(in srgb,var(--object-color) 11%,rgba(250,252,246,.82));
    border-color: color-mix(in srgb,var(--object-color) 72%,#34442f);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.3),0 3px 8px rgba(28,45,24,.2);
}
.floor-live-object.object-agac[b-avvi1e13vw]::before,.floor-live-object.object-pergola[b-avvi1e13vw]::before,
.floor-live-object.object-semsiye[b-avvi1e13vw]::before,.floor-live-object.object-fiskiye[b-avvi1e13vw]::before,
.floor-live-object.object-saksi[b-avvi1e13vw]::before,.floor-live-object.object-kaya[b-avvi1e13vw]::before,
.floor-live-object.object-bank[b-avvi1e13vw]::before,.floor-live-object.object-aydinlatma[b-avvi1e13vw]::before,
.floor-live-object.object-gul_kumesi[b-avvi1e13vw]::before,.floor-live-object.object-karanfil_kumesi[b-avvi1e13vw]::before,
.floor-live-object.object-lale_kumesi[b-avvi1e13vw]::before,.floor-live-object.object-papatya_kumesi[b-avvi1e13vw]::before,
.floor-live-object.object-ortanca_kumesi[b-avvi1e13vw]::before,.floor-live-object.object-gul_buketi[b-avvi1e13vw]::before,
.floor-live-object.object-mevsim_buketi[b-avvi1e13vw]::before,.floor-live-object.object-beyaz_buket[b-avvi1e13vw]::before {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    filter: drop-shadow(0 3px 4px rgba(22,35,19,.3));
    inset: 3%;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}
.floor-live-object.object-agac[b-avvi1e13vw]::before { background-image: url('/images/floor-plan-scenes/landscape-tree.webp'); }
.floor-live-object.object-pergola[b-avvi1e13vw]::before { background-image: url('/images/floor-plan-scenes/landscape-pergola.webp'); }
.floor-live-object.object-semsiye[b-avvi1e13vw]::before { background-image: url('/images/floor-plan-scenes/landscape-umbrella.webp'); }
.floor-live-object.object-fiskiye[b-avvi1e13vw]::before { background-image: url('/images/floor-plan-scenes/landscape-fountain.webp'); }
.floor-live-object.object-saksi[b-avvi1e13vw]::before { background-image: url('/images/floor-plan-scenes/landscape-planter.webp'); }
.floor-live-object.object-kaya[b-avvi1e13vw]::before { background-image: url('/images/floor-plan-scenes/landscape-rocks.webp'); }
.floor-live-object.object-bank[b-avvi1e13vw]::before { background-image: url('/images/floor-plan-scenes/landscape-bench.webp'); }
.floor-live-object.object-aydinlatma[b-avvi1e13vw]::before { background-image: url('/images/floor-plan-scenes/landscape-light.webp'); }
.floor-live-object.object-gul_kumesi[b-avvi1e13vw]::before { background-image: url('/images/floor-plan-scenes/landscape-flower-rose.webp'); }
.floor-live-object.object-karanfil_kumesi[b-avvi1e13vw]::before { background-image: url('/images/floor-plan-scenes/landscape-flower-carnation.webp'); }
.floor-live-object.object-lale_kumesi[b-avvi1e13vw]::before { background-image: url('/images/floor-plan-scenes/landscape-flower-tulip.webp'); }
.floor-live-object.object-papatya_kumesi[b-avvi1e13vw]::before { background-image: url('/images/floor-plan-scenes/landscape-flower-daisy.webp'); }
.floor-live-object.object-ortanca_kumesi[b-avvi1e13vw]::before { background-image: url('/images/floor-plan-scenes/landscape-flower-hydrangea.webp'); }
.floor-live-object.object-gul_buketi[b-avvi1e13vw]::before { background-image: url('/images/floor-plan-scenes/landscape-bouquet-rose.webp'); }
.floor-live-object.object-mevsim_buketi[b-avvi1e13vw]::before { background-image: url('/images/floor-plan-scenes/landscape-bouquet-seasonal.webp'); }
.floor-live-object.object-beyaz_buket[b-avvi1e13vw]::before { background-image: url('/images/floor-plan-scenes/landscape-bouquet-white.webp'); }
.floor-live-object.object-cali[b-avvi1e13vw]::before,.floor-live-object.object-ciceklik[b-avvi1e13vw]::before,
.floor-live-object.object-tas_yol[b-avvi1e13vw]::before,.floor-live-object.object-lavanta_seridi[b-avvi1e13vw]::before,
.floor-live-object.object-gul_seridi[b-avvi1e13vw]::before,.floor-live-object.object-lale_seridi[b-avvi1e13vw]::before,
.floor-live-object.object-papatya_seridi[b-avvi1e13vw]::before,.floor-live-object.object-karanfil_seridi[b-avvi1e13vw]::before,
.floor-live-object.object-kadife_seridi[b-avvi1e13vw]::before {
    background-position: center;
    background-repeat: repeat;
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}
.floor-live-object.object-cali[b-avvi1e13vw]::before { background-image: linear-gradient(color-mix(in srgb,var(--object-color) 7%,transparent),color-mix(in srgb,var(--object-color) 7%,transparent)),url('/images/floor-plan-scenes/landscape-hedge-tile.webp'); background-size: 100% 100%,96px 96px; }
.floor-live-object.object-ciceklik[b-avvi1e13vw]::before { background-image: linear-gradient(color-mix(in srgb,var(--object-color) 6%,transparent),color-mix(in srgb,var(--object-color) 6%,transparent)),url('/images/floor-plan-scenes/landscape-flowerbed-tile.webp'); background-size: 100% 100%,128px 128px; }
.floor-live-object.object-tas_yol[b-avvi1e13vw]::before { background-image: linear-gradient(color-mix(in srgb,var(--object-color) 5%,transparent),color-mix(in srgb,var(--object-color) 5%,transparent)),url('/images/floor-plan-scenes/landscape-stone-path-tile.webp'); background-size: 100% 100%,128px 128px; }
.floor-live-object.object-lavanta_seridi[b-avvi1e13vw]::before { background-image: linear-gradient(color-mix(in srgb,var(--object-color) 6%,transparent),color-mix(in srgb,var(--object-color) 6%,transparent)),url('/images/floor-plan-scenes/landscape-lavender-tile.webp'); background-size: 100% 100%,128px 128px; }
.floor-live-object.object-gul_seridi[b-avvi1e13vw]::before { background-image: linear-gradient(color-mix(in srgb,var(--object-color) 6%,transparent),color-mix(in srgb,var(--object-color) 6%,transparent)),url('/images/floor-plan-scenes/landscape-rose-strip-tile.webp'); background-size: 100% 100%,128px 128px; }
.floor-live-object.object-lale_seridi[b-avvi1e13vw]::before { background-image: linear-gradient(color-mix(in srgb,var(--object-color) 6%,transparent),color-mix(in srgb,var(--object-color) 6%,transparent)),url('/images/floor-plan-scenes/landscape-tulip-strip-tile.webp'); background-size: 100% 100%,128px 128px; }
.floor-live-object.object-papatya_seridi[b-avvi1e13vw]::before { background-image: linear-gradient(color-mix(in srgb,var(--object-color) 6%,transparent),color-mix(in srgb,var(--object-color) 6%,transparent)),url('/images/floor-plan-scenes/landscape-daisy-strip-tile.webp'); background-size: 100% 100%,128px 128px; }
.floor-live-object.object-karanfil_seridi[b-avvi1e13vw]::before { background-image: linear-gradient(color-mix(in srgb,var(--object-color) 6%,transparent),color-mix(in srgb,var(--object-color) 6%,transparent)),url('/images/floor-plan-scenes/landscape-carnation-strip-tile.webp'); background-size: 100% 100%,128px 128px; }
.floor-live-object.object-kadife_seridi[b-avvi1e13vw]::before { background-image: linear-gradient(color-mix(in srgb,var(--object-color) 6%,transparent),color-mix(in srgb,var(--object-color) 6%,transparent)),url('/images/floor-plan-scenes/landscape-marigold-strip-tile.webp'); background-size: 100% 100%,128px 128px; }
.floor-live-object.object-cali[b-avvi1e13vw],.floor-live-object.object-ciceklik[b-avvi1e13vw],.floor-live-object.object-tas_yol[b-avvi1e13vw],
.floor-live-object.object-lavanta_seridi[b-avvi1e13vw],.floor-live-object.object-gul_seridi[b-avvi1e13vw],.floor-live-object.object-lale_seridi[b-avvi1e13vw],
.floor-live-object.object-papatya_seridi[b-avvi1e13vw],.floor-live-object.object-karanfil_seridi[b-avvi1e13vw],.floor-live-object.object-kadife_seridi[b-avvi1e13vw] { border-radius: 8px; }
.floor-live-object.object-aydinlatma[b-avvi1e13vw]::after {
    background: radial-gradient(circle,rgba(255,225,142,.38),rgba(255,225,142,0) 68%);
    content: "";
    inset: -18%;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}
.floor-live-object.object-agac > span[b-avvi1e13vw],.floor-live-object.object-cali > span[b-avvi1e13vw],
.floor-live-object.object-ciceklik > span[b-avvi1e13vw],.floor-live-object.object-tas_yol > span[b-avvi1e13vw],
.floor-live-object.object-pergola > span[b-avvi1e13vw],.floor-live-object.object-semsiye > span[b-avvi1e13vw],
.floor-live-object.object-fiskiye > span[b-avvi1e13vw],.floor-live-object.object-saksi > span[b-avvi1e13vw],
.floor-live-object.object-kaya > span[b-avvi1e13vw],.floor-live-object.object-bank > span[b-avvi1e13vw],
.floor-live-object.object-aydinlatma > span[b-avvi1e13vw],
.floor-live-object.object-gul_kumesi > span[b-avvi1e13vw],.floor-live-object.object-karanfil_kumesi > span[b-avvi1e13vw],
.floor-live-object.object-lale_kumesi > span[b-avvi1e13vw],.floor-live-object.object-papatya_kumesi > span[b-avvi1e13vw],
.floor-live-object.object-lavanta_seridi > span[b-avvi1e13vw],.floor-live-object.object-gul_seridi > span[b-avvi1e13vw],
.floor-live-object.object-lale_seridi > span[b-avvi1e13vw],.floor-live-object.object-papatya_seridi > span[b-avvi1e13vw],
.floor-live-object.object-karanfil_seridi > span[b-avvi1e13vw],.floor-live-object.object-kadife_seridi > span[b-avvi1e13vw],
.floor-live-object.object-ortanca_kumesi > span[b-avvi1e13vw],
.floor-live-object.object-gul_buketi > span[b-avvi1e13vw],.floor-live-object.object-mevsim_buketi > span[b-avvi1e13vw],
.floor-live-object.object-beyaz_buket > span[b-avvi1e13vw] { display: none; }
.floor-live-object.object-agac > strong[b-avvi1e13vw],.floor-live-object.object-cali > strong[b-avvi1e13vw],
.floor-live-object.object-ciceklik > strong[b-avvi1e13vw],.floor-live-object.object-tas_yol > strong[b-avvi1e13vw],
.floor-live-object.object-pergola > strong[b-avvi1e13vw],.floor-live-object.object-semsiye > strong[b-avvi1e13vw],
.floor-live-object.object-fiskiye > strong[b-avvi1e13vw],.floor-live-object.object-saksi > strong[b-avvi1e13vw],
.floor-live-object.object-kaya > strong[b-avvi1e13vw],.floor-live-object.object-bank > strong[b-avvi1e13vw],
.floor-live-object.object-aydinlatma > strong[b-avvi1e13vw],
.floor-live-object.object-gul_kumesi > strong[b-avvi1e13vw],.floor-live-object.object-karanfil_kumesi > strong[b-avvi1e13vw],
.floor-live-object.object-lale_kumesi > strong[b-avvi1e13vw],.floor-live-object.object-papatya_kumesi > strong[b-avvi1e13vw],
.floor-live-object.object-lavanta_seridi > strong[b-avvi1e13vw],.floor-live-object.object-gul_seridi > strong[b-avvi1e13vw],
.floor-live-object.object-lale_seridi > strong[b-avvi1e13vw],.floor-live-object.object-papatya_seridi > strong[b-avvi1e13vw],
.floor-live-object.object-karanfil_seridi > strong[b-avvi1e13vw],.floor-live-object.object-kadife_seridi > strong[b-avvi1e13vw],
.floor-live-object.object-ortanca_kumesi > strong[b-avvi1e13vw],
.floor-live-object.object-gul_buketi > strong[b-avvi1e13vw],.floor-live-object.object-mevsim_buketi > strong[b-avvi1e13vw],
.floor-live-object.object-beyaz_buket > strong[b-avvi1e13vw] {
    background: rgba(250,252,247,.88);
    border: 1px solid color-mix(in srgb,var(--object-color) 40%,rgba(255,255,255,.7));
    border-radius: 999px;
    bottom: .12rem;
    box-shadow: 0 1px 4px rgba(20,42,18,.24);
    font-size: clamp(.38rem,.7vw,.62rem);
    left: 50%;
    line-height: 1.05;
    max-width: calc(100% - .25rem);
    padding: .07rem .28rem;
    position: absolute;
    transform: translateX(-50%);
    width: auto;
}
.floor-live-object.object-duvar[b-avvi1e13vw] {
    background: color-mix(in srgb,var(--object-color) 10%,#eadcc8);
    border-color: color-mix(in srgb,var(--object-color) 76%,#6d5144);
    box-shadow: 0 2px 5px rgba(50,35,28,.28);
}
.floor-live-object.object-duvar[b-avvi1e13vw]::before {
    background-image: linear-gradient(color-mix(in srgb,var(--object-color) 9%,transparent),color-mix(in srgb,var(--object-color) 9%,transparent)),url('/images/floor-plan-scenes/plaster-brick-wall-tile.webp');
    background-repeat: no-repeat,repeat;
    background-size: 100% 100%,96px 48px;
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}
.floor-live-object.object-duvar[b-avvi1e13vw]::after {
    background: linear-gradient(180deg,rgba(255,255,255,.58) 0,rgba(255,255,255,.15) 12%,transparent 28%,transparent 70%,rgba(78,50,37,.16) 86%,rgba(55,37,29,.4) 100%);
    box-shadow: inset 0 1px rgba(255,255,255,.72),inset 0 -2px rgba(61,42,33,.35);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1;
}
.floor-live-object.object-duvar > span[b-avvi1e13vw],.floor-live-object.object-duvar > strong[b-avvi1e13vw] { display: none; }
.floor-live-object.object-vip[b-avvi1e13vw],.floor-live-object.object-bolge[b-avvi1e13vw] { background: color-mix(in srgb,var(--object-color) 13%,transparent); border-style: dashed; }
.floor-live-object.object-akvaryum[b-avvi1e13vw],.floor-live-object.object-akvaryum_statik[b-avvi1e13vw] { background: linear-gradient(180deg,#d9ffff,#68d4dd); box-shadow: inset 0 0 18px rgba(20,122,144,.3); }
.floor-live-object.object-servis[b-avvi1e13vw] { background: linear-gradient(180deg,color-mix(in srgb,var(--object-color) 12%,#fff),color-mix(in srgb,var(--object-color) 30%,#f3dfbd)); }
.floor-live-object.object-bar[b-avvi1e13vw] { background: linear-gradient(145deg,#efe8de,#d6c3aa); border-color: #5d4638; }
.floor-live-object.object-kasa[b-avvi1e13vw] { background: linear-gradient(145deg,#fff8d8,color-mix(in srgb,var(--object-color) 34%,#fff)); container-type: size; }
.floor-live-object.object-mutfak[b-avvi1e13vw] { background: linear-gradient(180deg,#edf1f2,color-mix(in srgb,var(--object-color) 24%,#fff)); }
.floor-live-object.object-hayalet_futbolu[b-avvi1e13vw] { background: radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--object-color) 28%,#172d3b),#171427 78%); box-shadow: inset 0 0 22px color-mix(in srgb,var(--object-color) 58%,transparent); transition: opacity .4s ease,visibility 0s linear 0s; }
.floor-live-object.object-hayalet_futbolu.is-occupancy-hidden[b-avvi1e13vw] { opacity: 0; visibility: hidden; transition: opacity .4s ease,visibility 0s linear .4s; }
.floor-live-object.object-hayalet_futbolu.is-occupancy-hidden .floor-object-scene *[b-avvi1e13vw],.floor-live-object.object-hayalet_futbolu.is-occupancy-hidden .floor-object-scene *[b-avvi1e13vw]::before,.floor-live-object.object-hayalet_futbolu.is-occupancy-hidden .floor-object-scene *[b-avvi1e13vw]::after { animation-play-state: paused !important; }
.floor-object-scene[b-avvi1e13vw] { inset: 0; overflow: hidden; pointer-events: none; position: absolute; z-index: 1; }
.floor-object-scene *[b-avvi1e13vw],.floor-object-scene *[b-avvi1e13vw]::before,.floor-object-scene *[b-avvi1e13vw]::after { box-sizing: border-box; pointer-events: none; }
.floor-live-object.has-live-scene > span[b-avvi1e13vw] { display: none; }
.floor-live-object.has-live-scene > .floor-object-label[b-avvi1e13vw] { background: rgba(255,255,255,.88); border: 1px solid rgba(255,255,255,.78); border-radius: 999px; bottom: .16rem; box-shadow: 0 1px 5px rgba(25,42,20,.22); left: 50%; line-height: 1.2; max-width: 82%; padding: .1rem .4rem; position: absolute; transform: translateX(-50%); width: auto; }
.floor-live-object.has-live-scene.scene-small > .floor-object-label[b-avvi1e13vw] { font-size: .48rem; max-width: 90%; padding: .04rem .22rem; }
.floor-live-object.has-live-scene.is-scene-compact > .floor-object-label[b-avvi1e13vw] { bottom: .05rem; font-size: .38rem; max-width: 94%; padding: .02rem .12rem; }


.scene-environment[b-avvi1e13vw] { background-position: center; background-repeat: no-repeat; background-size: contain; filter: drop-shadow(0 2px 3px rgba(23,28,22,.25)); inset: 3%; position: absolute; z-index: 1; }
.floor-scene-akvaryum .scene-environment[b-avvi1e13vw] { background-image: url('/images/floor-plan-scenes/aquarium-base-landscape.webp'); }
.floor-scene-akvaryum_statik .scene-environment[b-avvi1e13vw] { background-image: url('/images/floor-plan-scenes/aquarium-static-landscape.webp'); }
.floor-scene-kasa .scene-environment[b-avvi1e13vw] { background-image: url('/images/floor-plan-scenes/cash-base-landscape.webp'); inset: 3% 3% 34%; }
.floor-scene-servis .scene-environment[b-avvi1e13vw] { background-image: url('/images/floor-plan-scenes/service-base-landscape.webp'); }
.floor-scene-mutfak .scene-environment[b-avvi1e13vw] { background-image: url('/images/floor-plan-scenes/kitchen-base-landscape.webp'); }
.floor-scene-hayalet_futbolu .scene-environment[b-avvi1e13vw] { background-image: url('/images/floor-plan-scenes/ghost-football-field.webp'); inset: 1.5%; }
.scene-portrait .floor-scene-akvaryum .scene-environment[b-avvi1e13vw] { background-image: url('/images/floor-plan-scenes/aquarium-base-portrait.webp'); }
.scene-portrait .floor-scene-akvaryum_statik .scene-environment[b-avvi1e13vw] { background-image: url('/images/floor-plan-scenes/aquarium-static-portrait.webp'); }
.scene-portrait .floor-scene-kasa .scene-environment[b-avvi1e13vw] { background-image: url('/images/floor-plan-scenes/cash-base-portrait.webp'); inset: 3% 3% 3% 34%; }
.scene-portrait .floor-scene-servis .scene-environment[b-avvi1e13vw] { background-image: url('/images/floor-plan-scenes/service-base-portrait.webp'); }
.scene-portrait .floor-scene-mutfak .scene-environment[b-avvi1e13vw] { background-image: url('/images/floor-plan-scenes/kitchen-base-portrait.webp'); }

.scene-bar-shell[b-avvi1e13vw] { background: linear-gradient(135deg,#333a3e 0,#171c1f 35%,#2b3235 68%,#121719 100%); border: 1px solid #0c1012; box-shadow: inset 0 0 0 2px rgba(255,255,255,.07),inset 0 -4px 8px rgba(0,0,0,.42),0 3px 7px rgba(24,31,27,.34); position: absolute; }
.bar-landscape .scene-bar-shell[b-avvi1e13vw] { border-radius: 21px 21px 15px 15px; inset: 8% 3% 24%; }
.bar-portrait .scene-bar-shell[b-avvi1e13vw] { border-radius: 21px 15px 15px 21px; inset: 3% 20% 6% 7%; }
.scene-bar-shell[b-avvi1e13vw]::before { background: linear-gradient(90deg,rgba(133,83,52,.92),rgba(80,46,31,.86) 32%,rgba(156,96,55,.85) 53%,rgba(61,39,30,.9)); border: 1px solid rgba(206,148,89,.36); border-radius: inherit; box-shadow: inset 0 1px rgba(255,220,168,.28); content: ""; inset: 5%; position: absolute; }
.scene-bar-counter[b-avvi1e13vw] { background: radial-gradient(circle at 44% 38%,#2b3033 0,#1d2225 58%,#111618 100%); border: 1px solid #090c0d; box-shadow: inset 0 1px 3px rgba(255,255,255,.1),0 1px rgba(222,170,106,.28); overflow: hidden; position: absolute; }
.bar-landscape .scene-bar-counter[b-avvi1e13vw] { border-radius: 12px; inset: 20% 5% 25%; }
.bar-portrait .scene-bar-counter[b-avvi1e13vw] { border-radius: 12px; inset: 5% 23% 5% 21%; }
.scene-bar-track[b-avvi1e13vw] { align-items: center; display: flex; inset: 0; justify-content: space-evenly; position: absolute; }
.bar-portrait .scene-bar-track[b-avvi1e13vw] { flex-direction: column; }
.scene-bar-prop[b-avvi1e13vw] { background-position: center; background-repeat: no-repeat; background-size: contain; display: block; flex: 0 0 auto; height: 92%; -webkit-mask-image: radial-gradient(ellipse at center,#000 58%,rgba(0,0,0,.92) 69%,transparent 91%); mask-image: radial-gradient(ellipse at center,#000 58%,rgba(0,0,0,.92) 69%,transparent 91%); width: 22%; }
.bar-portrait .scene-bar-prop[b-avvi1e13vw] { height: 22%; width: 92%; }
.scene-bar-prop-bottles[b-avvi1e13vw] { background-image: url('/images/floor-plan-scenes/bar-module-bottles.webp'); }
.scene-bar-prop-drinks[b-avvi1e13vw] { background-image: url('/images/floor-plan-scenes/bar-module-drinks.webp'); }
.scene-bar-prop-service[b-avvi1e13vw] { background-image: url('/images/floor-plan-scenes/bar-module-service.webp'); }
.scene-bar-prop-hookah[b-avvi1e13vw] { background-image: url('/images/floor-plan-scenes/bar-module-hookah.webp'); }
.scene-bar-rail[b-avvi1e13vw] { background: linear-gradient(90deg,#6f4b21,#dfb36d 22%,#8b612d 46%,#f0c985 68%,#755027); border: 1px solid #583a18; box-shadow: 0 1px 2px rgba(0,0,0,.4),inset 0 1px rgba(255,236,188,.72); display: block; position: absolute; }
.bar-landscape .scene-bar-rail[b-avvi1e13vw] { border-radius: 999px; bottom: 5%; height: 7%; left: 7%; right: 7%; }
.bar-portrait .scene-bar-rail[b-avvi1e13vw] { border-radius: 999px; bottom: 7%; left: 3%; top: 7%; width: 8%; }
.bar-detail-medium .scene-bar-prop-hookah[b-avvi1e13vw],.bar-detail-compact .scene-bar-prop[b-avvi1e13vw] { display: none; }
.bar-landscape.bar-detail-compact .scene-bar-shell[b-avvi1e13vw] { inset: 10% 9% 26%; }
.bar-landscape.bar-detail-compact .scene-bar-counter[b-avvi1e13vw] { inset: 18% 10% 24%; }
.bar-landscape.bar-detail-compact .scene-bar-rail[b-avvi1e13vw] { left: 15%; right: 15%; }
.bar-portrait.bar-detail-compact .scene-bar-shell[b-avvi1e13vw] { inset: 9% 26% 9% 10%; }
.bar-portrait.bar-detail-compact .scene-bar-counter[b-avvi1e13vw] { inset: 10% 24% 10% 18%; }
.bar-portrait.bar-detail-compact .scene-bar-rail[b-avvi1e13vw] { bottom: 15%; top: 15%; }

.scene-sprite[b-avvi1e13vw] { display: block; filter: drop-shadow(0 1px 2px rgba(12,22,15,.34)); overflow: hidden; position: absolute; z-index: 4; }
.scene-sprite[b-avvi1e13vw]::before { background-position: 0 0; background-repeat: no-repeat; background-size: 100% 100%; content: ""; inset: 0 auto 0 0; position: absolute; }
.scene-fish[b-avvi1e13vw] { aspect-ratio: 5 / 3; width: 28%; }
.scene-fish[b-avvi1e13vw]::before { animation: scene-sprite-six-b-avvi1e13vw 1.05s steps(6,end) infinite; width: 600%; }
.scene-fish.fish-one[b-avvi1e13vw] { animation: scene-fish-forward-b-avvi1e13vw 8.5s linear infinite; animation-delay: var(--scene-delay); left: -31%; top: 19%; width: 29%; }
.scene-fish.fish-one[b-avvi1e13vw]::before { background-image: url('/images/floor-plan-scenes/fish-gold.webp'); }
.scene-fish.fish-two[b-avvi1e13vw] { animation: scene-fish-reverse-b-avvi1e13vw 11s linear infinite; animation-delay: calc(var(--scene-delay) - 2.2s); right: -28%; top: 48%; transform: scaleX(-1); width: 25%; }
.scene-fish.fish-two[b-avvi1e13vw]::before { animation-delay: -.36s; background-image: url('/images/floor-plan-scenes/fish-coral.webp'); }
.scene-fish.fish-three[b-avvi1e13vw] { animation: scene-fish-forward-b-avvi1e13vw 13.5s linear infinite; animation-delay: calc(var(--scene-delay) - 4.4s); left: -24%; top: 69%; width: 21%; }
.scene-fish.fish-three[b-avvi1e13vw]::before { animation-delay: -.72s; background-image: url('/images/floor-plan-scenes/fish-teal.webp'); }
.floor-scene-akvaryum .scene-water-glow[b-avvi1e13vw] { animation: scene-water-shimmer-b-avvi1e13vw 6.5s ease-in-out infinite; animation-delay: var(--scene-delay); background: linear-gradient(105deg,transparent 18%,rgba(255,255,255,.28) 46%,transparent 72%); inset: -20% -38%; position: absolute; transform: skewX(-14deg); z-index: 3; }

.scene-worker[b-avvi1e13vw]::before { animation: scene-sprite-eight-b-avvi1e13vw 4.8s steps(8) infinite; animation-delay: var(--scene-delay); width: 800%; }
.scene-worker-cash[b-avvi1e13vw] { aspect-ratio: .731; left: calc(50% - min(28.67cqw,39.3cqh)); top: 55%; width: min(19.74cqw,27.06cqh); z-index: 4; }
.scene-worker-cash[b-avvi1e13vw]::before { animation: none; background-image: url('/images/floor-plan-scenes/staff-cash-count.webp'); background-position: 0 0; transform: none; }
.scene-worker-service[b-avvi1e13vw] { aspect-ratio: .617; left: 31%; top: 3%; width: 19%; }
.scene-worker-service[b-avvi1e13vw]::before { animation-duration: 5.4s; background-image: url('/images/floor-plan-scenes/staff-service-tray.webp'); }
.scene-worker-kitchen[b-avvi1e13vw] { aspect-ratio: .683; left: 34%; top: 1%; width: 18%; }
.scene-worker-kitchen[b-avvi1e13vw]::before { animation: none; background-image: url('/images/floor-plan-scenes/staff-kitchen-stir.webp'); background-position: 0 0; transform: none; }

.ghost-football-player[b-avvi1e13vw] { animation: scene-ghost-player-drift-b-avvi1e13vw 6.8s ease-in-out infinite alternate; animation-delay: var(--scene-delay); aspect-ratio: 256 / 220; position: absolute; width: 17%; z-index: 4; }
.ghost-football-player .scene-sprite[b-avvi1e13vw] { height: 100%; inset: 0; width: 100%; }
.ghost-football-player .scene-sprite[b-avvi1e13vw]::before { animation: scene-sprite-eight-b-avvi1e13vw 1.25s steps(8,end) infinite; animation-delay: var(--scene-delay); width: 800%; }
.ghost-football-player .scene-ghost-player[b-avvi1e13vw]::before { background-image: url('/images/floor-plan-scenes/ghost-football-player.webp'); }
.ghost-football-player .scene-djinn-player[b-avvi1e13vw]::before { animation-duration: 1.42s; background-image: url('/images/floor-plan-scenes/djinn-football-player.webp'); }
.ghost-football-player .is-mirrored[b-avvi1e13vw] { transform: scaleX(-1); }
.ghost-football-player.ghost-one[b-avvi1e13vw] { left: 5%; top: 7%; }
.ghost-football-player.ghost-two[b-avvi1e13vw] { animation-delay: calc(var(--scene-delay) - 1.7s); right: 5%; top: 45%; }
.ghost-football-player.djinn-one[b-avvi1e13vw] { animation-delay: calc(var(--scene-delay) - 3.1s); left: 5%; top: 45%; }
.ghost-football-player.djinn-two[b-avvi1e13vw] { animation-delay: calc(var(--scene-delay) - 4.6s); right: 5%; top: 7%; }
.ghost-football-dancers[b-avvi1e13vw] { animation: scene-ghost-dance-drift-b-avvi1e13vw 4.6s ease-in-out infinite alternate; animation-delay: calc(var(--scene-delay) - 1.1s); aspect-ratio: 1; left: 41%; position: absolute; top: 29%; width: 18%; z-index: 5; }
.ghost-football-halay[b-avvi1e13vw] { animation: scene-ghost-halay-travel-b-avvi1e13vw 5.8s ease-in-out infinite alternate; animation-delay: calc(var(--scene-delay) - 2.3s); aspect-ratio: 320 / 140; bottom: 1%; left: 28%; position: absolute; width: 44%; z-index: 5; }
.ghost-football-dancers .scene-sprite[b-avvi1e13vw],.ghost-football-halay .scene-sprite[b-avvi1e13vw] { height: 100%; inset: 0; width: 100%; }
.ghost-football-dancers .scene-sprite[b-avvi1e13vw]::before,.ghost-football-halay .scene-sprite[b-avvi1e13vw]::before { animation: scene-sprite-eight-b-avvi1e13vw 1.18s steps(8,end) infinite; animation-delay: var(--scene-delay); width: 800%; }
.ghost-football-dancers .scene-ghost-dance-duo[b-avvi1e13vw]::before { background-image: url('/images/floor-plan-scenes/ghost-football-dance-duo.webp'); }
.ghost-football-halay .scene-ghost-halay-group[b-avvi1e13vw]::before { animation-duration: 1.36s; background-image: url('/images/floor-plan-scenes/ghost-football-halay-group.webp'); }
.scene-ghost-football-ball[b-avvi1e13vw] { animation: scene-ghost-ball-pass-b-avvi1e13vw 9s cubic-bezier(.45,.05,.55,.95) infinite; animation-delay: var(--scene-delay); background: url('/images/floor-plan-scenes/ghost-football-ball.webp') center/contain no-repeat; filter: drop-shadow(0 0 5px rgba(114,240,255,.78)); height: 9%; left: 45.5%; position: absolute; top: 45.5%; width: 9%; z-index: 6; }
.scene-portrait .floor-scene-hayalet_futbolu .scene-environment[b-avvi1e13vw] { inset: 2%; }
.scene-portrait .ghost-football-player[b-avvi1e13vw] { width: 28%; }
.scene-portrait .ghost-football-player.ghost-one[b-avvi1e13vw] { left: 4%; top: 7%; }
.scene-portrait .ghost-football-player.ghost-two[b-avvi1e13vw] { right: 4%; top: 56%; }
.scene-portrait .ghost-football-player.djinn-one[b-avvi1e13vw] { left: 4%; top: 56%; }
.scene-portrait .ghost-football-player.djinn-two[b-avvi1e13vw] { right: 4%; top: 7%; }
.scene-portrait .ghost-football-dancers[b-avvi1e13vw] { left: 34%; top: 34%; width: 32%; }
.scene-portrait .ghost-football-halay[b-avvi1e13vw] { animation-name: scene-ghost-halay-travel-portrait-b-avvi1e13vw; bottom: 11%; left: 14%; transform: rotate(90deg); width: 72%; }
.scene-portrait .scene-ghost-football-ball[b-avvi1e13vw] { height: 9%; left: 43%; top: 45.5%; width: 14%; }
.scene-small .ghost-football-player.ghost-two[b-avvi1e13vw],.scene-small .ghost-football-player.djinn-two[b-avvi1e13vw],
.scene-ghost-party-small .ghost-football-player.ghost-two[b-avvi1e13vw],.scene-ghost-party-small .ghost-football-player.djinn-two[b-avvi1e13vw] { display: none; }
.scene-small .ghost-football-player[b-avvi1e13vw],.scene-ghost-party-small .ghost-football-player[b-avvi1e13vw] { width: 27%; }
.scene-small .ghost-football-player.ghost-one[b-avvi1e13vw],.scene-ghost-party-small .ghost-football-player.ghost-one[b-avvi1e13vw] { left: 7%; top: 9%; }
.scene-small .ghost-football-player.djinn-one[b-avvi1e13vw],.scene-ghost-party-small .ghost-football-player.djinn-one[b-avvi1e13vw] { bottom: 9%; left: auto; right: 7%; top: auto; }
.scene-small .ghost-football-dancers[b-avvi1e13vw],.scene-ghost-party-small .ghost-football-dancers[b-avvi1e13vw] { left: 34%; top: 29%; width: 32%; }
.scene-small .ghost-football-halay[b-avvi1e13vw],.scene-ghost-party-small .ghost-football-halay[b-avvi1e13vw] { display: none; }

.scene-ambient[b-avvi1e13vw] { animation: scene-ambient-rise-b-avvi1e13vw 3.2s ease-out infinite; animation-delay: var(--scene-delay); background: radial-gradient(ellipse at center,rgba(255,255,255,.58),rgba(255,255,255,0) 68%); filter: blur(1px); height: 30%; opacity: 0; position: absolute; width: 15%; z-index: 5; }
.scene-coffee-steam[b-avvi1e13vw] { right: 7%; top: 18%; }

.scene-portrait .scene-fish[b-avvi1e13vw] { width: 54%; }
.scene-portrait .floor-scene-akvaryum .fish-one[b-avvi1e13vw] { left: -58%; top: 18%; }
.scene-portrait .floor-scene-akvaryum .fish-two[b-avvi1e13vw] { right: -55%; top: 45%; width: 49%; }
.scene-portrait .floor-scene-akvaryum .fish-three[b-avvi1e13vw] { left: -47%; top: 70%; width: 43%; }
.scene-portrait .scene-worker-cash[b-avvi1e13vw] { left: -4%; right: auto; top: calc(50% + 17.3cqw); transform: rotate(90deg); transform-origin: center; width: 50%; }
.scene-portrait .scene-worker-service[b-avvi1e13vw],.scene-portrait .scene-worker-kitchen[b-avvi1e13vw] { left: 17%; right: auto; top: 11%; width: 64%; }
.scene-portrait .scene-worker-service[b-avvi1e13vw] { width: 60%; }
.scene-portrait .scene-worker-kitchen[b-avvi1e13vw] { width: 62%; }

.is-scene-compact .scene-sprite[b-avvi1e13vw],.is-scene-compact .scene-sprite[b-avvi1e13vw]::before,.is-scene-compact .scene-water-glow[b-avvi1e13vw],.is-scene-compact .scene-ambient[b-avvi1e13vw] { animation: none !important; }
.is-scene-compact .fish-two[b-avvi1e13vw],.is-scene-compact .fish-three[b-avvi1e13vw],.is-scene-compact .scene-ambient[b-avvi1e13vw] { display: none; }
.is-scene-compact .fish-one[b-avvi1e13vw] { left: 22%; top: 8%; transform: none; width: 56%; }
.is-scene-compact .scene-worker[b-avvi1e13vw] { left: 35%; right: auto; top: 2%; transform: none; width: 30%; }
.is-scene-compact .scene-worker-cash[b-avvi1e13vw] { display: none; }
.is-scene-compact .ghost-football-player[b-avvi1e13vw],.is-scene-compact .scene-ghost-football-ball[b-avvi1e13vw] { animation: none !important; }
.is-scene-compact .ghost-football-player.ghost-two[b-avvi1e13vw],.is-scene-compact .ghost-football-player.djinn-two[b-avvi1e13vw] { display: none; }
.is-scene-compact .ghost-football-player.ghost-one[b-avvi1e13vw] { left: 7%; top: 12%; width: 40%; }
.is-scene-compact .ghost-football-player.djinn-one[b-avvi1e13vw] { bottom: 12%; left: auto; right: 7%; width: 40%; }
.is-scene-compact .scene-ghost-football-ball[b-avvi1e13vw] { height: 18%; left: 41%; top: 41%; width: 18%; }
.is-scene-compact .ghost-football-dancers[b-avvi1e13vw],.is-scene-compact .ghost-football-halay[b-avvi1e13vw] { display: none; }
.floor-live-table[b-avvi1e13vw] { box-sizing: border-box; padding: 0; position: absolute; }
.floor-live-table.shape-dikdortgen[b-avvi1e13vw] { border-radius: clamp(18px,8%,32px); overflow: visible; }
.floor-live-surface[b-avvi1e13vw] { align-items: center; background: linear-gradient(145deg,#fff8df,#d7b16a); border: 5px solid #8f693b; box-shadow: inset 0 4px 10px rgba(255,255,255,.55),0 8px 16px rgba(72,48,25,.2); box-sizing: border-box; color: #3b2c1d; cursor: pointer; display: flex; flex-direction: column; font: inherit; gap: .04rem; inset: 8%; justify-content: center; overflow: hidden; padding: .25rem; position: absolute; text-align: center; z-index: 2; }
.floor-live-table.shape-yuvarlak .floor-live-surface[b-avvi1e13vw] { border-radius: 50%; }
.floor-live-table.shape-kare .floor-live-surface[b-avvi1e13vw] { border-radius: 14px; }
.floor-live-table.shape-dikdortgen .floor-live-surface[b-avvi1e13vw] { border-radius: 18px; }
.floor-live-table.shape-oval .floor-live-surface[b-avvi1e13vw] { border-radius: 999px; }
.floor-live-table.table-free .floor-live-surface[b-avvi1e13vw] { background: linear-gradient(145deg,#fff,#dfe6e8); border-color: #9aa9ad; }
.floor-live-table.table-busy .floor-live-surface[b-avvi1e13vw] { background: linear-gradient(145deg,#efffcf,#a8d84e); border-color: #527b20; }
.floor-live-table.table-reserved .floor-live-surface[b-avvi1e13vw] { background: linear-gradient(145deg,#fff9dc,#f4c74d); border-color: #b27d0e; }
.floor-live-chair[b-avvi1e13vw] { background: linear-gradient(#f6dfb7,#af7c43); border: 2px solid #7d552d; border-radius: 4px; box-shadow: 0 2px 4px rgba(50,31,15,.24); box-sizing: border-box; height: 13%; overflow: visible; pointer-events: none; position: absolute; width: 13%; z-index: 1; }
.floor-live-guest[b-avvi1e13vw] { background-position: center; background-repeat: no-repeat; background-size: contain; filter: drop-shadow(0 1px 2px rgba(28,24,20,.28)); height: 320%; left: 50%; pointer-events: none; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 320%; z-index: 2; }
.floor-live-table.seat-density-medium .floor-live-guest[b-avvi1e13vw] { height: 250%; width: 250%; }
.floor-live-table.seat-density-high .floor-live-guest[b-avvi1e13vw] { height: 180%; width: 180%; }
.floor-live-table.is-compact:not(.seat-density-medium):not(.seat-density-high) .floor-live-guest[b-avvi1e13vw] { height: 360%; width: 360%; }
.floor-live-guest.guest-01[b-avvi1e13vw] { background-image: url('/images/floor-plan-scenes/guest-seated-01.webp'); }
.floor-live-guest.guest-02[b-avvi1e13vw] { background-image: url('/images/floor-plan-scenes/guest-seated-02.webp'); }
.floor-live-guest.guest-03[b-avvi1e13vw] { background-image: url('/images/floor-plan-scenes/guest-seated-03.webp'); }
.floor-live-guest.guest-04[b-avvi1e13vw] { background-image: url('/images/floor-plan-scenes/guest-seated-04.webp'); }
.floor-live-guest.guest-05[b-avvi1e13vw] { background-image: url('/images/floor-plan-scenes/guest-seated-05.webp'); }
.floor-live-guest.guest-06[b-avvi1e13vw] { background-image: url('/images/floor-plan-scenes/guest-seated-06.webp'); }
.floor-live-guest.guest-07[b-avvi1e13vw] { background-image: url('/images/floor-plan-scenes/guest-seated-07.webp'); }
.floor-live-guest.guest-08[b-avvi1e13vw] { background-image: url('/images/floor-plan-scenes/guest-seated-08.webp'); }
.floor-live-guest.guest-09[b-avvi1e13vw] { background-image: url('/images/floor-plan-scenes/guest-seated-09.webp'); }
.floor-live-guest.guest-10[b-avvi1e13vw] { background-image: url('/images/floor-plan-scenes/guest-seated-10.webp'); }
.floor-live-title[b-avvi1e13vw] { align-items: center; display: flex; flex-direction: column; line-height: 1; max-width: 92%; min-width: 0; }
.floor-live-title > strong[b-avvi1e13vw] { font-size: clamp(.62rem,1vw,.9rem); line-height: 1; }
.floor-live-title > small[b-avvi1e13vw] { font-size: .43rem; font-weight: 800; line-height: 1.1; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.floor-live-status[b-avvi1e13vw] { align-items: center; display: flex; font-size: .42rem; font-weight: 950; gap: .18rem; letter-spacing: .04em; line-height: 1; text-transform: uppercase; }
.floor-live-status i[b-avvi1e13vw] { background: currentColor; border-radius: 50%; flex: 0 0 auto; height: .3rem; width: .3rem; }
.floor-live-money[b-avvi1e13vw] { color: #284511; font-size: clamp(.54rem,.75vw,.78rem); font-weight: 950; line-height: 1; }
.floor-live-time-meta[b-avvi1e13vw] { align-items: center; display: flex; font-size: .39rem; font-weight: 800; gap: .16rem; line-height: 1; max-width: 96%; min-width: 0; white-space: nowrap; }
.floor-live-time-meta > span[b-avvi1e13vw] { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.floor-live-time-meta .last-order-age[b-avvi1e13vw] { border: 1px solid transparent; border-radius: 999px; flex: 0 1 auto; font-weight: 900; padding: .07rem .18rem; }
.floor-live-reservation[b-avvi1e13vw],.floor-live-ready[b-avvi1e13vw],.floor-live-capacity[b-avvi1e13vw] { font-size: .41rem; font-weight: 850; line-height: 1.1; max-width: 94%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.floor-live-capacity[b-avvi1e13vw] { color: rgba(23,48,21,.64); font-size: .37rem; }
.floor-live-warning[b-avvi1e13vw] { -webkit-box-orient: vertical; -webkit-line-clamp: 2; background: rgba(220,38,38,.88); border-radius: 999px; color: #fff; display: -webkit-box; font-size: .37rem; font-weight: 900; line-height: 1.08; max-width: 94%; overflow: hidden; padding: .07rem .22rem; }
.floor-live-reservation-details[b-avvi1e13vw] { display: grid; gap: .08rem .24rem; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: .05rem; max-width: 90%; min-width: 0; width: 90%; }
.floor-live-reservation-details > span[b-avvi1e13vw] { min-width: 0; text-align: left; }
.floor-live-reservation-details > span.wide[b-avvi1e13vw] { grid-column: 1/-1; }
.floor-live-reservation-details small[b-avvi1e13vw],.floor-live-reservation-details strong[b-avvi1e13vw] { display: block; line-height: 1.05; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.floor-live-reservation-details small[b-avvi1e13vw] { color: rgba(80,55,8,.72); font-size: .3rem; font-weight: 900; text-transform: uppercase; }
.floor-live-reservation-details strong[b-avvi1e13vw] { color: #5f4108; font-size: .39rem; font-weight: 850; }
.floor-live-table.is-detailed .floor-live-surface[b-avvi1e13vw] { gap: .07rem; padding: .3rem .42rem; }
.floor-live-table.is-detailed .floor-live-status[b-avvi1e13vw] { font-size: .46rem; }
.floor-live-table.is-detailed .floor-live-title > strong[b-avvi1e13vw] { font-size: clamp(.74rem,1.15vw,1rem); }
.floor-live-table.is-detailed .floor-live-title > small[b-avvi1e13vw] { font-size: .5rem; }
.floor-live-table.is-detailed .floor-live-money[b-avvi1e13vw] { font-size: clamp(.7rem,1vw,.95rem); }
.floor-live-table.is-detailed .floor-live-time-meta[b-avvi1e13vw] { font-size: .46rem; }
.floor-live-table.is-detailed .floor-live-warning[b-avvi1e13vw] { border-radius: 7px; font-size: .42rem; padding: .12rem .28rem; }
.floor-live-table.shape-yuvarlak .floor-live-reservation-details[b-avvi1e13vw] { max-width: 74%; width: 74%; }
.floor-live-table.is-compact .floor-live-surface[b-avvi1e13vw] { border-width: 3px; padding: 0; }
.floor-live-table.is-compact .floor-live-title > small[b-avvi1e13vw],
.floor-live-table.is-compact .floor-live-money[b-avvi1e13vw],
.floor-live-table.is-compact .floor-live-time-meta[b-avvi1e13vw],
.floor-live-table.is-compact .floor-live-reservation[b-avvi1e13vw],
.floor-live-table.is-compact .floor-live-reservation-details[b-avvi1e13vw],
.floor-live-table.is-compact .floor-live-ready[b-avvi1e13vw],
.floor-live-table.is-compact .floor-live-capacity[b-avvi1e13vw],
.floor-live-table.is-compact .floor-live-warning[b-avvi1e13vw] { display: none; }
.floor-live-table.is-compact .floor-live-status[b-avvi1e13vw] { font-size: 0; }
.floor-live-table.is-compact .floor-live-status i[b-avvi1e13vw] { height: .45rem; width: .45rem; }
.floor-live-table.is-compact .floor-live-title > strong[b-avvi1e13vw] { font-size: clamp(.56rem,1vw,.82rem); margin-top: .08rem; }
.floor-live-table.is-compact .floor-live-chair[b-avvi1e13vw] { border-width: 1px; }
@keyframes scene-sprite-six-b-avvi1e13vw { to { transform: translateX(-100%); } }
@keyframes scene-sprite-eight-b-avvi1e13vw { to { transform: translateX(-100%); } }
@keyframes scene-water-shimmer-b-avvi1e13vw { 0%,100% { opacity:.16; transform:translateX(-18%) skewX(-14deg); } 50% { opacity:.66; transform:translateX(18%) skewX(-14deg); } }
@keyframes scene-fish-forward-b-avvi1e13vw { 0% { transform:translateX(0) translateY(0); } 36% { transform:translateX(170%) translateY(9%); } 72% { transform:translateX(340%) translateY(-7%); } 100% { transform:translateX(470%) translateY(0); } }
@keyframes scene-fish-reverse-b-avvi1e13vw { 0% { transform:translateX(0) scaleX(-1); } 38% { transform:translateX(-175%) translateY(-8%) scaleX(-1); } 73% { transform:translateX(-350%) translateY(7%) scaleX(-1); } 100% { transform:translateX(-485%) scaleX(-1); } }
@keyframes scene-ambient-rise-b-avvi1e13vw { 0% { opacity:0; transform:translateY(20%) scale(.72); } 26% { opacity:.5; } 100% { opacity:0; transform:translateY(-90%) scale(1.18); } }
@keyframes scene-ghost-player-drift-b-avvi1e13vw { 0%,100% { transform:translate(-2%,-2%) rotate(-2deg); } 48% { transform:translate(5%,3%) rotate(2deg); } 76% { transform:translate(1%,7%) rotate(0); } }
@keyframes scene-ghost-dance-drift-b-avvi1e13vw { 0%,100% { transform:translateY(-3%) rotate(-2deg); } 50% { transform:translateY(3%) rotate(2deg); } }
@keyframes scene-ghost-halay-travel-b-avvi1e13vw { 0%,100% { transform:translateX(-4%); } 50% { transform:translateX(4%); } }
@keyframes scene-ghost-halay-travel-portrait-b-avvi1e13vw { 0%,100% { transform:rotate(90deg) translateX(-4%); } 50% { transform:rotate(90deg) translateX(4%); } }
@keyframes scene-ghost-ball-pass-b-avvi1e13vw {
    0%,100% { transform:translate(-300%,-320%) rotate(0); }
    25% { transform:translate(300%,-320%) rotate(180deg); }
    50% { transform:translate(300%,130%) rotate(360deg); }
    75% { transform:translate(-300%,130%) rotate(540deg); }
}
.tables-empty .icon[b-avvi1e13vw] { height: 2.4rem; opacity: .6; width: 2.4rem; }
.tables-empty strong[b-avvi1e13vw] { color: var(--pp-green-800); }
.tables-load-error[b-avvi1e13vw] { color: #9a3412; text-align: center; }
.tables-load-error strong[b-avvi1e13vw] { color: #9a3412; }
.tables-load-error small[b-avvi1e13vw] { max-width: 24rem; }

@keyframes table-refresh-spin-b-avvi1e13vw { to { transform: rotate(360deg); } }
@keyframes personnel-badge-shine-b-avvi1e13vw { 0%,55% { transform: translateX(-125%); } 78%,100% { transform: translateX(125%); } }

@media (max-width: 1200px) { .tables-toolbar[b-avvi1e13vw] { gap: .4rem; } .table-search input[b-avvi1e13vw] { width: 6.5rem; } .status-switch button[b-avvi1e13vw] { padding-inline: .38rem; } .floor-live-zoom button[b-avvi1e13vw] { padding-inline: .4rem; } }
@media (max-width: 980px) { .tables-toolbar[b-avvi1e13vw] { align-items: stretch; flex-direction: column; } .tables-filters[b-avvi1e13vw] { justify-content: space-between; } .table-search[b-avvi1e13vw] { flex: 1 1 auto; } .table-search input[b-avvi1e13vw] { width: 100%; } }
@media (orientation: portrait) { .tables-page[b-avvi1e13vw] { overflow: auto; } .tables-hero[b-avvi1e13vw] { align-items: stretch; flex-direction: column; } .tables-overview[b-avvi1e13vw] { grid-template-columns: repeat(4,1fr); } .tables-grid[b-avvi1e13vw] { flex: 0 0 auto; overflow: visible; } }
@media (max-width: 700px) { .tables-overview[b-avvi1e13vw] { gap: .3rem; } .tables-overview > div[b-avvi1e13vw] { min-width: 0; padding: .45rem .25rem; } .tables-filters[b-avvi1e13vw] { align-items: stretch; flex-wrap: wrap; } .status-switch[b-avvi1e13vw] { flex: 1 1 100%; justify-content: space-between; order: 3; } .status-switch button[b-avvi1e13vw] { flex: 1; } .view-switch[b-avvi1e13vw] { flex: 1 1 auto; } .view-switch button[b-avvi1e13vw] { flex: 1; } .tables-refresh-alert[b-avvi1e13vw] { align-items: stretch; flex-direction: column; } .tables-refresh-alert button[b-avvi1e13vw] { align-self: flex-end; } .floor-live-zoom[b-avvi1e13vw] { flex: 1 1 100%; order: 4; overflow-x: auto; } .floor-unplaced-warning[b-avvi1e13vw] { align-items: flex-start; flex-wrap: wrap; } .floor-unplaced-warning button[b-avvi1e13vw] { margin-left: auto; } .floor-live-viewport[b-avvi1e13vw] { min-height: 25rem; } }
@media (prefers-reduced-motion: reduce) {
    .table-card[b-avvi1e13vw] { transition: none; }
    .refresh-button.is-loading .icon[b-avvi1e13vw],.tables-personnel-badge[b-avvi1e13vw]::after { animation: none; }
    .floor-object-scene *[b-avvi1e13vw],.floor-object-scene *[b-avvi1e13vw]::before,.floor-object-scene *[b-avvi1e13vw]::after { animation: none !important; }
    .scene-sprite[b-avvi1e13vw]::before { transform: none !important; }
    .scene-fish.fish-one[b-avvi1e13vw] { left: 10%; transform: none; }
    .scene-fish.fish-two[b-avvi1e13vw] { right: 10%; transform: scaleX(-1); }
    .scene-fish.fish-three[b-avvi1e13vw] { left: 46%; transform: none; }
    .scene-ambient[b-avvi1e13vw] { opacity: .28; transform: none; }
    .ghost-football-player[b-avvi1e13vw],.ghost-football-dancers[b-avvi1e13vw],.ghost-football-halay[b-avvi1e13vw],.scene-ghost-football-ball[b-avvi1e13vw] { animation: none !important; }
    .scene-ghost-football-ball[b-avvi1e13vw] { transform: none; }
}
/* /Components/Pages/Siparisler/SiparisGecmisi.razor.rz.scp.css */
.order-history-page[b-vo4azaft92] {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: 1rem;
    min-height: 0;
    padding: 1rem 0 0;
    width: 100%;
}

.operation-header[b-vo4azaft92] {
    align-items: center;
    background: var(--pp-surface);
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    box-shadow: var(--pp-shadow);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.15rem;
}

.operation-title-wrap[b-vo4azaft92],
.operation-actions[b-vo4azaft92] {
    align-items: center;
    display: flex;
    gap: .85rem;
    min-width: 0;
}

.operation-actions[b-vo4azaft92] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.operation-page-icon[b-vo4azaft92] {
    align-items: center;
    background: linear-gradient(135deg, rgba(255, 229, 138, .46), rgba(168, 216, 79, .22));
    border: 1px solid var(--pp-border-strong);
    border-radius: 8px;
    display: flex;
    flex: 0 0 44px;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.operation-page-icon .icon[b-vo4azaft92] {
    height: 1.5rem;
    width: 1.5rem;
}

.operation-header h1[b-vo4azaft92] {
    color: var(--pp-green-800);
    font-size: 1.35rem;
    margin: 0;
}

.operation-title-meta[b-vo4azaft92] {
    color: var(--pp-text-muted);
    font-size: .82rem;
    margin-top: .18rem;
}

.operation-alert[b-vo4azaft92],
.operation-info[b-vo4azaft92] {
    border-radius: 8px;
    padding: .85rem 1rem;
}

.operation-alert[b-vo4azaft92] {
    background: var(--dxds-color-background-danger-quiet-rest);
    border: 1px solid var(--dxds-color-border-danger-default-rest);
    color: var(--dxds-color-content-danger-default-rest);
}

.operation-info[b-vo4azaft92] {
    background: var(--pp-green-50);
    border: 1px solid var(--pp-green-200);
    color: var(--pp-green-800);
}

.operation-filter-panel[b-vo4azaft92] {
    align-items: end;
    background: var(--pp-surface);
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    box-shadow: var(--pp-shadow-soft);
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(5, minmax(130px, 1fr)) auto;
    padding: .85rem 1rem;
}

.operation-filter-field[b-vo4azaft92] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    min-width: 0;
}

.operation-filter-field > span[b-vo4azaft92] {
    color: var(--pp-green-800);
    font-size: var(--dxds-font-size-base-sm);
    font-weight: 700;
}

.operation-filter-search[b-vo4azaft92] {
    grid-column: span 5;
}

[b-vo4azaft92] .operation-filter-editor {
    min-height: 2.65rem;
    width: 100%;
}

[b-vo4azaft92] .operation-list-button.dxbl-btn {
    min-height: 2.65rem;
    width: 112px;
}

.operation-filter-search-btn[b-vo4azaft92],
.operation-filter-submit[b-vo4azaft92] {
    justify-self: end;
}

.operation-loading[b-vo4azaft92],
.operation-empty[b-vo4azaft92] {
    align-items: center;
    background: var(--pp-surface-soft);
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    color: var(--pp-text-muted);
    display: flex;
    gap: .65rem;
    min-height: 9rem;
    padding: 1rem;
}

.operation-empty > .icon[b-vo4azaft92] {
    height: 1.8rem;
    width: 1.8rem;
}

.operation-empty div[b-vo4azaft92] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.operation-empty strong[b-vo4azaft92] {
    color: var(--pp-green-800);
}

.operation-grid-panel[b-vo4azaft92] {
    background: var(--pp-surface);
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    box-shadow: var(--pp-shadow);
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.order-history-grid-shell[b-vo4azaft92] {
    display: flex;
    flex: 1 1 0;
    min-height: 0;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-gutter: stable;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

[b-vo4azaft92] .operation-grid {
    flex: 1 1 0;
    height: 100%;
    min-height: 0;
    min-width: 129rem;
    width: max(100%, 129rem);
}

[b-vo4azaft92] .operation-grid table th,
[b-vo4azaft92] .operation-grid table td {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
}

[b-vo4azaft92] .operation-grid table tbody tr:hover > td {
    background: rgba(168, 216, 79, .10) !important;
}

[b-vo4azaft92] .operation-receipt-button.dxbl-btn {
    min-height: 2.4rem;
}

.operation-row-actions[b-vo4azaft92] {
    align-items: center;
    display: grid;
    gap: .4rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
}

[b-vo4azaft92] .operation-row-actions .dxbl-btn {
    min-height: 2.65rem;
    min-width: 0;
    width: 100%;
}

.order-history-status[b-vo4azaft92],
.history-receipt-status[b-vo4azaft92] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 999px;
    display: inline-flex;
    font-size: .68rem;
    font-weight: 850;
    justify-content: center;
    min-height: 1.65rem;
    padding: .22rem .55rem;
    white-space: nowrap;
}

.order-history-status.closed[b-vo4azaft92],
.history-receipt-status.closed[b-vo4azaft92] {
    background: var(--pp-green-50);
    border-color: var(--pp-green-400);
    color: var(--pp-green-800);
}

.order-history-status.gift[b-vo4azaft92],
.history-receipt-status.gift[b-vo4azaft92] {
    background: var(--pp-gold-50);
    border-color: var(--pp-gold-300);
    color: #76520b;
}

.order-history-status.cancel[b-vo4azaft92],
.history-receipt-status.cancel[b-vo4azaft92] {
    background: #fff1ed;
    border-color: #fb8a73;
    color: #8f2818;
}

.order-history-table-cell[b-vo4azaft92] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.order-history-table-cell strong[b-vo4azaft92] {
    color: var(--pp-green-800);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.order-history-table-cell span[b-vo4azaft92] {
    color: var(--pp-text-muted);
    font-size: .66rem;
}

.operation-summary-band[b-vo4azaft92] {
    align-items: center;
    background: linear-gradient(180deg, rgba(255, 253, 243, .98), rgba(247, 254, 231, .92));
    border-top: 1px solid var(--pp-border);
    display: flex;
    flex: 0 0 66px;
    justify-content: center;
    min-height: 66px;
    padding: .45rem 1rem;
}

.operation-summary-metrics[b-vo4azaft92] {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(4, minmax(7rem, 1fr));
    max-width: 760px;
    width: 100%;
}

.operation-summary-metrics > div[b-vo4azaft92] {
    align-items: center;
    background: rgba(255, 255, 255, .8);
    border: 1px solid var(--pp-border);
    border-radius: 8px;
    color: var(--pp-green-800);
    display: flex;
    flex-direction: column;
    font-size: .72rem;
    gap: .06rem;
    min-width: 0;
    padding: .35rem .55rem;
}

.operation-summary-metrics strong[b-vo4azaft92] {
    font-size: .9rem;
}

.operation-summary-metrics .summary-gift[b-vo4azaft92] {
    background: var(--pp-gold-50);
    color: #76520b;
}

.operation-summary-metrics .summary-cancel[b-vo4azaft92] {
    background: #fff1ed;
    color: #8f2818;
}

[b-vo4azaft92] .history-order-detail-popup {
    max-width: calc(100vw - 1rem);
}

[b-vo4azaft92] .history-order-detail-popup-body {
    background: linear-gradient(180deg, var(--pp-cream), #fff);
    max-height: calc(100dvh - 1rem);
    overflow: auto;
    padding: 0 !important;
}

[b-vo4azaft92] .history-receipt-popup {
    max-width: calc(100vw - 1rem);
}

[b-vo4azaft92] .history-receipt-popup-body {
    background: linear-gradient(180deg, var(--pp-cream), #fff);
    max-height: calc(100dvh - 9rem);
    min-height: min(35rem, calc(100dvh - 9rem));
    overflow: hidden;
}

.receipt-loading[b-vo4azaft92] {
    align-items: center;
    color: var(--pp-text-muted);
    display: flex;
    gap: .6rem;
    justify-content: center;
    min-height: 20rem;
}

.receipt-preview-scroll[b-vo4azaft92] {
    height: 100%;
    max-height: calc(100dvh - 12rem);
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: .2rem;
    scrollbar-gutter: stable;
}

.receipt-preview[b-vo4azaft92] {
    background: #fff;
    border: 1px dashed #a6aa9e;
    border-radius: 8px;
    color: #272b24;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    margin: auto;
    max-width: 29rem;
    padding: 1rem;
}

.receipt-preview header[b-vo4azaft92] {
    align-items: center;
    border-bottom: 1px dashed #8e9388;
    display: flex;
    flex-direction: column;
    gap: .2rem;
    margin-bottom: .55rem;
    padding-bottom: .55rem;
    text-align: center;
}

.receipt-preview header b[b-vo4azaft92] {
    color: #76520b;
    font-size: .72rem;
    letter-spacing: .05em;
    margin-top: .2rem;
}

.receipt-preview header small[b-vo4azaft92] {
    color: #687066;
    font-size: .62rem;
}

.receipt-line[b-vo4azaft92],
.receipt-preview footer > div[b-vo4azaft92],
.history-payment-list > div[b-vo4azaft92] {
    display: flex;
    gap: .65rem;
    justify-content: space-between;
}

.receipt-line[b-vo4azaft92] {
    font-size: .74rem;
    padding: .22rem 0;
}

.receipt-line span[b-vo4azaft92] {
    overflow-wrap: anywhere;
}

.receipt-line strong[b-vo4azaft92] {
    flex: 0 0 auto;
}

.receipt-line-note[b-vo4azaft92] {
    color: #76520b;
    display: block;
    font-family: system-ui, sans-serif;
    overflow-wrap: anywhere;
    padding: 0 0 .3rem .5rem;
}

.receipt-preview footer[b-vo4azaft92] {
    border-top: 1px dashed #8e9388;
    margin-top: .55rem;
    padding-top: .55rem;
}

.receipt-preview footer > div[b-vo4azaft92],
.history-payment-list > div[b-vo4azaft92] {
    font-size: .75rem;
    padding: .16rem 0;
}

.receipt-discount[b-vo4azaft92] {
    color: #76520b;
}

.history-payment-list[b-vo4azaft92] {
    border-top: 1px dashed #c5c8c0;
    margin-top: .45rem;
    padding-top: .45rem;
}

.history-payment-list span[b-vo4azaft92] {
    overflow-wrap: anywhere;
}

.history-receipt-note[b-vo4azaft92] {
    background: var(--pp-gold-50);
    border: 1px solid var(--pp-gold-200);
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    font-family: system-ui, sans-serif;
    font-size: .68rem;
    gap: .15rem;
    margin-top: .6rem;
    overflow-wrap: anywhere;
    padding: .5rem;
}

.history-receipt-note strong[b-vo4azaft92] {
    color: #76520b;
}

.history-receipt-no-lines[b-vo4azaft92] {
    color: var(--pp-text-muted);
    font-family: system-ui, sans-serif;
    font-size: .72rem;
    padding: 1.2rem 0;
    text-align: center;
}

.receipt-popup-actions[b-vo4azaft92] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
    width: 100%;
}

[b-vo4azaft92] .receipt-popup-actions .dxbl-btn {
    min-height: 2.65rem;
}

@media (max-width: 1100px) {
    .operation-filter-panel[b-vo4azaft92] {
        grid-template-columns: repeat(3, minmax(130px, 1fr));
    }

    .operation-filter-search[b-vo4azaft92] {
        grid-column: span 2;
    }
}

@media (max-width: 720px) {
    .order-history-page[b-vo4azaft92] {
        flex: 0 0 auto;
        min-height: auto;
    }

    .operation-header[b-vo4azaft92] {
        align-items: stretch;
        flex-direction: column;
    }

    .operation-title-wrap[b-vo4azaft92] {
        align-items: flex-start;
    }

    .operation-filter-panel[b-vo4azaft92] {
        grid-template-columns: 1fr;
    }

    .operation-filter-search[b-vo4azaft92] {
        grid-column: 1 / -1;
    }

    .operation-filter-search-btn[b-vo4azaft92],
    .operation-filter-submit[b-vo4azaft92] {
        justify-self: stretch;
    }

    [b-vo4azaft92] .operation-list-button.dxbl-btn {
        width: 100%;
    }

    .operation-grid-panel[b-vo4azaft92] {
        flex: 0 0 auto;
        height: clamp(42rem, 100.8dvh, 67.2rem);
        min-height: 42rem;
    }

    .operation-summary-band[b-vo4azaft92] {
        min-height: 112px;
    }

    .operation-summary-metrics[b-vo4azaft92] {
        gap: .35rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-vo4azaft92] .history-receipt-popup-body {
        max-height: calc(100dvh - 7rem);
    }

    .receipt-preview-scroll[b-vo4azaft92] {
        max-height: calc(100dvh - 10rem);
    }
}

@media (max-width: 520px) {
    .receipt-popup-actions[b-vo4azaft92] {
        display: grid;
        grid-template-columns: 1fr;
    }

    [b-vo4azaft92] .receipt-popup-actions .dxbl-btn {
        width: 100%;
    }
}

@media (max-height: 520px) and (orientation: landscape) {
    .order-history-page[b-vo4azaft92] {
        flex: 0 0 auto;
        min-height: auto;
    }

    .operation-grid-panel[b-vo4azaft92] {
        flex: 0 0 auto;
        height: clamp(33.6rem, 100.8dvh, 42rem);
        min-height: 33.6rem;
    }
}
/* /Components/Pages/Siparisler/SiparisGecmisiDetay.razor.rz.scp.css */
.history-detail-page[b-m0p36nlcpv] {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: 1rem;
    min-height: 0;
    padding: 1rem 0;
    width: 100%;
}

.history-detail-page.popup-mode[b-m0p36nlcpv] {
    flex: 0 0 auto;
    padding: .8rem;
}

.history-detail-page.popup-mode .history-detail-header[b-m0p36nlcpv] {
    position: sticky;
    top: 0;
    z-index: 3;
}

.history-detail-header[b-m0p36nlcpv] {
    align-items: center;
    background: linear-gradient(135deg, var(--pp-surface), var(--pp-green-50));
    border: 1px solid var(--pp-border);
    border-radius: 10px;
    box-shadow: var(--pp-shadow);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.15rem;
}

.history-detail-heading[b-m0p36nlcpv],
.history-detail-actions[b-m0p36nlcpv] {
    align-items: center;
    display: flex;
    gap: .8rem;
    min-width: 0;
}

.history-detail-actions[b-m0p36nlcpv] { flex-wrap: wrap; justify-content: flex-end; }

.history-detail-icon[b-m0p36nlcpv] {
    align-items: center;
    background: linear-gradient(135deg, var(--pp-green-700), var(--pp-green-800));
    border: 2px solid var(--pp-gold-300);
    border-radius: 10px;
    display: flex;
    flex: 0 0 50px;
    height: 50px;
    justify-content: center;
    width: 50px;
}

.history-detail-icon .icon[b-m0p36nlcpv] { filter: brightness(0) invert(1); height: 1.55rem; width: 1.55rem; }
.history-detail-eyebrow[b-m0p36nlcpv] { color: var(--pp-gold-500); font-size: .66rem; font-weight: 900; letter-spacing: .12em; }
.history-detail-header h1[b-m0p36nlcpv] { color: var(--pp-green-800); font-size: 1.4rem; line-height: 1.1; margin: .12rem 0; }
.history-detail-header p[b-m0p36nlcpv] { color: var(--pp-text-muted); font-size: .78rem; margin: 0; }
[b-m0p36nlcpv] .history-detail-actions .dxbl-btn { min-height: 2.8rem; }

.history-detail-state[b-m0p36nlcpv] {
    align-items: center;
    background: var(--pp-surface);
    border: 1px solid var(--pp-border);
    border-radius: 10px;
    color: var(--pp-text-muted);
    display: flex;
    gap: .8rem;
    justify-content: center;
    min-height: 18rem;
    padding: 1.2rem;
}

.history-detail-state > div[b-m0p36nlcpv] { display: flex; flex-direction: column; gap: .2rem; }
.history-detail-state strong[b-m0p36nlcpv] { color: var(--pp-green-800); }
.history-detail-error[b-m0p36nlcpv] { flex-wrap: wrap; }
.history-detail-error > .icon[b-m0p36nlcpv] { height: 1.8rem; width: 1.8rem; }

.history-detail-message[b-m0p36nlcpv],
.history-detail-alert[b-m0p36nlcpv] { border-radius: 8px; padding: .75rem 1rem; }
.history-detail-message[b-m0p36nlcpv] { background: var(--pp-green-50); border: 1px solid var(--pp-green-300); color: var(--pp-green-800); }
.history-detail-alert[b-m0p36nlcpv] { background: #fff1ed; border: 1px solid #fb8a73; color: #8f2818; }

.history-detail-overview[b-m0p36nlcpv] {
    display: grid;
    gap: .75rem;
    grid-template-columns: 1.05fr repeat(4, minmax(0, 1fr));
}

.history-status-card[b-m0p36nlcpv],
.history-info-card[b-m0p36nlcpv] {
    background: var(--pp-surface);
    border: 1px solid var(--pp-border);
    border-radius: 9px;
    box-shadow: var(--pp-shadow-soft);
    display: flex;
    flex-direction: column;
    gap: .2rem;
    min-width: 0;
    padding: .85rem;
}

.history-status-card span[b-m0p36nlcpv],
.history-info-card span[b-m0p36nlcpv] { color: var(--pp-text-muted); font-size: .68rem; font-weight: 700; }
.history-status-card strong[b-m0p36nlcpv],
.history-info-card strong[b-m0p36nlcpv] { color: var(--pp-green-800); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.history-status-card small[b-m0p36nlcpv],
.history-info-card small[b-m0p36nlcpv] { color: var(--pp-text-muted); font-size: .68rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.history-status-card.closed[b-m0p36nlcpv] { background: var(--pp-green-50); border-color: var(--pp-green-400); }
.history-status-card.gift[b-m0p36nlcpv] { background: var(--pp-gold-50); border-color: var(--pp-gold-300); }
.history-status-card.cancel[b-m0p36nlcpv] { background: #fff1ed; border-color: #fb8a73; }

.history-finance-band[b-m0p36nlcpv] {
    background: linear-gradient(135deg, var(--pp-green-800), #223c12);
    border: 1px solid var(--pp-green-800);
    border-radius: 10px;
    box-shadow: var(--pp-shadow);
    color: white;
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: .75rem;
}

.history-finance-band > div[b-m0p36nlcpv] { border-right: 1px solid rgba(255,255,255,.16); display: flex; flex-direction: column; gap: .1rem; padding: .2rem .75rem; }
.history-finance-band > div:last-child[b-m0p36nlcpv] { border-right: 0; }
.history-finance-band span[b-m0p36nlcpv] { color: rgba(255,255,255,.72); font-size: .7rem; }
.history-finance-band strong[b-m0p36nlcpv] { font-size: 1.08rem; }
.history-finance-band .discount strong[b-m0p36nlcpv] { color: #ffe18a; }
.history-finance-band .paid strong[b-m0p36nlcpv] { color: #bfe978; }

.history-detail-layout[b-m0p36nlcpv] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.65fr) minmax(20rem, .75fr);
    min-height: 0;
}

.history-detail-sidebar[b-m0p36nlcpv] { display: flex; flex-direction: column; gap: 1rem; min-width: 0; }
.history-detail-panel[b-m0p36nlcpv] { background: var(--pp-surface); border: 1px solid var(--pp-border); border-radius: 10px; box-shadow: var(--pp-shadow-soft); min-width: 0; overflow: hidden; }
.history-detail-panel > header[b-m0p36nlcpv] { align-items: center; background: var(--pp-surface-soft); border-bottom: 1px solid var(--pp-border); display: flex; justify-content: space-between; padding: .8rem 1rem; }
.history-detail-panel > header span[b-m0p36nlcpv] { color: var(--pp-gold-500); font-size: .62rem; font-weight: 900; letter-spacing: .1em; }
.history-detail-panel > header h2[b-m0p36nlcpv] { color: var(--pp-green-800); font-size: 1rem; margin: .08rem 0 0; }
.history-detail-panel > header > strong[b-m0p36nlcpv] { background: var(--pp-green-50); border: 1px solid var(--pp-green-200); border-radius: 999px; color: var(--pp-green-800); font-size: .68rem; padding: .25rem .55rem; }
.history-panel-empty[b-m0p36nlcpv] { color: var(--pp-text-muted); padding: 2rem 1rem; text-align: center; }

.history-products-scroll[b-m0p36nlcpv] { max-width: 100%; overflow-x: auto; }
.history-products-table[b-m0p36nlcpv] { border-collapse: collapse; min-width: 920px; width: 100%; }
.history-products-table th[b-m0p36nlcpv] { background: rgba(49,80,24,.04); color: var(--pp-text-muted); font-size: .65rem; padding: .65rem .75rem; text-align: left; text-transform: uppercase; }
.history-products-table td[b-m0p36nlcpv] { border-top: 1px solid var(--pp-border); color: var(--pp-text); font-size: .75rem; padding: .72rem .75rem; vertical-align: top; }
.history-products-table td:first-child[b-m0p36nlcpv] { min-width: 220px; }
.history-products-table td strong[b-m0p36nlcpv],
.history-products-table td span[b-m0p36nlcpv],
.history-products-table td small[b-m0p36nlcpv] { display: block; }
.history-products-table td strong[b-m0p36nlcpv] { color: var(--pp-green-800); }
.history-products-table td span[b-m0p36nlcpv] { color: var(--pp-text-muted); font-size: .66rem; margin-top: .08rem; }
.history-products-table td small[b-m0p36nlcpv] { color: #76520b; font-size: .66rem; margin-top: .22rem; }
.history-products-table .numeric[b-m0p36nlcpv] { text-align: right; white-space: nowrap; }
.history-products-table .total[b-m0p36nlcpv] { color: var(--pp-green-800); font-weight: 850; }

.history-payment-cards[b-m0p36nlcpv] { display: flex; flex-direction: column; gap: .55rem; padding: .75rem; }
.history-payment-cards article[b-m0p36nlcpv] { background: var(--pp-surface-soft); border: 1px solid var(--pp-border); border-radius: 8px; padding: .7rem; }
.history-payment-cards article > div[b-m0p36nlcpv] { align-items: center; display: flex; justify-content: space-between; gap: .5rem; }
.history-payment-cards article strong[b-m0p36nlcpv] { color: var(--pp-green-800); }
.history-payment-cards article b[b-m0p36nlcpv] { color: var(--pp-green-800); }
.history-payment-cards p[b-m0p36nlcpv] { color: var(--pp-text-muted); font-size: .68rem; margin: .2rem 0 0; }
.history-payment-cards small[b-m0p36nlcpv],
.history-payment-cards em[b-m0p36nlcpv] { display: block; font-size: .68rem; margin-top: .28rem; }
.history-payment-cards small[b-m0p36nlcpv] { color: var(--pp-text-muted); }
.history-payment-cards em[b-m0p36nlcpv] { color: #76520b; font-style: normal; }

.history-notes-panel > div[b-m0p36nlcpv] { border-top: 1px solid var(--pp-border); display: flex; flex-direction: column; gap: .2rem; padding: .7rem 1rem; }
.history-notes-panel > div:first-of-type[b-m0p36nlcpv] { border-top: 0; }
.history-notes-panel strong[b-m0p36nlcpv] { color: var(--pp-green-800); font-size: .72rem; }
.history-notes-panel span[b-m0p36nlcpv] { color: var(--pp-text-muted); font-size: .72rem; white-space: pre-wrap; }

@media (max-width: 1180px) {
    .history-detail-overview[b-m0p36nlcpv] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .history-detail-layout[b-m0p36nlcpv] { grid-template-columns: 1fr; }
    .history-detail-sidebar[b-m0p36nlcpv] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
    .history-detail-page[b-m0p36nlcpv] { flex: 0 0 auto; }
    .history-detail-header[b-m0p36nlcpv] { align-items: stretch; flex-direction: column; }
    .history-detail-actions[b-m0p36nlcpv] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    [b-m0p36nlcpv] .history-detail-actions .dxbl-btn { width: 100%; }
    .history-detail-overview[b-m0p36nlcpv] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .history-finance-band[b-m0p36nlcpv] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .history-finance-band > div[b-m0p36nlcpv] { border-bottom: 1px solid rgba(255,255,255,.16); border-right: 0; }
    .history-detail-sidebar[b-m0p36nlcpv] { display: flex; }
}

@media (max-width: 460px) {
    .history-detail-actions[b-m0p36nlcpv],
    .history-detail-overview[b-m0p36nlcpv],
    .history-finance-band[b-m0p36nlcpv] { grid-template-columns: 1fr; }
}