/* Waslek / Genesis-adapted foundation. Geometry, routes and action order remain legacy-owned. */
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:100;font-display:swap;src:url('./fonts/IBMPlexSansArabic-Thin.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:200;font-display:swap;src:url('./fonts/IBMPlexSansArabic-ExtraLight.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:300;font-display:swap;src:url('./fonts/IBMPlexSansArabic-Light.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url('./fonts/IBMPlexSansArabic-Regular.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url('./fonts/IBMPlexSansArabic-Medium.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url('./fonts/IBMPlexSansArabic-SemiBold.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url('./fonts/IBMPlexSansArabic-Bold.woff2') format('woff2')}
:root{--waslek-font:'IBM Plex Sans Arabic',sans-serif;--waslek-primary:#6366F1;--waslek-hover:#4F46E5;--waslek-bg:#FAFAFA;--waslek-surface:#FFFFFF;--waslek-text:#0A0A0A;--waslek-muted:#6B6B6B;--waslek-border:#E8E8EC;--waslek-success:#10B981;--waslek-warning:#F59E0B;--waslek-error:#EF4444;--waslek-space-1:4px;--waslek-space-2:8px;--waslek-space-3:12px;--waslek-space-4:16px;--waslek-space-5:20px;--waslek-space-6:24px;--waslek-control-radius:6px;--waslek-panel-radius:8px;--waslek-card-radius:12px;--waslek-focus:0 0 0 3px rgb(99 102 241 / 18%)}
.waslek-ui{margin:0;direction:rtl;text-align:right;font-family:var(--waslek-font)!important;font-weight:400!important;font-size:14px;line-height:1.7;color:var(--waslek-text)!important;background:var(--waslek-bg)!important;-webkit-font-smoothing:antialiased;font-synthesis:none}
.waslek-ui *,.waslek-ui *::before,.waslek-ui *::after{box-sizing:border-box}
.waslek-ui :is(h1,h2,h3,h4,h5,h6,p,label,input,textarea,select,button,th,td,li,.btn,.form-control,.dropdown-menu,.font-primary,.font-roboto,.select2-container,.select2-results__option,.select2-selection__rendered,.vgt-wrap,.vgt-table,.sortable,.footer__navigation,.dataTables_info){font-family:var(--waslek-font)!important}
.waslek-ui :is(h1,h2,h3,h4,h5,h6){font-weight:600;line-height:1.5;color:var(--waslek-text)}
.waslek-ui :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--waslek-primary);outline-offset:2px}
.waslek-ui a{color:var(--waslek-primary);text-decoration:none}.waslek-ui a:hover{color:var(--waslek-hover)}
.waslek-ui :is(.text-muted,.text-secondary,.small,small){color:var(--waslek-muted)!important}.waslek-ui .text-dark{color:var(--waslek-text)!important}
.waslek-ui :is(code,kbd,samp,.waslek-technical){font-family:monospace!important;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
.waslek-ui :is(.dashboard-main-wrapper,.dashboard-wrapper,.page-wrapper,.page-body){background:var(--waslek-bg);min-width:0}
.waslek-ui .dashboard-header .navbar,.waslek-ui .page-header{background:var(--waslek-surface)!important;border-bottom:1px solid var(--waslek-border);box-shadow:none!important}
.waslek-ui .navbar-brand img{max-height:40px;width:auto}.waslek-ui .page-title h3{font-size:24px;font-weight:600}
.waslek-ui :is(.btn,button.btn){display:inline-flex;align-items:center;justify-content:center;gap:4px;height:38px;padding:0 16px;font-size:14px;font-weight:600;line-height:20px;border:1px solid var(--waslek-border)!important;border-radius:6px!important;box-shadow:none!important;background-image:none!important;color:var(--waslek-text);cursor:pointer;vertical-align:middle;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s}
.waslek-ui .btn:hover{transform:none;box-shadow:0 1px 2px rgb(10 10 10 / 5%)!important}.waslek-ui .btn:focus-visible{box-shadow:var(--waslek-focus)!important}
.waslek-ui .btn-sm{height:32px;padding:0 12px;font-size:12px}.waslek-ui .btn-lg{height:44px;padding:0 20px}.waslek-ui .btn-block{display:flex;width:100%;margin-inline:0}
.waslek-ui .btn-primary{background:var(--waslek-primary)!important;border-color:var(--waslek-primary)!important;color:#fff!important}
.waslek-ui .btn-primary:hover,.waslek-ui .btn-primary:active{background:var(--waslek-hover)!important;border-color:var(--waslek-hover)!important}
.waslek-ui :is(.btn-secondary,.btn-light,.btn-default,.btn-outline-primary){background:var(--waslek-surface)!important;border-color:var(--waslek-border)!important;color:var(--waslek-text)!important}
.waslek-ui :is(.btn-secondary,.btn-light,.btn-default,.btn-outline-primary):hover{background:var(--waslek-bg)!important;border-color:var(--waslek-primary)!important;color:var(--waslek-primary)!important}
.waslek-ui .btn-primary~.btn-primary{background:var(--waslek-surface)!important;color:var(--waslek-primary)!important}.waslek-ui .btn-primary~.btn-primary:hover{background:var(--waslek-bg)!important}
.waslek-ui :is(.btn:disabled,.btn.disabled){opacity:.5;cursor:not-allowed;box-shadow:none!important}
.waslek-ui :is(.form-control,.custom-select,.input-group-text,.input-group-addon,.select2-container--default .select2-selection--single){height:38px;border:1px solid var(--waslek-border)!important;border-radius:6px!important;background:var(--waslek-surface);color:var(--waslek-text);font-size:14px;box-shadow:none!important}
.waslek-ui .form-control{display:block;width:100%;padding:8px 12px;line-height:20px;font-weight:400}.waslek-ui .form-control-lg{height:44px}.waslek-ui .form-control-sm{height:32px;padding-block:5px}
.waslek-ui textarea.form-control{height:auto;min-height:88px;resize:vertical}.waslek-ui select.form-control[multiple]{height:auto;min-height:88px}
.waslek-ui :is(.form-control,.custom-select):focus{border-color:var(--waslek-primary)!important;box-shadow:var(--waslek-focus)!important;outline:0}
.waslek-ui :is(.form-control,.custom-select):disabled,.waslek-ui .form-control[readonly]{background:var(--waslek-bg);color:var(--waslek-muted)}
.waslek-ui :is(input,textarea)::placeholder{color:var(--waslek-muted);opacity:1;font-family:var(--waslek-font);font-weight:400}
.waslek-ui :is(.form-group label,.col-form-label){color:var(--waslek-text)!important;font-size:14px;font-weight:600}.waslek-ui .form-group{margin-bottom:20px}
.waslek-ui :is(.form-control.is-invalid,.has-error .form-control){border-color:var(--waslek-error)!important;background-image:none}.waslek-ui :is(.invalid-feedback,.has-error .help-block){color:var(--waslek-error);font-size:12px;margin-top:4px}
.waslek-ui :is(input[type=checkbox],input[type=radio]){accent-color:var(--waslek-primary)}
.waslek-ui .select2{border:0!important;box-shadow:none!important}.waslek-ui .select2-selection__rendered{line-height:36px!important;padding-inline:12px!important}
.waslek-ui .select2-selection__arrow{height:36px!important}.waslek-ui .select2-container--open .select2-selection--single{border-color:var(--waslek-primary)!important;box-shadow:var(--waslek-focus)!important}
.waslek-ui :is(.select2-dropdown,.select2-container--default .select2-selection--multiple){border:1px solid var(--waslek-border);border-radius:8px;box-shadow:none}
.waslek-ui .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background:var(--waslek-primary)!important;color:#fff}
.waslek-ui .card{background:var(--waslek-surface)!important;border:1px solid var(--waslek-border)!important;border-radius:12px!important;box-shadow:none!important;overflow:visible!important;margin-bottom:24px}
.waslek-ui :is(.card-header,h5.card-header,.card-header.justify-content-between.text-right){padding:16px 20px!important;background:var(--waslek-surface)!important;background-image:none!important;color:var(--waslek-text)!important;border:0!important;border-bottom:1px solid var(--waslek-border)!important;border-radius:12px 12px 0 0!important}
.waslek-ui .card-header :is(h1,h2,h3,h4,h5,h6),.waslek-ui .card-header>.text-white{color:var(--waslek-text)!important;margin-bottom:0}
.waslek-ui .card-body{padding:20px}.waslek-ui .card-footer{padding:16px 20px;background:var(--waslek-surface)!important;border-top:1px solid var(--waslek-border);border-radius:0 0 12px 12px}
.waslek-ui :is(.card-primary,.card-success,.card-danger,.card-warning){border-bottom:1px solid var(--waslek-border)!important}
.waslek-ui :is(.table,.vgt-table){background:var(--waslek-surface)!important;color:var(--waslek-text);border-color:var(--waslek-border);font-variant-numeric:tabular-nums}
.waslek-ui :is(.table th,.table thead th,.thead-primary th,.vgt-table th){background:var(--waslek-bg)!important;background-image:none!important;color:var(--waslek-muted)!important;border-color:var(--waslek-border)!important;font-weight:600;vertical-align:middle}
.waslek-ui :is(.table td,.vgt-table td){background-color:var(--waslek-surface)!important;color:var(--waslek-text)!important;border-color:var(--waslek-border)!important;font-weight:400!important;vertical-align:middle}
.waslek-ui :is(.table th,.table td){padding:12px 16px}.waslek-ui .table-sm :is(th,td){padding:8px 12px}.waslek-ui .table .btn{margin-block:4px}
.waslek-ui .table-hover tbody tr:hover td,.waslek-ui .vgt-table tr:hover td{background-color:var(--waslek-bg)!important}
.waslek-ui :is(.table-responsive,.vgt-responsive){border-radius:8px}.waslek-ui .bordered-cell{border-color:var(--waslek-border)!important}
.waslek-ui :is(.dropdown-menu,.modal-content,.popover,.onhover-show-div){border:1px solid var(--waslek-border)!important;border-radius:8px!important;background:var(--waslek-surface);box-shadow:none!important;text-align:right}
.waslek-ui .dropdown-item{color:var(--waslek-text);padding:8px 16px}.waslek-ui .dropdown-item:hover,.waslek-ui .dropdown-item:focus{background:var(--waslek-bg);color:var(--waslek-primary)}
.waslek-ui .modal-header{padding:16px 20px;border-bottom:1px solid var(--waslek-border)!important}.waslek-ui .modal-body{padding:20px}.waslek-ui .modal-footer{border-color:var(--waslek-border)}
.waslek-ui .modal-backdrop{background:var(--waslek-text)!important;opacity:.4!important}.waslek-ui h5#exampleModalLabel{color:var(--waslek-text)!important}
.waslek-ui .page-link{border-color:var(--waslek-border);color:var(--waslek-muted);box-shadow:none}.waslek-ui .page-item.active .page-link{background:var(--waslek-primary)!important;border-color:var(--waslek-primary)!important;color:#fff}
.waslek-ui .footer{background:var(--waslek-surface);border-top:1px solid var(--waslek-border);color:var(--waslek-muted);box-shadow:none}
.waslek-ui .nav-left-sidebar,.waslek-ui .sidebar-dark{background:var(--waslek-surface)!important;border-left:1px solid var(--waslek-border);box-shadow:none!important}
.waslek-ui .nav-left-sidebar .navbar-nav .nav-item,.waslek-ui .nav-left-sidebar ul.nav.flex-column{background:transparent!important;text-align:right}
.waslek-ui .nav-left-sidebar .navbar-nav .nav-link{color:var(--waslek-muted)!important;opacity:1;border-radius:6px;margin:4px 8px;background:transparent!important;font-weight:400;transition:background-color .15s,color .15s}
.waslek-ui .sidebar-dark.nav-left-sidebar .navbar-nav .nav-link:hover,.waslek-ui .sidebar-dark.nav-left-sidebar .submenu .nav .nav-item .nav-link:hover{background:var(--waslek-bg)!important;color:var(--waslek-text)!important}
.waslek-ui .sidebar-dark.nav-left-sidebar .navbar-nav .nav-link:focus,.waslek-ui .sidebar-dark.nav-left-sidebar .navbar-nav .nav-link.active{background:#EEF2FF!important;color:var(--waslek-primary)!important}
.waslek-ui .nav-left-sidebar .nav-link i{color:inherit!important}.waslek-ui .nav-left-sidebar .nav-divider{color:var(--waslek-muted)!important;font-weight:600;font-size:12px}
.waslek-ui .nav-left-sidebar .form-control{font-size:12px;background:var(--waslek-bg)}.waslek-ui .navbar-toggler{color:var(--waslek-text)!important;border-color:var(--waslek-border);border-radius:6px}
.waslek-ui .nav-user-info{background:var(--waslek-bg)!important;color:var(--waslek-text)}.waslek-ui .nav-user-info .text-white{color:var(--waslek-text)!important}
.waslek-ui .sidebar-wrapper,.waslek-ui .sidebar-wrapper .logo-wrapper,.waslek-ui .sidebar-wrapper .sidebar-main{background:var(--waslek-surface)!important;box-shadow:none!important}
.waslek-ui .sidebar-wrapper .sidebar-list .sidebar-link{color:var(--waslek-muted)!important;border-radius:6px;background:transparent!important}
.waslek-ui .sidebar-wrapper .sidebar-list .sidebar-link:hover{color:var(--waslek-text)!important;background:var(--waslek-bg)!important}
.waslek-ui .sidebar-wrapper .sidebar-list .sidebar-link.active{color:var(--waslek-primary)!important;background:#EEF2FF!important}.waslek-ui .sidebar-wrapper .sidebar-link svg{stroke:currentColor}
.waslek-ui .sidebar-wrapper .sidebar-submenu a{color:var(--waslek-muted)!important}.waslek-ui .sidebar-wrapper .sidebar-submenu a:hover,.waslek-ui .sidebar-wrapper .sidebar-submenu a.active{color:var(--waslek-primary)!important}
.waslek-ui :is(.badge,.badge-pill){border-radius:6px!important;font-size:12px;font-weight:600;line-height:20px;padding:2px 8px;box-shadow:none!important}
.waslek-ui .alert{padding:12px 16px;border:1px solid var(--waslek-border);border-radius:8px;box-shadow:none!important;line-height:1.7}
.waslek-ui :is(.bg-primary,.alert-primary,.badge-primary,.badge-primary-light){background:var(--waslek-bg)!important;color:var(--waslek-text)!important}.waslek-ui .text-primary{color:var(--waslek-text)!important}
.waslek-ui a.text-primary,.waslek-ui button.text-primary,.waslek-ui .btn .text-primary{color:var(--waslek-primary)!important}
.waslek-ui :is(.btn-success,.bg-success){background:var(--waslek-success)!important;border-color:var(--waslek-success)!important;color:var(--waslek-text)!important}
.waslek-ui :is(.btn-warning,.bg-warning){background:var(--waslek-warning)!important;border-color:var(--waslek-warning)!important;color:var(--waslek-text)!important}
.waslek-ui :is(.btn-danger,.btn-dark-red,.bg-danger){background:var(--waslek-error)!important;border-color:var(--waslek-error)!important;color:var(--waslek-text)!important}
.waslek-ui :is(.btn-info,.bg-info,.bg-secondary){background:var(--waslek-bg)!important;border-color:var(--waslek-border)!important;color:var(--waslek-text)!important}
.waslek-ui :is(.alert-success,.badge-success,.bg-light-success){background:#ECFDF5!important;border-color:var(--waslek-success)!important;color:var(--waslek-text)!important}
.waslek-ui :is(.alert-warning,.badge-warning,.bg-light-warning,.bg-warning-light){background:#FFFBEB!important;border-color:var(--waslek-warning)!important;color:var(--waslek-text)!important}
.waslek-ui :is(.alert-danger,.badge-danger,.bg-light-danger){background:#FEF2F2!important;border-color:var(--waslek-error)!important;color:var(--waslek-text)!important}
.waslek-ui .table .danger td,.waslek-ui .table td.bg-danger.text-white{background:#FEF2F2!important;color:var(--waslek-text)!important}.waslek-ui .table td.bg-success.text-white{background:#ECFDF5!important;color:var(--waslek-text)!important}
.waslek-ui .table td.bg-warning{background:#FFFBEB!important;color:var(--waslek-text)!important}.waslek-ui .table .text-danger{color:var(--waslek-error)!important}
.waslek-ui .top-text-block:hover:before{background:var(--waslek-primary)}.waslek-ui .top-text-block.unread{background:var(--waslek-bg)}
.waslek-ui ::-webkit-scrollbar{width:8px;height:8px}.waslek-ui ::-webkit-scrollbar-track{background:var(--waslek-bg);box-shadow:none}.waslek-ui ::-webkit-scrollbar-thumb{background:#C8C8D0;border:2px solid var(--waslek-bg);border-radius:8px}
/* Auth uses this small stylesheet without the application bundle on the staff login route. */
.waslek-auth .dashboard-main-wrapper{min-height:100vh;min-height:100dvh;padding:64px 24px 32px;background:var(--waslek-bg)}
.waslek-auth .splash-container{width:100%;max-width:440px;margin:0 auto!important;padding:0}
.waslek-auth .splash-container>.card{margin:0}.waslek-auth .card-header{padding:32px 32px 24px!important;text-align:center;border-bottom:0!important}
.waslek-auth .card-header img{display:block;width:180px;max-width:75%;height:auto;margin:0 auto 24px}.waslek-auth .auth-title{font-size:24px;margin:0 0 8px;letter-spacing:0}
.waslek-auth .auth-subtitle{font-size:14px;font-weight:400;color:var(--waslek-muted);margin:0}.waslek-auth .card-body{padding:8px 32px 32px}
.waslek-auth .field-label{display:block;margin-bottom:8px;color:var(--waslek-text);font-weight:600}.waslek-auth .form-control{height:44px;font-size:16px}
.waslek-auth .auth-remember{display:flex;align-items:center;gap:8px;margin:4px 0 24px}.waslek-auth .auth-remember input{width:16px;height:16px;margin:0;flex:none}
.waslek-auth .auth-remember label{margin:0;color:var(--waslek-muted);font-weight:400;cursor:pointer}.waslek-auth .card-footer{padding:16px 24px;text-align:center;font-size:12px;color:var(--waslek-muted);line-height:1.8}
.waslek-auth .auth-submit{height:44px;width:100%;margin:0}.waslek-auth .auth-errors:empty{display:none}.waslek-auth .auth-errors:not(:empty){margin-bottom:20px}
.waslek-auth .invalid-feedback{display:block}.waslek-auth .form-control[dir=ltr]{text-align:left}.waslek-auth .auth-caption{text-align:center;color:var(--waslek-muted);font-size:12px;margin:24px 0 0}
.waslek-ui .waslek-skip-link{position:fixed;top:8px;right:8px;z-index:100000;padding:8px 16px;background:#fff;color:var(--waslek-primary);border:1px solid var(--waslek-primary);border-radius:6px;transform:translateY(-160%)}
.waslek-ui .waslek-skip-link:focus{transform:none}
@media(max-width:991.98px){.waslek-ui .dashboard-content{padding-left:16px;padding-right:16px}.waslek-ui .page-title h3{font-size:20px}}
@media(max-width:575.98px){.waslek-auth .dashboard-main-wrapper{padding:32px 16px}.waslek-auth .card-header{padding:24px 24px 20px!important}.waslek-auth .card-body{padding:8px 24px 24px}.waslek-auth .card-header img{width:160px;margin-bottom:20px}.waslek-ui .card-body{min-width:0}.waslek-ui .table-responsive{max-width:100%}.waslek-ui .modal-dialog{margin:16px}}
@media(prefers-reduced-motion:reduce){.waslek-ui *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.waslek-ui{background:#fff!important;color:#000!important}.waslek-ui .card{box-shadow:none!important;break-inside:avoid}.waslek-ui .waslek-skip-link{display:none}}
.waslek-auth .auth-field{display:block;margin:0}.waslek-auth .auth-field .field-label{display:block;margin-bottom:8px}.waslek-auth .form-check{display:flex;align-items:center;gap:8px}.waslek-auth .form-check-input{width:16px;height:16px;margin:0;flex:none}.waslek-auth .form-check-label{margin:0!important;font-weight:400!important;color:var(--waslek-muted)!important}.waslek-auth .card-body>.form-group:first-child:has(.alert){margin-bottom:20px}.waslek-auth .card-body>.form-group:first-child:not(:has(.alert)){margin-bottom:0}.waslek-auth .alert small{color:var(--waslek-text)!important}

/* Card palette: neutral surfaces, semantic accents, unchanged layout and actions. */
.waslek-ui .card{--card-accent:#6B6B6B;--card-ink:#52525B;--card-tint:#FAFAFA;--card-line:#E8E8EC}
.waslek-ui .card:is(.card-success,.bg-success){--card-accent:#10B981;--card-ink:#047857;--card-tint:#ECFDF5;--card-line:#A7F3D0}
.waslek-ui .card:is(.card-warning,.bg-warning){--card-accent:#F59E0B;--card-ink:#92400E;--card-tint:#FFFBEB;--card-line:#FDE68A}
.waslek-ui .card:is(.card-danger,.bg-danger){--card-accent:#EF4444;--card-ink:#B91C1C;--card-tint:#FEF2F2;--card-line:#FECACA}
.waslek-ui a[href]:not([href="#"])>.card.card-primary{--card-accent:#6366F1;--card-ink:#4F46E5;--card-tint:#EEF2FF;--card-line:#C7D2FE}
.waslek-ui .card:is(.bg-primary,.bg-success,.bg-warning,.bg-danger,.bg-info,.bg-secondary,.sale-chart){background:#FFFFFF!important;background-image:none!important;color:#0A0A0A!important;border-color:#E8E8EC!important}
.waslek-ui .card:is(.card-primary,.card-info,.card-success,.card-warning,.card-danger,.bg-primary,.bg-success,.bg-warning,.bg-danger,.sale-chart){position:relative;transition:border-color .15s ease,box-shadow .15s ease}
.waslek-ui .card:is(.card-primary,.card-info,.card-success,.card-warning,.card-danger,.bg-primary,.bg-success,.bg-warning,.bg-danger,.sale-chart)::before{content:"";position:absolute;top:0;inset-inline-start:20px;width:32px;height:3px;border-radius:0 0 4px 4px;background:var(--card-accent);pointer-events:none}
.waslek-ui .card:is(.bg-primary,.bg-success,.bg-warning,.bg-danger,.bg-info,.bg-secondary) .card-body>.d-inline-block>:is(h2,h3,h4,h5,h6,p,.text-white){color:#0A0A0A!important}
.waslek-ui .card .sale-content>:is(h2,h3,h4,h5,h6,p,.text-white){color:#0A0A0A!important}
.waslek-ui .card .card-body>.d-inline-block>small,.waslek-ui .card .sale-content>small{color:#6B6B6B!important}
.waslek-ui .card :is(.icon-circle-medium,.sale-detail>.icon){background:var(--card-tint)!important;color:var(--card-ink)!important;border-color:var(--card-line)!important;background-image:none!important;box-shadow:none!important}
.waslek-ui .card :is(.icon-circle-medium,.sale-detail>.icon) :is(i,svg){color:var(--card-ink)!important}
.waslek-ui .card .sale-detail>.icon svg{stroke:currentColor}
.waslek-ui .card:is(.bg-warning,.bg-danger,.bg-success) .card-body h6>i{color:var(--card-ink)!important}
.waslek-ui .card .card-body>.d-inline-block>h2{font-variant-numeric:tabular-nums;color:#0A0A0A!important}
.waslek-ui .card.animate__shakeX{animation:none!important;transform:none!important}
.waslek-ui a[href]:not([href="#"]):hover>.card{border-color:var(--card-line)!important;box-shadow:0 2px 8px rgb(10 10 10 / 5%)!important}
.waslek-ui a[href]:not([href="#"]):focus-visible>.card{border-color:#6366F1!important;outline:2px solid #6366F1;outline-offset:2px;box-shadow:none!important}
.waslek-ui .card>.card-header{background:#FAFAFA!important;color:#0A0A0A!important;border-bottom-color:#E8E8EC!important}
.waslek-auth .card>.card-header{background:#FFFFFF!important}
.waslek-ui .card>.card-footer{color:#6B6B6B!important;border-top-color:#E8E8EC!important}
.waslek-ui .card:is(.bg-primary,.bg-success,.bg-warning,.bg-danger,.bg-info,.bg-secondary) .card-body>.d-inline-block>small.text-white{color:#6B6B6B!important}
/* Status labels retain their meaning without solid, high-saturation backgrounds. */
.waslek-ui .badge{border:1px solid #E8E8EC;background-image:none!important;box-shadow:none!important;font-variant-numeric:tabular-nums}
.waslek-ui .badge.badge-pill[class]{border-radius:6px!important}
.waslek-ui .badge:is(.badge-primary,.badge-secondary,.badge-info,.bg-primary,.bg-secondary,.bg-info){background:#FAFAFA!important;color:#52525B!important;border-color:#E8E8EC!important}
.waslek-ui .badge:is(.badge-success,.bg-success,.bg-light-success){background:#ECFDF5!important;color:#047857!important;border-color:#A7F3D0!important}
.waslek-ui .badge:is(.badge-warning,.bg-warning,.bg-light-warning){background:#FFFBEB!important;color:#92400E!important;border-color:#FDE68A!important}
.waslek-ui .badge:is(.badge-danger,.bg-danger,.bg-light-danger){background:#FEF2F2!important;color:#B91C1C!important;border-color:#FECACA!important}
.waslek-ui .badge :is(small,.text-white){color:inherit!important}
.waslek-ui :is(a.badge,button.badge):focus-visible{outline:2px solid #6366F1;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.waslek-ui .card{transition:none!important}}
@media print{.waslek-ui .card::before{display:none}.waslek-ui a:hover>.card{box-shadow:none!important}}

/* Staff shell: structured navbar/sidebar with persistent desktop collapse and mobile drawer. */
.waslek-staff{--staff-sidebar-width:272px;--staff-header-height:64px}
.waslek-staff .dashboard-main-wrapper{padding-top:var(--staff-header-height)}
.waslek-staff .dashboard-header .navbar{min-height:var(--staff-header-height);padding:0 16px;display:flex;align-items:center;gap:8px}
.waslek-staff .dashboard-header .navbar-brand{margin:0 auto;padding:8px 12px;order:2}
.waslek-staff .dashboard-header .navbar-brand img{max-height:38px;width:auto}
.waslek-staff .dashboard-header .navbar-collapse{order:3;flex-grow:0}
.waslek-staff .dashboard-header .navbar-left-top{align-items:center;gap:4px}
.waslek-staff .dashboard-header .nav-user-img{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;margin:0!important;border:1px solid var(--waslek-border);border-radius:8px;background:var(--waslek-surface);color:var(--waslek-muted)!important}
.waslek-staff .dashboard-header .nav-user-img:hover{background:#F5F5F7;color:var(--waslek-text)!important}
.waslek-staff .waslek-sidebar-toggle{order:1;width:auto;min-width:38px;height:38px;padding:0 12px!important;gap:8px;background:#FFFFFF!important;border:1px solid var(--waslek-border)!important;color:var(--waslek-text)!important}
.waslek-staff .waslek-sidebar-toggle:hover{background:#F5F5F7!important;border-color:#D7D7DE!important}
.waslek-staff .waslek-sidebar-toggle i{font-size:14px;color:var(--waslek-muted)}
.waslek-staff .waslek-sidebar-toggle-label{font-size:13px;font-weight:600}
.waslek-staff .nav-left-sidebar{top:var(--staff-header-height);right:0;left:auto;width:var(--staff-sidebar-width);height:calc(100vh - var(--staff-header-height));z-index:1030;border-left:1px solid var(--waslek-border);overflow:hidden;transition:transform .18s ease,width .18s ease}
.waslek-staff .nav-left-sidebar>.menu-list{height:100%;overflow:auto;overscroll-behavior:contain;padding-bottom:20px;scrollbar-gutter:stable}
.waslek-staff .nav-left-sidebar .navbar{padding:8px 10px 20px}
.waslek-staff .nav-left-sidebar .navbar-collapse{display:block!important;width:100%}
.waslek-staff .nav-left-sidebar .navbar-nav{gap:2px}
.waslek-staff .nav-left-sidebar .navbar-nav>br{display:none}
.waslek-staff .waslek-sidebar-head{height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--waslek-border);background:#FFFFFF;position:sticky;top:0;z-index:2}
.waslek-staff .waslek-sidebar-title{font-size:13px;font-weight:600;color:var(--waslek-text)}
.waslek-staff .waslek-sidebar-close{width:32px;height:32px;padding:0!important;border:0!important;background:transparent!important;color:var(--waslek-muted)!important}
.waslek-staff .waslek-sidebar-close:hover{background:#F5F5F7!important;color:var(--waslek-text)!important}
.waslek-staff .nav-left-sidebar .nav-divider{padding:8px;margin:4px 0 8px;line-height:normal}
.waslek-staff .nav-left-sidebar .nav-divider form+form{margin-top:4px}
.waslek-staff .nav-left-sidebar .nav-divider .form-control{height:36px;border-radius:6px!important;background:#FAFAFA!important;border-color:var(--waslek-border)!important}
.waslek-staff .nav-left-sidebar .navbar-nav .nav-link{min-height:40px;margin:0;padding:9px 12px;display:flex;align-items:center;gap:10px;border-radius:8px!important;color:#52525B!important;font-size:13px;font-weight:500}
.waslek-staff .nav-left-sidebar .navbar-nav .nav-link i{width:18px;margin:0!important;font-size:14px;color:#8A8A94!important;flex:0 0 18px}
.waslek-staff .nav-left-sidebar .navbar-nav .nav-link:hover{background:#F5F5F7!important;color:var(--waslek-text)!important}
.waslek-staff .nav-left-sidebar .navbar-nav .nav-link:hover i{color:var(--waslek-text)!important}
.waslek-staff .nav-left-sidebar .navbar-nav .nav-link.active{background:#EEF2FF!important;color:var(--waslek-hover)!important;font-weight:600}
.waslek-staff .nav-left-sidebar .navbar-nav .nav-link.active i{color:var(--waslek-primary)!important}
.waslek-staff .nav-left-sidebar .nav-link[data-toggle="collapse"]{padding-left:34px}
.waslek-staff .nav-left-sidebar .nav-link[data-toggle="collapse"]::after{left:12px;border-width:0 0 1.5px 1.5px;border-style:solid;width:7px;height:7px;transform:rotate(-45deg);opacity:.6}
.waslek-staff .nav-left-sidebar .nav-link[data-toggle="collapse"][aria-expanded="true"]::after{transform:rotate(45deg)}
.waslek-staff .nav-left-sidebar .nav-link[data-toggle="collapse"][aria-expanded="false"]::after{transform:rotate(-45deg)}
.waslek-staff .nav-left-sidebar .submenu{margin:2px 12px 6px 0;padding:2px 8px 2px 0;background:transparent!important;border-right:1px solid #E2E2E8}
.waslek-staff .nav-left-sidebar .submenu .nav{background:transparent!important}
.waslek-staff .nav-left-sidebar .submenu .nav .nav-item .nav-link{min-height:34px;padding:6px 10px;margin:1px 0;border-radius:6px!important;font-size:12.5px;font-weight:400;color:var(--waslek-muted)!important}
.waslek-staff .nav-left-sidebar .submenu .nav .nav-item .nav-link:hover{background:#F7F7F8!important;color:var(--waslek-text)!important}
.waslek-staff .nav-left-sidebar .submenu .nav .nav-item .nav-link.active{background:#F3F4FF!important;color:var(--waslek-hover)!important;font-weight:600}
.waslek-staff .dashboard-wrapper{margin-right:var(--staff-sidebar-width);transition:margin-right .18s ease}
.waslek-staff.waslek-sidebar-collapsed .nav-left-sidebar{transform:translateX(100%)}
.waslek-staff.waslek-sidebar-collapsed .dashboard-wrapper{margin-right:0}
.waslek-staff .waslek-sidebar-overlay{display:none}
.waslek-staff .dropdown-menu.nav-user-dropdown{min-width:240px;padding:8px}
.waslek-staff .nav-user-info{border-radius:6px;padding:12px!important;margin-bottom:4px}
.waslek-staff .nav-user-dropdown .dropdown-item{border-radius:6px;min-height:36px;display:flex;align-items:center}
.waslek-staff .dashboard-content{padding-top:24px}
@media(max-width:991.98px){
  .waslek-staff{--staff-header-height:60px}
  .waslek-staff .dashboard-header .navbar{padding:0 12px}
  .waslek-staff .dashboard-header .navbar-brand{margin:0 auto}
  .waslek-staff .waslek-sidebar-toggle-label{display:none}
  .waslek-staff .waslek-sidebar-toggle{width:38px;padding:0!important}
  .waslek-staff .nav-left-sidebar{position:fixed!important;top:var(--staff-header-height)!important;right:0!important;width:min(86vw,300px)!important;height:calc(100dvh - var(--staff-header-height))!important;transform:translateX(105%);box-shadow:-8px 0 24px rgb(10 10 10 / 10%)!important}
  .waslek-staff .nav-left-sidebar .navbar-toggler{display:none!important}
  .waslek-staff .dashboard-wrapper{margin-right:0!important}
  .waslek-staff.waslek-sidebar-open{overflow:hidden}
  .waslek-staff.waslek-sidebar-open .nav-left-sidebar{transform:translateX(0)}
  .waslek-staff .waslek-sidebar-overlay{display:block;position:fixed;inset:var(--staff-header-height) 0 0 0;background:rgb(10 10 10 / 32%);z-index:1025;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
  .waslek-staff.waslek-sidebar-open .waslek-sidebar-overlay{opacity:1;visibility:visible}
  .waslek-staff .dashboard-header .navbar-collapse{position:absolute;left:12px;top:11px}
  .waslek-staff .dashboard-header .navbar-left-top{flex-direction:row}
}
@media(max-width:575.98px){
  .waslek-staff .dashboard-header .navbar-brand img{max-width:150px}
  .waslek-staff .dashboard-content{padding:16px 12px 48px}
}
@media(prefers-reduced-motion:reduce){
  .waslek-staff .nav-left-sidebar,.waslek-staff .dashboard-wrapper,.waslek-staff .waslek-sidebar-overlay{transition:none!important}
}

/* Navbar action cluster: menu, notifications and account stay together. */
.waslek-staff .waslek-navbar-actions{order:1;display:flex;align-items:center;gap:6px;flex:0 0 auto}
.waslek-staff .waslek-navbar-actions .navbar-collapse{display:block!important;flex:0 0 auto}
.waslek-staff .waslek-navbar-actions .navbar-nav{display:flex;flex-direction:row;align-items:center;gap:6px;margin:0!important}
.waslek-staff .waslek-navbar-actions .nav-item{margin:0!important;border:0!important}
.waslek-staff .waslek-navbar-actions .nav-link{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--waslek-border);border-radius:8px;padding:0 12px!important;background:#FFFFFF;color:var(--waslek-text)!important;line-height:1}
.waslek-staff .waslek-navbar-actions .nav-link:hover{background:#F5F5F7;color:var(--waslek-text)!important}
.waslek-staff .waslek-navbar-actions .top-head-dropdown>.nav-link{min-width:38px;padding-inline:10px!important;color:var(--waslek-muted)!important}
.waslek-staff .waslek-navbar-actions .top-head-dropdown>.nav-link i{margin:0}
.waslek-staff .waslek-navbar-actions .top-head-dropdown .badge{position:absolute;top:-5px;inset-inline-end:-5px;min-width:18px;height:18px;line-height:14px;padding:1px 5px!important;border-radius:9px!important;font-size:10px}
.waslek-staff .waslek-navbar-actions .top-head-dropdown{position:relative}
.waslek-staff .waslek-account-trigger{width:auto!important;height:38px!important;margin:0!important;padding-inline:12px!important}
.waslek-staff .waslek-account-trigger i{color:var(--waslek-muted)!important}
.waslek-staff .waslek-account-label{font-size:13px;font-weight:600;color:var(--waslek-text)}
.waslek-staff .dashboard-header .navbar-brand{order:2}
.waslek-staff .dashboard-header .navbar{justify-content:space-between}
@media(max-width:720px){
  .waslek-staff .dashboard-header .navbar{gap:6px}
  .waslek-staff .waslek-navbar-actions{gap:4px}
  .waslek-staff .waslek-navbar-actions .navbar-nav{gap:4px}
  .waslek-staff .waslek-navbar-actions .nav-link,.waslek-staff .waslek-sidebar-toggle{height:36px;min-height:36px}
  .waslek-staff .waslek-account-label,.waslek-staff .waslek-sidebar-toggle-label{display:none}
  .waslek-staff .waslek-account-trigger{width:36px!important;height:36px!important;padding:0!important}
  .waslek-staff .waslek-navbar-actions .top-head-dropdown>.nav-link{width:36px;min-width:36px;padding:0!important}
  .waslek-staff .dashboard-header .navbar-brand img{max-width:128px}
}

/* Store shell: RTL right sidebar, neutral Genesis palette, clear hierarchy. */
.waslek-store{--store-sidebar:260px;--store-header:64px;background:var(--waslek-bg)!important}
.waslek-store .page-wrapper{background:var(--waslek-bg)!important;min-height:100vh}
.waslek-store .page-header{height:var(--store-header);background:#fff!important;border-bottom:1px solid var(--waslek-border);box-shadow:none!important;right:0;left:0;width:100%;max-width:none!important}
.waslek-store .header-wrapper{height:100%;display:flex!important;align-items:center;gap:12px;padding:0 16px!important;flex-wrap:nowrap}
.waslek-store .waslek-store-menu{display:flex;align-items:center;flex:0 0 auto}
.waslek-store .waslek-store-toggle{height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--waslek-border);border-radius:8px;background:#fff;color:var(--waslek-text);font-family:var(--waslek-font)!important;font-weight:600;font-size:13px;cursor:pointer}
.waslek-store .waslek-store-toggle:hover{background:#F5F5F7}.waslek-store .waslek-store-toggle svg{width:17px;height:17px}
.waslek-store .left-header{flex:1 1 auto;max-width:560px;margin-inline:auto;padding:0!important}
.waslek-store .left-header form{width:100%}.waslek-store .left-header .input-group{height:38px}
.waslek-store .left-header .form-control{height:38px!important;border-radius:8px 0 0 8px!important;background:#FAFAFA!important;border-color:var(--waslek-border)!important}
.waslek-store .left-header .input-group-text{height:38px!important;border:1px solid var(--waslek-border)!important;border-left:0!important;border-radius:0 8px 8px 0!important;background:#FAFAFA!important;color:var(--waslek-muted)}
.waslek-store .right-header{flex:0 0 auto;width:auto!important;max-width:none!important}
.waslek-store .right-header .nav-menus{display:flex;align-items:center;gap:8px;margin:0;padding:0}
.waslek-store .store-brand-link{display:flex;align-items:center;padding:4px 8px}.waslek-store .store-brand-link img{width:142px!important;max-height:38px;object-fit:contain}
.waslek-store .store-account-chip{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid var(--waslek-border);border-radius:8px;background:#fff;color:var(--waslek-text);font-size:13px;font-weight:600;white-space:nowrap}
.waslek-store .store-account-chip svg{width:16px;height:16px;color:var(--waslek-muted)}
.waslek-store .store-logout{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--waslek-border);border-radius:8px;background:#fff;color:var(--waslek-muted)!important}
.waslek-store .store-logout:hover{background:#FEF2F2;color:var(--waslek-error)!important;border-color:#FECACA}
.waslek-store .store-logout svg{width:17px;height:17px}
.waslek-store .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper{position:fixed!important;top:var(--store-header)!important;right:0!important;left:auto!important;width:var(--store-sidebar)!important;height:calc(100vh - var(--store-header))!important;background:#fff!important;border-left:1px solid var(--waslek-border);box-shadow:none!important;border-radius:0!important;z-index:7;transition:transform .18s ease}
.waslek-store .sidebar-wrapper>div{height:100%}.waslek-store .sidebar-wrapper .logo-wrapper,.waslek-store .sidebar-wrapper .logo-icon-wrapper{display:none!important}
.waslek-store .sidebar-wrapper .sidebar-main{height:100%;padding-top:12px;background:#fff!important}
.waslek-store .sidebar-wrapper #sidebar-menu{height:100%}
.waslek-store .sidebar-wrapper .sidebar-links{padding:0 10px 24px!important;margin:0!important}
.waslek-store .sidebar-wrapper .sidebar-links>.back-btn{display:none!important}
.waslek-store .sidebar-wrapper .sidebar-list{margin:2px 0!important;padding:0!important}
.waslek-store .sidebar-wrapper .sidebar-link{min-height:42px;display:flex!important;align-items:center;gap:10px;padding:9px 12px!important;border-radius:8px!important;color:#52525B!important;background:transparent!important;font-size:13.5px;font-weight:500;transition:background-color .15s,color .15s}
.waslek-store .sidebar-wrapper .sidebar-link svg{width:18px;height:18px;stroke:#8A8A94!important;flex:0 0 18px}
.waslek-store .sidebar-wrapper .sidebar-link:hover{background:#F5F5F7!important;color:var(--waslek-text)!important}
.waslek-store .sidebar-wrapper .sidebar-link.active{background:#EEF2FF!important;color:var(--waslek-hover)!important;font-weight:600}
.waslek-store .sidebar-wrapper .sidebar-link.active svg{stroke:var(--waslek-primary)!important}
.waslek-store .sidebar-wrapper .according-menu{margin-inline-start:auto;color:var(--waslek-muted)}
.waslek-store .sidebar-wrapper .sidebar-submenu{margin:2px 18px 8px 0!important;padding:4px 10px 4px 0!important;border-right:1px solid #E2E2E8;background:transparent!important}
.waslek-store .sidebar-wrapper .sidebar-submenu li{margin:0!important}
.waslek-store .sidebar-wrapper .sidebar-submenu a{display:block;padding:7px 10px!important;border-radius:6px;color:var(--waslek-muted)!important;font-size:12.5px;font-weight:400}
.waslek-store .sidebar-wrapper .sidebar-submenu a:hover{background:#F7F7F8;color:var(--waslek-text)!important}
.waslek-store .sidebar-wrapper .sidebar-submenu a.active{background:#F3F4FF;color:var(--waslek-hover)!important;font-weight:600}
.waslek-store .sidebar-wrapper .left-arrow,.waslek-store .sidebar-wrapper .right-arrow{display:none!important}
.waslek-store .page-wrapper.compact-wrapper .page-body-wrapper .page-body{margin-top:var(--store-header)!important;margin-right:var(--store-sidebar)!important;margin-left:0!important;min-height:calc(100vh - var(--store-header));background:var(--waslek-bg)!important;transition:margin-right .18s ease}
.waslek-store .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon{transform:translateX(100%)!important}
.waslek-store .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon~.page-body{margin-right:0!important}
.waslek-store .page-title{padding:20px 0 8px!important}.waslek-store .page-title h3{font-size:22px!important;color:var(--waslek-text)!important;font-weight:600!important}
.waslek-store .ecommerce-page{padding-top:4px}.waslek-store .footer{margin-right:var(--store-sidebar)!important;background:#fff!important;border-top:1px solid var(--waslek-border);box-shadow:none!important;transition:margin-right .18s ease}
.waslek-store .sidebar-wrapper.close_icon~.page-body~.footer{margin-right:0!important}
.waslek-store .tap-top{background:var(--waslek-primary)!important;border-radius:8px!important;box-shadow:none!important}
.waslek-store .loader-wrapper{background:#fff!important}.waslek-store .loader{border-top-color:var(--waslek-primary)!important}
@media(max-width:991.98px){
  .waslek-store{--store-header:60px}
  .waslek-store .header-wrapper{padding:0 10px!important;gap:8px}
  .waslek-store .waslek-store-toggle span,.waslek-store .store-account-name{display:none}
  .waslek-store .waslek-store-toggle{width:38px;padding:0;justify-content:center}
  .waslek-store .left-header{max-width:none}
  .waslek-store .store-brand-link img{width:118px!important}
  .waslek-store .store-account-chip{width:38px;padding:0;justify-content:center}
  .waslek-store .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper{width:min(86vw,300px)!important;box-shadow:-8px 0 24px rgb(10 10 10 / 10%)!important}
  .waslek-store .page-wrapper.compact-wrapper .page-body-wrapper .page-body{margin-right:0!important}
  .waslek-store .footer{margin-right:0!important}
}
@media(max-width:640px){
  .waslek-store .store-brand-link{display:none}
  .waslek-store .left-header .form-control{font-size:12px!important}
  .waslek-store .page-title h3{font-size:18px!important}
}
@media(prefers-reduced-motion:reduce){.waslek-store .sidebar-wrapper,.waslek-store .page-body,.waslek-store .footer{transition:none!important}}

.waslek-store .waslek-store-sidebar-head{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--waslek-border);background:#fff;position:sticky;top:0;z-index:3;font-size:13px;font-weight:600;color:var(--waslek-text)}
.waslek-store .waslek-store-sidebar-close{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:var(--waslek-muted);cursor:pointer}
.waslek-store .waslek-store-sidebar-close:hover{background:#F5F5F7;color:var(--waslek-text)}
.waslek-store .waslek-store-sidebar-close svg{width:16px;height:16px}

/* Persons mobile app shell + corrected Store overlay layering. */
.waslek-ui .waslek-mobile-bottom-nav{display:none}
.waslek-store .bg-overlay{position:fixed!important;top:var(--store-header)!important;right:0!important;bottom:0!important;left:0!important;background:rgb(10 10 10 / 32%)!important;z-index:1240!important;opacity:1!important}
.waslek-store .page-header{z-index:1220!important}
.waslek-store .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper{z-index:1260!important;background:#FFFFFF!important;color:var(--waslek-text)!important}
.waslek-store .sidebar-wrapper:not(.close_icon) .sidebar-link span,
.waslek-store .sidebar-wrapper:not(.close_icon) .sidebar-submenu,
.waslek-store .sidebar-wrapper:not(.close_icon) .sidebar-submenu a{visibility:visible!important;opacity:1!important}
.waslek-store .sidebar-wrapper .sidebar-link span{color:inherit!important}
.waslek-store .sidebar-wrapper .sidebar-submenu{background:#FFFFFF!important}
.waslek-store .sidebar-wrapper .sidebar-main,
.waslek-store .sidebar-wrapper #sidebar-menu,
.waslek-store .sidebar-wrapper .sidebar-links{background:#FFFFFF!important}
.waslek-store .sidebar-wrapper.close_icon{box-shadow:none!important}
.waslek-store .page-body,.waslek-store .page-wrapper,.waslek-store .page-body-wrapper{background:var(--waslek-bg)!important}

/* Deliveryman desktop shell. */
.waslek-deliveryman{--delivery-sidebar:264px;--delivery-header:64px;background:var(--waslek-bg)!important}
.waslek-deliveryman .dashboard-main-wrapper{padding-top:var(--delivery-header)}
.waslek-deliveryman .dashboard-header .navbar{min-height:var(--delivery-header);height:var(--delivery-header);padding:0 16px!important;display:flex;align-items:center;gap:10px;justify-content:space-between}
.waslek-deliveryman .navbar-brand{margin:0!important;padding:6px 10px!important;order:2}
.waslek-deliveryman .navbar-brand img{width:140px!important;max-height:38px}
.waslek-deliveryman .waslek-delivery-actions{display:flex;align-items:center;gap:6px;order:1}
.waslek-deliveryman .waslek-delivery-menu{height:38px;padding:0 12px!important;gap:8px;background:#fff!important;border:1px solid var(--waslek-border)!important;border-radius:8px!important;color:var(--waslek-text)!important}
.waslek-deliveryman .waslek-delivery-menu i{color:var(--waslek-muted)}
.waslek-deliveryman .nav-user-img{height:38px!important;width:auto!important;min-width:38px;padding:0 12px!important;margin:0!important;border:1px solid var(--waslek-border);border-radius:8px;background:#fff;display:flex;align-items:center;gap:8px;color:var(--waslek-text)!important}
.waslek-deliveryman .nav-user-img img{width:22px;height:22px}
.waslek-deliveryman .waslek-delivery-account-label{font-size:13px;font-weight:600}
.waslek-deliveryman .nav-left-sidebar{top:var(--delivery-header)!important;right:0!important;left:auto!important;width:var(--delivery-sidebar)!important;height:calc(100vh - var(--delivery-header))!important;background:#fff!important;border-left:1px solid var(--waslek-border);box-shadow:none!important;z-index:1030;transition:transform .18s ease}
.waslek-deliveryman .waslek-delivery-sidebar-head{height:48px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--waslek-border);background:#fff;position:sticky;top:0;z-index:2;font-size:13px;font-weight:600}
.waslek-deliveryman .waslek-delivery-sidebar-close{width:32px;height:32px!important;padding:0!important;border:0!important;background:transparent!important;color:var(--waslek-muted)!important}
.waslek-deliveryman .nav-left-sidebar .navbar{padding:10px}
.waslek-deliveryman .nav-left-sidebar .navbar-collapse{display:block!important}
.waslek-deliveryman .nav-left-sidebar .navbar-nav{width:100%;gap:2px}
.waslek-deliveryman .nav-left-sidebar .navbar-nav .nav-link{min-height:42px;margin:0!important;padding:9px 12px!important;border-radius:8px!important;display:flex;align-items:center;gap:10px;color:#52525B!important;background:transparent!important;font-size:13.5px;font-weight:500}
.waslek-deliveryman .nav-left-sidebar .navbar-nav .nav-link i{width:18px;margin:0!important;color:#8A8A94!important}
.waslek-deliveryman .nav-left-sidebar .navbar-nav .nav-link:hover{background:#F5F5F7!important;color:var(--waslek-text)!important}
.waslek-deliveryman .nav-left-sidebar .navbar-nav .nav-link.active{background:#EEF2FF!important;color:var(--waslek-hover)!important;font-weight:600}
.waslek-deliveryman .nav-left-sidebar .navbar-nav .nav-link.active i{color:var(--waslek-primary)!important}
.waslek-deliveryman .dashboard-wrapper{margin-right:var(--delivery-sidebar)!important;transition:margin-right .18s ease}
.waslek-deliveryman.waslek-delivery-sidebar-collapsed .nav-left-sidebar{transform:translateX(100%)}
.waslek-deliveryman.waslek-delivery-sidebar-collapsed .dashboard-wrapper{margin-right:0!important}
.waslek-deliveryman .waslek-delivery-overlay{display:none}

/* Mobile app-style navigation for Store and Deliveryman. */
@media(max-width:991.98px){
  .waslek-store,.waslek-deliveryman{padding-bottom:76px!important}
  .waslek-ui .waslek-mobile-bottom-nav{display:grid;position:fixed;right:0;left:0;bottom:0;z-index:1320;height:68px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:rgba(255,255,255,.98);border-top:1px solid var(--waslek-border);box-shadow:0 -2px 10px rgb(10 10 10 / 5%);grid-auto-flow:column;grid-auto-columns:1fr;direction:rtl}
  .waslek-ui .waslek-mobile-bottom-nav a,
  .waslek-ui .waslek-mobile-bottom-nav button{appearance:none;border:0;background:transparent;min-width:0;height:54px;padding:4px 3px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#777780!important;font-family:var(--waslek-font)!important;font-size:10.5px;font-weight:500;line-height:1.25;text-decoration:none}
  .waslek-ui .waslek-mobile-bottom-nav :is(a,button) i{font-size:18px;line-height:20px}
  .waslek-ui .waslek-mobile-bottom-nav :is(a,button).active{background:#EEF2FF;color:var(--waslek-primary)!important;font-weight:600}
  .waslek-ui .waslek-mobile-bottom-nav :is(a,button):focus-visible{outline:2px solid var(--waslek-primary);outline-offset:-2px}
  .waslek-ui .waslek-mobile-bottom-nav .mobile-nav-primary{color:var(--waslek-primary)!important}
  .waslek-store .page-header{z-index:1210!important}
  .waslek-store .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper{top:var(--store-header)!important;right:0!important;width:min(86vw,320px)!important;height:calc(100dvh - var(--store-header))!important;z-index:1280!important;background:#fff!important;transform:translateX(105%)!important}
  .waslek-store .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper:not(.close_icon){transform:translateX(0)!important}
  .waslek-store .bg-overlay{top:var(--store-header)!important;z-index:1260!important;background:rgb(10 10 10 / 36%)!important}
  .waslek-store .sidebar-wrapper:not(.close_icon) .sidebar-link span{display:inline!important}
  .waslek-store .sidebar-wrapper:not(.close_icon) .sidebar-submenu{display:none}
  .waslek-store .sidebar-wrapper:not(.close_icon) .sidebar-title.active + .sidebar-submenu{display:block}
  .waslek-store .page-wrapper.compact-wrapper .page-body-wrapper .page-body{margin-right:0!important;padding-bottom:12px}
  .waslek-store .footer{display:none!important}
  .waslek-store .tap-top{bottom:82px!important}
  .waslek-store .page-title{padding-top:12px!important}
  .waslek-store .page-title h3{font-size:18px!important}
  .waslek-store .ecommerce-page{padding-right:8px!important;padding-left:8px!important}
  .waslek-store .card{margin-bottom:12px!important}
  .waslek-store .card-body{padding:14px!important}
  .waslek-store .sale-chart .sale-detail{gap:10px}
  .waslek-store .sale-chart .sale-detail .sale-content{margin:0!important}
  .waslek-store .sale-chart .sale-content h3{font-size:15px!important}
  .waslek-store .sale-chart .sale-content p{font-size:15px!important}
  .waslek-store .left-header{display:block!important}
  .waslek-store .header-wrapper{height:var(--store-header);padding:0 8px!important}
  .waslek-store .store-account-chip{display:none!important}
  .waslek-store .store-logout{width:36px;height:36px}
  .waslek-store .store-brand-link{display:none!important}
  .waslek-store .left-header .input-group{height:36px}
  .waslek-store .left-header .form-control,.waslek-store .left-header .input-group-text{height:36px!important}

  .waslek-deliveryman{--delivery-header:60px}
  .waslek-deliveryman .dashboard-header .navbar{height:var(--delivery-header);min-height:var(--delivery-header);padding:0 10px!important}
  .waslek-deliveryman .navbar-brand{margin:0 auto!important}
  .waslek-deliveryman .navbar-brand img{width:122px!important}
  .waslek-deliveryman .waslek-delivery-account-label,.waslek-deliveryman .waslek-delivery-menu span{display:none}
  .waslek-deliveryman .waslek-delivery-menu,.waslek-deliveryman .nav-user-img{width:36px!important;min-width:36px!important;height:36px!important;padding:0!important;justify-content:center}
  .waslek-deliveryman .nav-user-img img{display:none}
  .waslek-deliveryman .nav-left-sidebar{position:fixed!important;top:var(--delivery-header)!important;right:0!important;width:min(86vw,300px)!important;height:calc(100dvh - var(--delivery-header))!important;transform:translateX(105%)!important;z-index:1280;box-shadow:-8px 0 24px rgb(10 10 10 / 10%)!important}
  .waslek-deliveryman.waslek-delivery-sidebar-open .nav-left-sidebar{transform:translateX(0)!important}
  .waslek-deliveryman .dashboard-wrapper,.waslek-deliveryman.waslek-delivery-sidebar-collapsed .dashboard-wrapper{margin-right:0!important}
  .waslek-deliveryman .dashboard-content{padding:16px 12px 24px!important}
  .waslek-deliveryman .footer{display:none!important}
  .waslek-deliveryman .waslek-delivery-overlay{display:block;position:fixed;top:var(--delivery-header);right:0;bottom:0;left:0;z-index:1260;background:rgb(10 10 10 / 36%);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
  .waslek-deliveryman.waslek-delivery-sidebar-open .waslek-delivery-overlay{opacity:1;visibility:visible}
  .waslek-deliveryman .nav-left-sidebar .navbar-toggler{display:none!important}
  .waslek-deliveryman .card{margin-bottom:12px!important}
  .waslek-deliveryman .card-body{padding:14px!important}
}
@media(max-width:430px){
  .waslek-ui .waslek-mobile-bottom-nav{padding-right:4px;padding-left:4px}
  .waslek-ui .waslek-mobile-bottom-nav a,.waslek-ui .waslek-mobile-bottom-nav button{font-size:10px}
  .waslek-store .left-header .form-control{font-size:11.5px!important}
}

/* Desktop navbar geometry lock: prevent legacy CSS from thinning/overlapping content. */
@media(min-width:992px){
  .waslek-store{--store-header:76px}
  .waslek-store .page-header{
    top:0!important;
    right:0!important;
    left:0!important;
    width:100%!important;
    max-width:none!important;
    height:var(--store-header)!important;
    min-height:var(--store-header)!important;
    margin:0!important;
    transform:none!important;
    background:#FFFFFF!important;
    border-bottom:1px solid var(--waslek-border)!important;
    box-shadow:0 1px 2px rgb(10 10 10 / 3%)!important;
  }
  .waslek-store .page-header.close_icon{
    right:0!important;
    left:0!important;
    width:100%!important;
  }
  .waslek-store .header-wrapper{
    width:100%!important;
    height:var(--store-header)!important;
    min-height:var(--store-header)!important;
    padding:0 20px!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    margin:0!important;
  }
  .waslek-store .waslek-store-menu{height:42px;display:flex!important;align-items:center!important}
  .waslek-store .waslek-store-toggle{
    height:42px!important;
    min-height:42px!important;
    padding:0 14px!important;
    border-radius:8px!important;
    font-size:13px!important;
  }
  .waslek-store .left-header{
    height:42px!important;
    display:flex!important;
    align-items:center!important;
    flex:1 1 auto!important;
    max-width:620px!important;
    margin:0 auto!important;
    padding:0!important;
  }
  .waslek-store .left-header form,
  .waslek-store .left-header .input-group{width:100%!important;height:42px!important;margin:0!important}
  .waslek-store .left-header .form-control,
  .waslek-store .left-header .input-group-text{height:42px!important;min-height:42px!important}
  .waslek-store .right-header{
    height:42px!important;
    display:flex!important;
    align-items:center!important;
    width:auto!important;
    flex:0 0 auto!important;
    margin:0!important;
  }
  .waslek-store .right-header .nav-menus{
    height:42px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
  }
  .waslek-store .store-brand-link{
    height:42px!important;
    display:flex!important;
    align-items:center!important;
    padding:0 8px!important;
  }
  .waslek-store .store-brand-link img{width:150px!important;max-height:38px!important}
  .waslek-store .store-account-chip,
  .waslek-store .store-logout{height:42px!important;min-height:42px!important}
  .waslek-store .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper{
    top:var(--store-header)!important;
    height:calc(100vh - var(--store-header))!important;
  }
  .waslek-store .page-wrapper.compact-wrapper .page-body-wrapper .page-body{
    margin-top:var(--store-header)!important;
    padding-top:0!important;
    min-height:calc(100vh - var(--store-header))!important;
  }
  .waslek-store .page-title{padding-top:24px!important;padding-bottom:10px!important;margin:0!important}
  .waslek-store .page-body>.container-fluid:first-child{padding-top:0!important}
  .waslek-store .ecommerce-page{padding-top:8px!important}

  .waslek-deliveryman{--delivery-header:76px}
  .waslek-deliveryman .dashboard-main-wrapper{
    padding-top:var(--delivery-header)!important;
  }
  .waslek-deliveryman .dashboard-header,
  .waslek-deliveryman .dashboard-header .navbar{
    height:var(--delivery-header)!important;
    min-height:var(--delivery-header)!important;
  }
  .waslek-deliveryman .dashboard-header .navbar{
    top:0!important;
    right:0!important;
    left:0!important;
    width:100%!important;
    padding:0 20px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    background:#FFFFFF!important;
    border-bottom:1px solid var(--waslek-border)!important;
    box-shadow:0 1px 2px rgb(10 10 10 / 3%)!important;
  }
  .waslek-deliveryman .waslek-delivery-actions{
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }
  .waslek-deliveryman .waslek-delivery-menu,
  .waslek-deliveryman .nav-user-img{
    height:42px!important;
    min-height:42px!important;
  }
  .waslek-deliveryman .navbar-brand{
    height:42px!important;
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    padding:0 10px!important;
  }
  .waslek-deliveryman .navbar-brand img{width:150px!important;max-height:38px!important}
  .waslek-deliveryman .nav-left-sidebar{
    top:var(--delivery-header)!important;
    height:calc(100vh - var(--delivery-header))!important;
  }
  .waslek-deliveryman .dashboard-wrapper{
    min-height:calc(100vh - var(--delivery-header))!important;
  }
  .waslek-deliveryman .dashboard-content{
    padding-top:24px!important;
  }
}

/* Store desktop navbar search cluster. */
.waslek-store .waslek-store-search-cluster{
  width:100%;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  direction:rtl;
}
.waslek-store .waslek-store-search-form{
  flex:1 1 auto;
  min-width:0;
  margin:0;
}
.waslek-store .waslek-store-search{
  width:100%;
  height:42px;
  display:flex;
  align-items:stretch;
  direction:rtl;
}
.waslek-store .waslek-store-search .form-control{
  height:42px!important;
  min-height:42px!important;
  border:1px solid var(--waslek-border)!important;
  border-left:0!important;
  border-radius:0 8px 8px 0!important;
  background:#FAFAFA!important;
  color:var(--waslek-text)!important;
  padding:0 14px!important;
  box-shadow:none!important;
}
.waslek-store .waslek-store-search .form-control:focus{
  position:relative;
  z-index:2;
  border-color:var(--waslek-primary)!important;
  box-shadow:var(--waslek-focus)!important;
}
.waslek-store .waslek-store-search-button{
  height:42px;
  min-width:82px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 14px;
  border:1px solid var(--waslek-border);
  border-radius:8px 0 0 8px;
  background:#FFFFFF;
  color:var(--waslek-text);
  font-family:var(--waslek-font)!important;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:background-color .15s,border-color .15s,color .15s;
}
.waslek-store .waslek-store-search-button:hover{
  background:#F5F5F7;
  border-color:#D7D7DE;
  color:var(--waslek-hover);
}
.waslek-store .waslek-store-search-button:focus-visible{
  outline:2px solid var(--waslek-primary);
  outline-offset:2px;
}
.waslek-store .waslek-store-search-button svg{
  width:16px;
  height:16px;
}
.waslek-store .left-header{
  max-width:720px!important;
}
.waslek-store .waslek-store-search-cluster .waslek-store-toggle{
  flex:0 0 auto;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
}
@media(max-width:991.98px){
  .waslek-store .waslek-store-search-cluster{
    height:36px;
    gap:6px;
  }
  .waslek-store .waslek-store-search-form{
    min-width:0;
  }
  .waslek-store .waslek-store-search{
    height:36px;
  }
  .waslek-store .waslek-store-search .form-control{
    height:36px!important;
    min-height:36px!important;
    padding:0 10px!important;
    font-size:11.5px!important;
  }
  .waslek-store .waslek-store-search-button{
    width:36px;
    min-width:36px;
    height:36px;
    padding:0;
  }
  .waslek-store .waslek-store-search-button span{display:none}
  .waslek-store .waslek-store-search-cluster .waslek-store-toggle{
    width:36px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0!important;
  }
}

/* Fix Store toggle visibility against legacy .toggle-sidebar rules. */
.waslek-store .waslek-store-search-cluster > .waslek-store-toggle{
  display:inline-flex!important;
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  width:auto!important;
  min-width:42px!important;
  max-width:none!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid var(--waslek-border)!important;
  border-radius:8px!important;
  background:#FFFFFF!important;
  color:var(--waslek-text)!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  box-shadow:none!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
.waslek-store .waslek-store-search-cluster > .waslek-store-toggle svg{
  display:block!important;
  width:18px!important;
  height:18px!important;
  stroke:var(--waslek-muted)!important;
  color:var(--waslek-muted)!important;
}
.waslek-store .waslek-store-search-cluster > .waslek-store-toggle:hover{
  background:#F5F5F7!important;
  border-color:#D7D7DE!important;
}
.waslek-store .waslek-store-search-cluster > .waslek-store-toggle span{
  display:inline!important;
  color:var(--waslek-text)!important;
}

/* Refined mobile app navigation: real inline SVG, readable labels and iPhone safe area. */
@media(max-width:991.98px){
  .waslek-store,.waslek-deliveryman{
    padding-bottom:calc(82px + env(safe-area-inset-bottom))!important;
  }
  .waslek-ui .waslek-mobile-bottom-nav{
    height:calc(74px + env(safe-area-inset-bottom))!important;
    padding:6px 8px calc(7px + env(safe-area-inset-bottom))!important;
    grid-auto-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
    background:#FFFFFF!important;
    border-top:1px solid var(--waslek-border)!important;
    box-shadow:0 -4px 16px rgb(10 10 10 / 6%)!important;
    backdrop-filter:none!important;
  }
  .waslek-ui .waslek-mobile-bottom-nav > a,
  .waslek-ui .waslek-mobile-bottom-nav > button{
    height:58px!important;
    min-height:58px!important;
    padding:5px 3px!important;
    gap:4px!important;
    border-radius:10px!important;
    color:#73737D!important;
    background:transparent!important;
    overflow:hidden!important;
  }
  .waslek-ui .waslek-mobile-bottom-nav .mobile-nav-icon{
    width:24px;
    height:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 24px;
    color:inherit!important;
  }
  .waslek-ui .waslek-mobile-bottom-nav .mobile-nav-icon svg{
    width:22px!important;
    height:22px!important;
    display:block!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  .waslek-ui .waslek-mobile-bottom-nav .mobile-nav-label{
    display:block!important;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:10.5px!important;
    line-height:14px!important;
    font-weight:500!important;
    color:inherit!important;
  }
  .waslek-ui .waslek-mobile-bottom-nav > :is(a,button).active{
    background:#EEF2FF!important;
    color:var(--waslek-primary)!important;
  }
  .waslek-ui .waslek-mobile-bottom-nav > :is(a,button).active .mobile-nav-label{
    font-weight:600!important;
    color:var(--waslek-primary)!important;
  }
  .waslek-ui .waslek-mobile-bottom-nav > :is(a,button).active .mobile-nav-icon{
    color:var(--waslek-primary)!important;
  }
  .waslek-ui .waslek-mobile-bottom-nav .mobile-nav-primary:not(.active){
    color:var(--waslek-primary)!important;
  }
  .waslek-ui .waslek-mobile-bottom-nav > button{
    font-family:var(--waslek-font)!important;
    cursor:pointer;
  }

  /* Store mobile page polish. */
  .waslek-store .page-body{
    padding-bottom:8px!important;
  }
  .waslek-store .page-title{
    padding:14px 0 8px!important;
  }
  .waslek-store .page-title h3{
    font-size:18px!important;
    line-height:1.5!important;
    margin:0!important;
  }
  .waslek-store .ecommerce-page{
    padding-right:10px!important;
    padding-left:10px!important;
  }
  .waslek-store .ecommerce-page>.row{
    margin-right:-5px!important;
    margin-left:-5px!important;
  }
  .waslek-store .ecommerce-page>.row>[class*="col-"]{
    padding-right:5px!important;
    padding-left:5px!important;
  }
  .waslek-store .sale-chart{
    min-height:104px;
    margin-bottom:10px!important;
  }
  .waslek-store .sale-chart .card-body{
    height:100%;
    display:flex;
    align-items:center;
  }
  .waslek-store .sale-chart .sale-detail .icon{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:9px!important;
  }
  .waslek-store .sale-chart .sale-detail .icon svg{
    width:19px!important;
    height:19px!important;
  }

  /* Keep the search/menu cluster usable on narrow screens. */
  .waslek-store .waslek-store-search-cluster > .waslek-store-toggle{
    display:inline-flex!important;
    position:static!important;
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0!important;
    border-radius:8px!important;
  }
  .waslek-store .waslek-store-search-cluster > .waslek-store-toggle span{
    display:none!important;
  }
  .waslek-store .waslek-store-search-cluster > .waslek-store-toggle svg{
    width:17px!important;
    height:17px!important;
  }
}
@media(max-width:390px){
  .waslek-ui .waslek-mobile-bottom-nav{
    padding-right:4px!important;
    padding-left:4px!important;
  }
  .waslek-ui .waslek-mobile-bottom-nav > a,
  .waslek-ui .waslek-mobile-bottom-nav > button{
    padding-right:1px!important;
    padding-left:1px!important;
  }
  .waslek-ui .waslek-mobile-bottom-nav .mobile-nav-label{
    font-size:9.5px!important;
  }
  .waslek-ui .waslek-mobile-bottom-nav .mobile-nav-icon svg{
    width:21px!important;
    height:21px!important;
  }
}

/* Store sidebar v2: independent from legacy close_icon engine. */
.waslek-store .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper{
  width:var(--store-sidebar)!important;
  max-width:var(--store-sidebar)!important;
  min-width:var(--store-sidebar)!important;
  right:0!important;
  left:auto!important;
  background:#FFFFFF!important;
  color:var(--waslek-text)!important;
  overflow:hidden!important;
}
.waslek-store .sidebar-wrapper>div,
.waslek-store .sidebar-wrapper .sidebar-main,
.waslek-store .sidebar-wrapper #sidebar-menu,
.waslek-store .sidebar-wrapper .sidebar-links{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  background:#FFFFFF!important;
}
.waslek-store .sidebar-wrapper .sidebar-main{
  height:calc(100% - 48px)!important;
  overflow:auto!important;
  padding:10px 0 18px!important;
}
.waslek-store .sidebar-wrapper .sidebar-links{
  height:auto!important;
  min-height:0!important;
  padding:0 10px 18px!important;
  margin:0!important;
}
.waslek-store .sidebar-wrapper .simplebar-wrapper,
.waslek-store .sidebar-wrapper .simplebar-mask,
.waslek-store .sidebar-wrapper .simplebar-content-wrapper,
.waslek-store .sidebar-wrapper .simplebar-content{
  width:100%!important;
  max-width:none!important;
}
.waslek-store .sidebar-wrapper .simplebar-content{
  padding:0!important;
}
.waslek-store .sidebar-wrapper .sidebar-list{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:2px 0!important;
  opacity:1!important;
}
.waslek-store .sidebar-wrapper .sidebar-link{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
}
.waslek-store .sidebar-wrapper .sidebar-link span{
  display:inline!important;
  opacity:1!important;
  visibility:visible!important;
  width:auto!important;
  max-width:none!important;
  white-space:normal!important;
  color:inherit!important;
}
.waslek-store .sidebar-wrapper .sidebar-submenu{
  display:none!important;
  width:auto!important;
  max-width:none!important;
  opacity:1!important;
  visibility:visible!important;
}
.waslek-store .sidebar-wrapper .sidebar-submenu.waslek-submenu-open{
  display:block!important;
}
.waslek-store .sidebar-wrapper .sidebar-submenu a{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  width:100%!important;
  max-width:none!important;
}

/* Neutralize any accidental legacy close_icon state inside Store. */
.waslek-store .sidebar-wrapper.close_icon{
  width:var(--store-sidebar)!important;
  max-width:var(--store-sidebar)!important;
  min-width:var(--store-sidebar)!important;
  height:calc(100vh - var(--store-header))!important;
  transform:none!important;
}
.waslek-store .sidebar-wrapper.close_icon:hover{
  width:var(--store-sidebar)!important;
  max-width:var(--store-sidebar)!important;
}
.waslek-store .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content{
  padding-top:0!important;
  padding-bottom:0!important;
}
.waslek-store .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li,
.waslek-store .sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li{
  max-width:none!important;
  width:100%!important;
  margin:2px 0!important;
}
.waslek-store .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li>a,
.waslek-store .sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li>a{
  padding:9px 12px!important;
}
.waslek-store .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li>a span,
.waslek-store .sidebar-wrapper.close_icon:hover .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li>a span{
  display:inline!important;
  opacity:1!important;
}
.waslek-store .sidebar-wrapper.close_icon .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-submenu a{
  display:block!important;
}
.waslek-store .sidebar-wrapper.close_icon~.page-body,
.waslek-store .sidebar-wrapper.close_icon~footer{
  margin-left:0!important;
  transition:none!important;
}

/* Dedicated desktop open/closed state. */
@media(min-width:992px){
  .waslek-store:not(.waslek-store-sidebar-collapsed) .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper{
    transform:translateX(0)!important;
  }
  .waslek-store.waslek-store-sidebar-collapsed .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper{
    transform:translateX(100%)!important;
  }
  .waslek-store:not(.waslek-store-sidebar-collapsed) .page-wrapper.compact-wrapper .page-body-wrapper .page-body{
    margin-right:var(--store-sidebar)!important;
    margin-left:0!important;
  }
  .waslek-store.waslek-store-sidebar-collapsed .page-wrapper.compact-wrapper .page-body-wrapper .page-body{
    margin-right:0!important;
    margin-left:0!important;
  }
  .waslek-store:not(.waslek-store-sidebar-collapsed) .footer{
    margin-right:var(--store-sidebar)!important;
    margin-left:0!important;
  }
  .waslek-store.waslek-store-sidebar-collapsed .footer{
    margin-right:0!important;
    margin-left:0!important;
  }
  .waslek-store .waslek-store-overlay{
    display:none!important;
  }
}

/* Dedicated mobile drawer state. */
@media(max-width:991.98px){
  .waslek-store .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper,
  .waslek-store .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon{
    width:min(86vw,320px)!important;
    max-width:min(86vw,320px)!important;
    min-width:min(86vw,320px)!important;
    transform:translateX(105%)!important;
    background:#FFFFFF!important;
    z-index:1280!important;
  }
  .waslek-store.waslek-store-sidebar-open .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper,
  .waslek-store.waslek-store-sidebar-open .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon{
    transform:translateX(0)!important;
  }
  .waslek-store .page-wrapper.compact-wrapper .page-body-wrapper .page-body,
  .waslek-store .sidebar-wrapper.close_icon~.page-body{
    margin-right:0!important;
    margin-left:0!important;
  }
  .waslek-store .waslek-store-overlay{
    display:block!important;
    position:fixed;
    top:var(--store-header);
    right:0;
    bottom:0;
    left:0;
    z-index:1260;
    border:0;
    padding:0;
    background:rgb(10 10 10 / 36%);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .18s ease,visibility .18s ease;
  }
  .waslek-store.waslek-store-sidebar-open .waslek-store-overlay{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
}

/* Store desktop push layout: sidebar and content resize together, no overlay. */
@media(min-width:992px){
  .waslek-store{
    --store-sidebar:264px;
    --store-push-duration:.22s;
  }
  .waslek-store .page-wrapper,
  .waslek-store .page-body-wrapper{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }
  .waslek-store .page-header,
  .waslek-store .page-header.close_icon{
    right:0!important;
    left:0!important;
    width:100%!important;
    max-width:none!important;
    margin-right:0!important;
    margin-left:0!important;
    transform:none!important;
  }
  .waslek-store .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper,
  .waslek-store .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon{
    position:fixed!important;
    top:var(--store-header)!important;
    right:0!important;
    left:auto!important;
    width:var(--store-sidebar)!important;
    min-width:var(--store-sidebar)!important;
    max-width:var(--store-sidebar)!important;
    height:calc(100vh - var(--store-header))!important;
    margin:0!important;
    background:#FFFFFF!important;
    border-left:1px solid var(--waslek-border)!important;
    transform:translateX(0)!important;
    transition:transform var(--store-push-duration) ease!important;
    will-change:transform;
  }
  .waslek-store .page-wrapper.compact-wrapper .page-body-wrapper .page-body,
  .waslek-store .sidebar-wrapper.close_icon~.page-body{
    position:relative!important;
    right:auto!important;
    left:auto!important;
    width:calc(100% - var(--store-sidebar))!important;
    max-width:calc(100% - var(--store-sidebar))!important;
    min-width:0!important;
    margin-top:var(--store-header)!important;
    margin-right:var(--store-sidebar)!important;
    margin-left:0!important;
    padding-top:0!important;
    overflow:visible!important;
    transition:
      width var(--store-push-duration) ease,
      max-width var(--store-push-duration) ease,
      margin-right var(--store-push-duration) ease!important;
    will-change:width,margin-right;
  }
  .waslek-store .page-wrapper.compact-wrapper .page-body-wrapper .page-body>.container-fluid,
  .waslek-store .page-wrapper.compact-wrapper .page-body-wrapper .page-body .ecommerce-page{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .waslek-store .footer,
  .waslek-store .sidebar-wrapper.close_icon~.page-body~.footer{
    width:calc(100% - var(--store-sidebar))!important;
    max-width:calc(100% - var(--store-sidebar))!important;
    margin-right:var(--store-sidebar)!important;
    margin-left:0!important;
    transition:
      width var(--store-push-duration) ease,
      max-width var(--store-push-duration) ease,
      margin-right var(--store-push-duration) ease!important;
  }

  .waslek-store.waslek-store-sidebar-collapsed .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper,
  .waslek-store.waslek-store-sidebar-collapsed .page-wrapper.compact-wrapper .page-body-wrapper .sidebar-wrapper.close_icon{
    transform:translateX(100%)!important;
  }
  .waslek-store.waslek-store-sidebar-collapsed .page-wrapper.compact-wrapper .page-body-wrapper .page-body,
  .waslek-store.waslek-store-sidebar-collapsed .sidebar-wrapper.close_icon~.page-body{
    width:100%!important;
    max-width:100%!important;
    margin-right:0!important;
    margin-left:0!important;
  }
  .waslek-store.waslek-store-sidebar-collapsed .footer,
  .waslek-store.waslek-store-sidebar-collapsed .sidebar-wrapper.close_icon~.page-body~.footer{
    width:100%!important;
    max-width:100%!important;
    margin-right:0!important;
    margin-left:0!important;
  }

  .waslek-store .waslek-store-overlay,
  .waslek-store .bg-overlay{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

/* Store mobile close control: guaranteed tappable above drawer content. */
.waslek-store .waslek-store-sidebar-head{
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  isolation:isolate;
}
.waslek-store .waslek-store-sidebar-close{
  position:relative!important;
  z-index:25!important;
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:auto!important;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  cursor:pointer!important;
}
.waslek-store .waslek-store-sidebar-close svg,
.waslek-store .waslek-store-sidebar-close i{
  pointer-events:none!important;
}
@media(max-width:991.98px){
  .waslek-store .waslek-store-sidebar-close{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    margin-inline-start:-6px!important;
  }
}

/* Definitive Store mobile sidebar state. Does not depend on legacy close_icon. */
@media(max-width:991.98px){
  body.waslek-store:not(.waslek-store-sidebar-open)
  #pageWrapper.page-wrapper.compact-wrapper
  .page-body-wrapper
  #waslek-store-sidebar.sidebar-wrapper{
    transform:translateX(105%)!important;
    pointer-events:none!important;
  }

  body.waslek-store.waslek-store-sidebar-open
  #pageWrapper.page-wrapper.compact-wrapper
  .page-body-wrapper
  #waslek-store-sidebar.sidebar-wrapper{
    transform:translateX(0)!important;
    pointer-events:auto!important;
  }

  body.waslek-store:not(.waslek-store-sidebar-open) .waslek-store-overlay{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  body.waslek-store.waslek-store-sidebar-open .waslek-store-overlay{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}

/* Store homepage KPI icons: semantic, real Feather SVGs. */
.waslek-store .sale-chart .store-kpi-icon{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid transparent!important;
}
.waslek-store .sale-chart .store-kpi-icon svg{
  width:21px!important;
  height:21px!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
}
.waslek-store .store-kpi-neutral{background:#F4F4F5!important;color:#52525B!important;border-color:#E4E4E7!important}
.waslek-store .store-kpi-waiting{background:#FFF7ED!important;color:#C2410C!important;border-color:#FED7AA!important}
.waslek-store .store-kpi-delivery{background:#EEF2FF!important;color:#4F46E5!important;border-color:#C7D2FE!important}
.waslek-store .store-kpi-delay{background:#FFFBEB!important;color:#B45309!important;border-color:#FDE68A!important}
.waslek-store .store-kpi-danger{background:#FEF2F2!important;color:#DC2626!important;border-color:#FECACA!important}
.waslek-store .store-kpi-return{background:#FFF7ED!important;color:#EA580C!important;border-color:#FED7AA!important}
.waslek-store .store-kpi-money{background:#ECFDF5!important;color:#059669!important;border-color:#A7F3D0!important}
@media(max-width:991.98px){
  .waslek-store .sale-chart .store-kpi-icon{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:9px!important;
  }
  .waslek-store .sale-chart .store-kpi-icon svg{
    width:19px!important;
    height:19px!important;
  }
}

/* Store mobile navbar cleanup: hide brand and account chip only on phones/tablets. */
@media(max-width:991.98px){
  .waslek-store .store-brand-link,
  .waslek-store .store-account-chip{
    display:none!important;
  }
}