:root{--cp-primary: #0134d4;--cp-primary-hover: #0129aa;--cp-primary-subtle: rgba(1, 52, 212, .12);--cp-accent-gold: #f59e0b;--cp-success: #10b981;--cp-danger: #ef4444;--cp-header-btn-size: 36px;--cp-drag-handle-width: 36px;--cp-drag-handle-height: 4px;--cp-container-pb: calc(110px + env(safe-area-inset-bottom, 0px)) ;--cp-offcanvas-pb: max(1.6rem, env(safe-area-inset-bottom, 1.2rem));--cp-radius-xs: .375rem;--cp-radius-sm: .5rem;--cp-radius-md: .625rem;--cp-radius-lg: 1rem;--cp-radius-xl: 1.5rem;--cp-radius-pill: 50rem;--cp-z-dropdown: 1020;--cp-z-sticky-header: 1025;--cp-z-bottom-nav: 1030;--cp-z-backdrop: 1060;--cp-z-offcanvas: 1065;--cp-z-modal: 1075;--cp-z-confirm-dialog: 1080;--cp-z-toast: 1090}:root,[data-theme=light],:root:not([data-theme=dark]){--cp-canvas-bg: #f8fafc;--cp-surface-bg: #ffffff;--cp-surface-muted: #f1f5f9;--cp-text-main: #0f172a;--cp-text-muted: #64748b;--cp-border-color: rgba(226, 232, 240, .9);--cp-border-width: 1px;--cp-border-style: solid;--cp-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--cp-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .08);--cp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .06);--cp-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--cp-btn-pressed-shadow: inset 0 2px 4px rgba(0, 0, 0, .15)}[data-theme=dark]{--cp-canvas-bg: #0C153B;--cp-surface-bg: #242644;--cp-surface-muted: rgba(255, 255, 255, .06);--cp-text-main: #f8fafc;--cp-text-muted: #94a3b8;--cp-border-color: rgba(255, 255, 255, .08);--cp-border-width: 1px;--cp-border-style: solid;--cp-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .4);--cp-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .3);--cp-shadow-md: 0 4px 8px 0 rgba(0, 0, 0, .35);--cp-shadow-lg: 0 8px 16px 0 rgba(0, 0, 0, .45);--cp-btn-pressed-shadow: inset 0 2px 4px rgba(0, 0, 0, .5)}[data-theme=dark] body,[data-theme=dark] .app-container,[data-theme=dark] .app-content,[data-theme=dark] .page-content-wrapper{background-color:var(--cp-canvas-bg)!important;color:var(--cp-text-main)!important}[data-theme=dark] .card:not(.bg-primary):not(.bg-success):not(.bg-danger):not(.account-profile-card),[data-theme=dark] .account-menu-card,[data-theme=dark] .account-group-card,[data-theme=dark] .setting-item-card,[data-theme=dark] .queue-card,[data-theme=dark] .pos-service-card{background-color:var(--cp-surface-bg)!important;color:var(--cp-text-main)!important;border-color:var(--cp-border-color)!important}[data-theme=dark] .text-dark{color:var(--cp-text-main)!important}[data-theme=dark] .text-muted{color:var(--cp-text-muted)!important}[data-theme=dark] .bg-white{background-color:var(--cp-surface-bg)!important}[data-theme=dark] .bg-light{background-color:var(--cp-surface-muted)!important}[data-theme=dark] .form-control:not([type=checkbox]):not([type=radio]),[data-theme=dark] .form-select,[data-theme=dark] .input-group-text,[data-theme=dark] .search-input-pill{background-color:var(--cp-surface-bg)!important;border-color:var(--cp-border-color)!important;color:var(--cp-text-main)!important}[data-theme=dark] .form-control:focus,[data-theme=dark] .form-select:focus{border-color:var(--cp-primary)!important;color:var(--cp-text-main)!important;background-color:var(--cp-surface-bg)!important}[data-theme=dark] .table{color:var(--cp-text-main)!important;border-color:var(--cp-border-color)!important}[data-theme=dark] .table>:not(caption)>*>*{background-color:transparent!important;color:var(--cp-text-main)!important;border-bottom-color:var(--cp-border-color)!important}[data-theme=dark] .offcanvas,[data-theme=dark] .modal-content,[data-theme=dark] .dropdown-menu{background-color:var(--cp-surface-bg)!important;color:var(--cp-text-main)!important;border-color:var(--cp-border-color)!important}[data-theme=dark] .dropdown-item{color:var(--cp-text-main)!important}[data-theme=dark] .dropdown-item:hover,[data-theme=dark] .dropdown-item:focus{background-color:var(--cp-surface-muted)!important;color:var(--cp-text-main)!important}[data-theme=dark] .footer-nav-area .footer-nav{background-color:var(--cp-surface-bg)!important;border-top-color:var(--cp-border-color)!important}.account-drag-handle{width:var(--cp-drag-handle-width);height:var(--cp-drag-handle-height);background-color:#64748b59;border-radius:var(--cp-radius-pill);margin-left:auto;margin-right:auto}[data-theme=dark] .account-drag-handle{background-color:#ffffff40}.btn-circle-36{width:var(--cp-header-btn-size)!important;height:var(--cp-header-btn-size)!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;flex-shrink:0!important}body,.card,.footer-nav,.offcanvas,.modal-content,.btn{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .15s ease}.btn:not(.btn-circle-36):not(.btn-icon):not(.btn-close):not(.pwa-install-badge):not(.pwa-floating-btn):not(.pwa-pill-close){border-radius:var(--cp-radius-sm, .5rem);font-weight:600;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn.rounded-pill:not(.btn-circle-36):not(.btn-icon):not(.btn-close):not(.pwa-install-badge):not(.pwa-floating-btn):not(.pwa-pill-close){border-radius:var(--cp-radius-sm, .5rem)!important}.btn-tactile,.card-tactile{transition:transform .1s cubic-bezier(.4,0,.2,1),box-shadow .1s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn-tactile:active,.card-tactile:active{transform:scale(.97)!important}@media(hover:hover)and (pointer:fine){.btn:not([disabled]):not(.disabled):not(.btn-tactile):hover{transform:translateY(-1px)}}.btn:not([disabled]):not(.disabled):not(.btn-tactile):active{transform:translateY(1px)}@media(prefers-reduced-motion:reduce){.btn,.btn-tactile,.card-tactile{transition:none!important;transform:none!important}.btn:active,.btn-tactile:active,.card-tactile:active{transform:none!important}}.card:not(.offcanvas):not(.modal-content):not(.pwa-floating-install-container){border-radius:var(--cp-radius-md, .625rem);border:1px solid var(--cp-border-color)}.card.rounded-4:not(.offcanvas *),.card.rounded-5:not(.offcanvas *){border-radius:var(--cp-radius-md, .625rem)!important}.modal-content{border-radius:var(--cp-radius-md, .625rem)!important;border:1px solid var(--cp-border-color)!important}.offcanvas-bottom.rounded-top-5,.offcanvas-bottom.rounded-top-4{border-top-left-radius:1.25rem!important;border-top-right-radius:1.25rem!important}.badge:not(.rounded-circle):not(.status-dot):not(.position-absolute){border-radius:var(--cp-radius-xs, .375rem);font-weight:600;letter-spacing:.02em}.dropdown-menu{border-radius:var(--cp-radius-sm, .5rem)!important;border:1px solid var(--cp-border-color)!important}.dropdown-item{border-radius:var(--cp-radius-xs, .375rem)}html{scroll-padding-top:65px;scroll-padding-bottom:calc(85px + env(safe-area-inset-bottom,16px))}button,a,input,select,textarea,.btn,.nav-link,.dropdown-item,.footer-nav ul li a,.footer-nav ul li button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.h-dvh{height:100vh;height:100dvh}.min-h-dvh{min-height:100vh;min-height:100dvh}.max-h-dvh{max-height:100vh;max-height:100dvh}.pt-safe{padding-top:max(.75rem,env(safe-area-inset-top,0px))!important}.pb-safe{padding-bottom:max(1rem,env(safe-area-inset-bottom,0px))!important}.pb-safe-nav{padding-bottom:calc(56px + max(.75rem,env(safe-area-inset-bottom,0px)))!important}.page-content-wrapper{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))!important}@media(min-width:992px){.page-content-wrapper{padding-bottom:2rem!important}}.safe-area-top{padding-top:env(safe-area-inset-top,0px)!important}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)!important}.touch-target{min-height:48px;min-width:48px;display:inline-flex;align-items:center;justify-content:center}.touch-target-sm{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.no-select{-webkit-user-select:none;user-select:none}.form-control,.form-select{border:1px solid var(--cp-border-color, #cbd5e1)!important;background-color:#fff!important;color:var(--cp-text-main, #0f172a)!important;border-radius:var(--cp-radius-md, .75rem);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.input-group>.input-group-text{border:1px solid var(--cp-border-color, #cbd5e1)!important;background-color:var(--cp-canvas-bg, #f8fafc)!important;color:var(--cp-text-muted, #64748b)!important;border-radius:var(--cp-radius-md, .75rem);transition:border-color .2s ease,color .2s ease,background-color .2s ease}.input-group>.form-control,.input-group>.form-select{border:1px solid var(--cp-border-color, #cbd5e1)!important;transition:border-color .2s ease,background-color .2s ease}.input-group>.input-group-text:first-child{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right:0!important}.input-group>.form-control:not(:first-child):not(:last-child),.input-group>.form-select:not(:first-child):not(:last-child){border-radius:0!important;border-left:0!important;border-right:0!important}.input-group>.form-control:first-child,.input-group>.form-select:first-child{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right:0!important}.input-group>.form-control:last-child,.input-group>.form-select:last-child{border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-left:0!important}.input-group>.input-group-text:last-child{border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-left:0!important}.input-group:focus-within{box-shadow:0 0 0 3px var(--cp-primary-subtle, rgba(1, 52, 212, .15))!important;border-radius:var(--cp-radius-md, .75rem)}.input-group:focus-within>.input-group-text{border-color:var(--cp-primary, #0134d4)!important;color:var(--cp-primary, #0134d4)!important;background-color:#fff!important}.input-group:focus-within>.form-control,.input-group:focus-within>.form-select{border-color:var(--cp-primary, #0134d4)!important;background-color:#fff!important;box-shadow:none!important}.form-control:focus:not(.input-group *),.form-select:focus:not(.input-group *){border-color:var(--cp-primary, #0134d4)!important;box-shadow:0 0 0 3px var(--cp-primary-subtle, rgba(1, 52, 212, .15))!important;background-color:#fff!important}.form-control.is-invalid,.form-select.is-invalid{border-color:var(--cp-danger, #ef4444)!important}.form-control.is-invalid:focus,.form-select.is-invalid:focus{box-shadow:0 0 0 3px #ef444426!important}.search-input-group .form-control,.search-input-group .input-group-text,.search-input-group .btn,.bg-transparent.border-0{border:0!important;background-color:transparent!important;box-shadow:none!important}[data-theme=dark] .form-control,[data-theme=dark] .form-select{background-color:#0c153b80!important;border:1px solid rgba(255,255,255,.18)!important;color:#f8fafc!important}[data-theme=dark] .input-group-text{background-color:#ffffff14!important;border:1px solid rgba(255,255,255,.18)!important;color:#94a3b8!important}[data-theme=dark] .input-group>:not(:last-child).input-group-text,[data-theme=dark] .input-group>:not(:last-child).form-control{border-right-color:#ffffff14!important}[data-theme=dark] .form-control:focus,[data-theme=dark] .form-select:focus{border-color:var(--cp-primary, #0134d4)!important;background-color:#0c153bbf!important;box-shadow:0 0 0 2px #0134d440!important}[data-theme=dark] .input-group:focus-within>.input-group-text{border-color:var(--cp-primary, #0134d4)!important;color:var(--cp-primary, #0134d4)!important}.btn-action-humanized{white-space:nowrap!important;text-overflow:ellipsis;font-size:clamp(.75rem,2.7vw,.88rem)!important;padding-left:clamp(.4rem,2vw,1rem)!important;padding-right:clamp(.4rem,2vw,1rem)!important;min-height:44px;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.35rem!important;line-height:1.2!important;touch-action:manipulation}.btn-action-humanized i{font-size:clamp(.95rem,3.2vw,1.15rem)!important;flex-shrink:0!important}.btn-action-cancel{white-space:nowrap!important;text-overflow:ellipsis;font-size:clamp(.75rem,2.7vw,.88rem)!important;padding-left:clamp(.4rem,2vw,1rem)!important;padding-right:clamp(.4rem,2vw,1rem)!important;min-height:44px;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1.2!important;touch-action:manipulation}@media(min-width:576px){.btn-action-humanized{font-size:.9rem!important;padding-left:1.25rem!important;padding-right:1.25rem!important;gap:.5rem!important}.btn-action-cancel{font-size:.9rem!important;padding-left:1.25rem!important;padding-right:1.25rem!important}}.pos-segmented-group{background-color:var(--cp-surface-bg, #ffffff);border:1px solid var(--cp-border-color, rgba(0, 0, 0, .08))!important}[data-theme=dark] .pos-segmented-group{background-color:var(--cp-surface-bg, #1e293b);border:1px solid rgba(255,255,255,.08)!important}.pos-tab-btn{height:38px;min-height:38px;font-size:clamp(.78rem,2.5vw,.85rem);display:inline-flex;align-items:center;justify-content:center;touch-action:manipulation;transition:all .15s ease-in-out}.pos-subtab-btn{height:34px;min-height:34px;font-size:clamp(.72rem,2.2vw,.78rem);display:inline-flex;align-items:center;justify-content:center;touch-action:manipulation;transition:all .15s ease-in-out}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.offcanvas-header{display:flex!important;align-items:center!important;justify-content:space-between!important}.pos-close-btn{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border:none!important;background:transparent!important;color:var(--bs-secondary, #64748b)!important;border-radius:var(--bs-border-radius, .375rem)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;touch-action:manipulation!important;cursor:pointer!important;transition:background-color .15s ease,color .15s ease,transform .15s ease!important}.pos-close-btn:hover{background-color:#0000000d!important;color:var(--bs-dark, #0f172a)!important}.pos-close-btn:active{transform:scale(.92)!important;background-color:#00000014!important}[data-theme=dark] .pos-close-btn{background-color:transparent!important;color:#94a3b8!important;border:none!important}[data-theme=dark] .pos-close-btn:hover{background-color:#ffffff1a!important;color:#f8fafc!important}.min-w-0{min-width:0!important}body:has(.app-container){overscroll-behavior-y:none}.app-container,.offcanvas,.offcanvas-body,.bottom-sheet-container,.pos-checkout-drawer,.pos-customer-sheet,.account-drawer-sheet,.modal,.modal-body,.drawer-body,[role=dialog]{overscroll-behavior-y:contain!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch}
