body.backoffice-shell {
    --backoffice-page-bg-top: #f8fafc;
    --backoffice-page-bg-bottom: #eef2f6;
    --backoffice-surface: #ffffff;
    --backoffice-surface-muted: #f8fafc;
    --backoffice-border: rgba(15, 23, 42, 0.08);
    --backoffice-border-strong: rgba(15, 23, 42, 0.12);
    --backoffice-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
    --backoffice-radius: 12px;
}

body.backoffice-shell .content-wrapper {
    background:
        radial-gradient(circle at top right, rgba(14, 165, 233, 0.08), transparent 22%),
        linear-gradient(180deg, var(--backoffice-page-bg-top) 0%, var(--backoffice-page-bg-bottom) 100%);
}

body.backoffice-shell .content-header {
    padding: 18px 18px 8px;
}

body.backoffice-shell.nc-theme-slice-dashboard .content-header.content-header-custom {
    background: transparent !important;
    color: #334155 !important;
}

body.backoffice-shell.nc-theme-slice-dashboard .content-header.content-header-custom h1,
body.backoffice-shell.nc-theme-slice-dashboard .content-header.content-header-custom h1 small,
body.backoffice-shell.nc-theme-slice-dashboard .content-header.content-header-custom a,
body.backoffice-shell.nc-theme-slice-dashboard .content-header.content-header-custom .breadcrumb,
body.backoffice-shell.nc-theme-slice-dashboard .content-header.content-header-custom .breadcrumb > .active {
    color: #334155 !important;
}

body.backoffice-shell .content-header > h1 {
    font-weight: 600;
    letter-spacing: -0.01em;
}

body.backoffice-shell .box {
    border-top: 0;
    border-radius: var(--backoffice-radius);
    border: 1px solid var(--backoffice-border);
    box-shadow: var(--backoffice-shadow);
    background: var(--backoffice-surface);
}

body.backoffice-shell .box-header {
    padding: 14px 16px 10px;
    border-bottom-color: rgba(15, 23, 42, 0.06);
}

body.backoffice-shell .box.box-solid > .box-header,
body.backoffice-shell .box.box-solid > .box-header.with-border {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96) 0%, rgba(255, 255, 255, 0.96) 100%);
}

body.backoffice-shell .box-body {
    padding: 16px;
}

body.backoffice-shell .btn-default {
    border-color: var(--backoffice-border-strong);
    background: #ffffff;
    color: #334155;
}

body.backoffice-shell .btn-secondary {
    background: #6c757d;
    border-color: #6c757d;
    color: #ffffff;
}

body.backoffice-shell .btn-secondary:active,
body.backoffice-shell .btn-secondary.active,
body.backoffice-shell .btn-secondary:focus,
body.backoffice-shell .btn-secondary:hover {
    background: #5c636a;
    border-color: #565e64;
    color: #ffffff;
}

body.backoffice-shell .btn-outline-secondary {
    background: #ffffff;
    border-color: var(--backoffice-border-strong);
    color: #334155;
}

body.backoffice-shell .btn-outline-secondary:active,
body.backoffice-shell .btn-outline-secondary.active,
body.backoffice-shell .btn-outline-secondary:focus,
body.backoffice-shell .btn-outline-secondary:hover {
    background: #f8fafc;
    border-color: #94a3b8;
    color: #0f172a;
}

body.backoffice-shell .btn-flat {
    border-radius: 10px;
}

body.backoffice-shell .input-group-addon {
    color: #475569;
    background: var(--backoffice-surface-muted);
    border-color: var(--backoffice-border-strong);
}

body.backoffice-shell .input-group-text {
    display: table-cell;
    width: 1%;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #475569;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background: var(--backoffice-surface-muted);
    border: 1px solid var(--backoffice-border-strong);
    border-radius: 4px;
}

body.backoffice-shell .input-group > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

body.backoffice-shell .input-group > .input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

body.backoffice-shell .input-group-text select {
    border: 0;
    background: transparent;
    color: inherit;
    padding: 0;
    height: auto;
    min-width: 56px;
}

body.backoffice-shell .input-group-text select:focus {
    outline: 0;
}

body.backoffice-shell .input-group-btn > .btn {
    min-height: 34px;
}

body.backoffice-shell .panel {
    border-color: var(--backoffice-border);
    border-radius: var(--backoffice-radius);
    box-shadow: var(--backoffice-shadow);
}

body.backoffice-shell .panel-heading,
body.backoffice-shell .panel-footer {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96) 0%, rgba(255, 255, 255, 0.96) 100%);
    border-color: rgba(15, 23, 42, 0.06);
}

body.backoffice-shell .panel-body {
    padding: 16px;
}

body.backoffice-shell .box-tools,
body.backoffice-shell .box-header > .box-tools {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

body.backoffice-shell .pull-right-container {
    display: inline-flex;
    align-items: center;
}

body.backoffice-shell .float-end {
    float: right;
}

body.backoffice-shell .float-start {
    float: left;
}

body.backoffice-shell .navbar-toggle {
    border-color: var(--backoffice-border-strong);
    border-radius: 10px;
    background: #ffffff;
}

body.backoffice-shell .navbar-toggle .icon-bar {
    background: #475569;
}

body.backoffice-shell .nav-tabs-custom {
    border-radius: var(--backoffice-radius);
    border: 1px solid var(--backoffice-border);
    box-shadow: var(--backoffice-shadow);
    overflow: hidden;
}

body.backoffice-shell .nav-tabs-custom > .nav.nav-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 14px 14px 0;
    margin: 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96) 0%, rgba(255, 255, 255, 0.96) 100%);
}

body.backoffice-shell .nav-tabs-custom > .nav.nav-tabs > li {
    float: none;
    margin: 0;
}

body.backoffice-shell .nav-tabs-custom > .nav.nav-tabs > li > a,
body.backoffice-shell .nav.nav-tabs > li > a {
    margin-right: 0;
    border-radius: 12px 12px 0 0;
    border: 1px solid transparent;
    color: #475569;
    padding: 10px 14px;
}

body.backoffice-shell .nav-tabs-custom > .nav.nav-tabs > li.active > a,
body.backoffice-shell .nav-tabs-custom > .nav.nav-tabs > li.active > a:focus,
body.backoffice-shell .nav-tabs-custom > .nav.nav-tabs > li.active > a:hover,
body.backoffice-shell .nav.nav-tabs > li.active > a,
body.backoffice-shell .nav.nav-tabs > li.active > a:focus,
body.backoffice-shell .nav.nav-tabs > li.active > a:hover {
    background: #ffffff;
    color: #0f172a;
    border-color: rgba(15, 23, 42, 0.08) rgba(15, 23, 42, 0.08) #ffffff;
}

body.backoffice-shell .nav-tabs-custom > .tab-content,
body.backoffice-shell .tab-content {
    padding: 16px;
    background: #ffffff;
}

body.backoffice-shell .tab-content > .tab-pane {
    display: none;
}

body.backoffice-shell .tab-content > .active {
    display: block;
}

body.backoffice-shell .navbar.navbar-default {
    border: 1px solid var(--backoffice-border);
    border-radius: var(--backoffice-radius);
    box-shadow: var(--backoffice-shadow);
    background: rgba(255, 255, 255, 0.96);
}

body.backoffice-shell .navbar.navbar-default .navbar-brand {
    font-weight: 600;
    color: #0f172a;
}

body.backoffice-shell .navbar.navbar-default .navbar-nav > li > a {
    color: #475569;
    border-radius: 10px;
}

body.backoffice-shell .navbar.navbar-default .navbar-nav > .active > a,
body.backoffice-shell .navbar.navbar-default .navbar-nav > .active > a:focus,
body.backoffice-shell .navbar.navbar-default .navbar-nav > .active > a:hover,
body.backoffice-shell .navbar.navbar-default .navbar-nav > li > a:hover,
body.backoffice-shell .navbar.navbar-default .navbar-nav > li > a:focus {
    background: #eef6ff;
    color: #0f4c81;
}

body.backoffice-shell .backoffice-module-nav,
body.backoffice-shell section.no-print > .navbar.navbar-default.bg-white.m-4 {
    padding: 8px 10px;
}

body.backoffice-shell .backoffice-module-nav .navbar-header,
body.backoffice-shell section.no-print > .navbar.navbar-default.bg-white.m-4 .navbar-header {
    display: flex;
    align-items: center;
    gap: 12px;
}

body.backoffice-shell .backoffice-module-nav .navbar-nav,
body.backoffice-shell section.no-print > .navbar.navbar-default.bg-white.m-4 .navbar-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.backoffice-shell .backoffice-module-nav .navbar-nav > li,
body.backoffice-shell section.no-print > .navbar.navbar-default.bg-white.m-4 .navbar-nav > li {
    float: none;
}

@media (min-width: 768px) {
    body.backoffice-shell .backoffice-module-nav .navbar-collapse,
    body.backoffice-shell section.no-print > .navbar.navbar-default.bg-white.m-4 .navbar-collapse {
        display: flex !important;
        align-items: center;
        gap: 12px;
    }
}

@media (max-width: 767px) {
    body.backoffice-shell .backoffice-module-nav .navbar-nav,
    body.backoffice-shell section.no-print > .navbar.navbar-default.bg-white.m-4 .navbar-nav {
        display: block;
    }

    body.backoffice-shell .backoffice-module-nav .navbar-nav > li,
    body.backoffice-shell section.no-print > .navbar.navbar-default.bg-white.m-4 .navbar-nav > li {
        margin-bottom: 6px;
    }
}

body.backoffice-shell .main-header,
body.backoffice-shell .main-header .logo,
body.backoffice-shell .main-header .navbar,
body.backoffice-shell .main-header .navbar-static-top {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.98) 100%);
    color: #0f172a;
}

body.backoffice-shell .main-header {
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

body.backoffice-shell .main-header .logo,
body.backoffice-shell .main-header .navbar {
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

body.backoffice-shell .main-header .navbar .nav > li > a,
body.backoffice-shell .main-header .sidebar-toggle,
body.backoffice-shell .main-header .logo {
    color: #334155;
}

body.backoffice-shell .main-header .navbar-custom-menu {
    display: flex;
    align-items: center;
    margin-right: 12px;
}

body.backoffice-shell .main-header .navbar-custom-menu > .nav {
    display: flex;
    align-items: center;
}

body.backoffice-shell .main-header .crm-header-date {
    color: #475569;
}

body.backoffice-shell .pos-header .col-md-9 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

@media (min-width: 768px) {
    body.backoffice-shell .pos-header > .row {
        display: flex;
        align-items: flex-start;
        flex-wrap: nowrap;
        gap: 6px;
    }

    body.backoffice-shell .pos-header .col-md-3 {
        flex: 0 0 220px;
        max-width: 220px;
        width: 220px;
        padding-right: 4px;
    }

    body.backoffice-shell .pos-header .col-md-9 {
        flex: 1 1 auto;
        max-width: none;
        width: auto;
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 6px;
        margin-left: -2px;
        overflow-x: auto;
        padding-right: 0;
    }
}

body.backoffice-shell .pos-header .nc-header-icon-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    min-width: 42px;
    min-height: 44px;
    padding: 10px 11px 10px 9px;
    margin: 0 !important;
    border-radius: 14px;
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.14);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
    flex: 0 0 auto;
}

body.backoffice-shell .pos-header .nc-header-icon-btn i {
    font-size: 16px;
    line-height: 1;
}

body.backoffice-shell .pos-header .nc-header-icon-btn:hover,
body.backoffice-shell .pos-header .nc-header-icon-btn:focus {
    transform: translateY(-1px);
    box-shadow: 0 14px 24px rgba(15, 23, 42, 0.18);
    filter: saturate(1.03);
}

body.backoffice-shell .pos-header .nc-header-icon-btn--wide {
    min-width: 44px;
    padding-left: 10px;
    padding-right: 10px;
}

body.backoffice-shell #ncpos_pos_content .product_list {
    padding-left: 6px;
    padding-right: 6px;
}

@media (min-width: 992px) {
    body.backoffice-shell #ncpos_pos_content .product_list.col-md-3 {
        width: 33.33333333%;
    }
}

body.backoffice-shell #ncpos_pos_content .product_list > .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

body.backoffice-shell #ncpos_pos_content .backoffice-product-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    margin: 0;
    padding: 6px 7px;
    white-space: nowrap;
    background: #fff;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

body.backoffice-shell #ncpos_pos_content .backoffice-product-meta .label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: 3px 6px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

body.backoffice-shell #ncpos_pos_content .backoffice-product-meta .view_location_stock {
    max-width: 48%;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.backoffice-shell #ncpos_pos_content .backoffice-product-meta .view_location_stock,
body.backoffice-shell #ncpos_pos_content .backoffice-product-meta > .label {
    letter-spacing: 0;
}

body.backoffice-shell #ncpos_pos_content .backoffice-product-meta__info {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 30px;
    min-height: 30px;
    border-radius: 999px;
}

body.backoffice-shell #ncpos_pos_content .backoffice-product-meta__info i,
body.backoffice-shell #ncpos_pos_content .backoffice-product-meta__info .fa,
body.backoffice-shell #ncpos_pos_content .backoffice-product-meta__info .fas,
body.backoffice-shell #ncpos_pos_content .backoffice-product-meta__info .far {
    font-size: 15px;
}

body.backoffice-shell #ncpos_pos_content .product_box {
    padding-top: 0;
    min-height: 226px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 7px;
    overflow: hidden;
}

body.backoffice-shell #ncpos_pos_content .product_box .image-container {
    height: 142px;
    background: #eef2f7;
}

body.backoffice-shell #ncpos_pos_content .product_box .text_div {
    margin-top: 0;
    padding: 7px 8px 8px;
}

@media (min-width: 1400px) {
    body.backoffice-shell #ncpos_pos_content .product_box {
        min-height: 272px;
    }

    body.backoffice-shell #ncpos_pos_content .product_box .image-container {
        height: 188px;
    }
}

@media (min-width: 1800px) {
    body.backoffice-shell #ncpos_pos_content .product_box {
        min-height: 294px;
    }

    body.backoffice-shell #ncpos_pos_content .product_box .image-container {
        height: 210px;
    }
}

@media (max-width: 767px) {
    body.backoffice-shell .pos-header .col-md-9 {
        flex-wrap: nowrap;
        gap: 6px;
        overflow-x: auto;
        padding-bottom: 8px;
    }

    body.backoffice-shell .pos-header .nc-header-icon-btn {
        flex: 0 0 auto;
        min-width: 46px;
        min-height: 46px;
        padding: 10px 12px 10px 10px;
    }

    body.backoffice-shell #ncpos_pos_content .backoffice-product-meta {
        gap: 3px;
        padding: 5px 6px;
    }

    body.backoffice-shell #ncpos_pos_content .backoffice-product-meta .label {
        padding: 3px 6px;
    }

    body.backoffice-shell #ncpos_pos_content .product_box .image-container {
        height: 100px;
    }
}

body.backoffice-shell .main-header .navbar .nav > li > a:hover,
body.backoffice-shell .main-header .navbar .nav > li > a:focus,
body.backoffice-shell .main-header .sidebar-toggle:hover,
body.backoffice-shell .main-header .sidebar-toggle:focus {
    background: rgba(59, 130, 246, 0.08);
    color: #0f4c81;
}

body.backoffice-shell .main-sidebar {
    background:
        linear-gradient(180deg, rgba(235, 245, 255, 0.98) 0%, rgba(223, 236, 251, 0.98) 100%),
        linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
    border-right: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 8px 0 24px rgba(15, 23, 42, 0.05);
}

body.backoffice-shell .main-sidebar .sidebar {
    padding-top: 12px;
}

body.backoffice-shell .backoffice-sidebar-menu {
    padding: 0 8px 18px;
}

body.backoffice-shell .sidebar-menu > li > a,
body.backoffice-shell .sidebar-menu .treeview-menu > li > a {
    border-radius: 10px;
}

body.backoffice-shell .sidebar-menu > li > a {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 14px;
    font-weight: 500;
}

body.backoffice-shell .sidebar-menu > li {
    margin: 2px 8px;
}

body.backoffice-shell .backoffice-sidebar-menu > li.backoffice-sidebar-group > a {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
}

body.backoffice-shell .sidebar-menu > li > a > i:first-child,
body.backoffice-shell .sidebar-menu .treeview-menu > li > a > i:first-child {
    width: 18px;
    text-align: center;
}

body.backoffice-shell .sidebar-menu .treeview-menu {
    margin: 6px 0 8px;
    margin-left: 0;
    padding: 8px 8px 8px 0;
    padding-left: 0;
    padding-inline-start: 0;
    border-radius: 12px;
    border-left: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.54);
}

body.backoffice-shell.skin-blue-light .sidebar-menu > li > .treeview-menu,
body.backoffice-shell .sidebar-menu > li > .treeview-menu {
    padding-left: 0 !important;
    padding-inline-start: 0 !important;
}

body.backoffice-shell .sidebar-menu .treeview-menu .treeview-menu {
    margin-left: 0;
    padding-left: 0;
}

body.backoffice-shell .backoffice-sidebar-group > .backoffice-sidebar-submenu {
    display: none;
}

body.backoffice-shell .backoffice-sidebar-group.menu-open > .backoffice-sidebar-submenu,
body.backoffice-shell .backoffice-sidebar-submenu.menu-open {
    display: block;
}

body.backoffice-shell .backoffice-sidebar-caret {
    display: inline-flex;
    align-items: center;
    margin-left: auto;
    color: #3b82f6;
    opacity: 0.85;
}

body.backoffice-shell .backoffice-sidebar-toggle .menu-caret i {
    transition: transform 0.18s ease, opacity 0.18s ease;
}

body.backoffice-shell .backoffice-sidebar-group.menu-open > .backoffice-sidebar-toggle .menu-caret i {
    transform: rotate(90deg);
}

body.backoffice-shell .backoffice-inline-card {
    margin-bottom: 16px;
    padding: 16px;
    border: 1px solid var(--backoffice-border);
    border-radius: var(--backoffice-radius);
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96) 0%, rgba(255, 255, 255, 0.96) 100%);
}

body.backoffice-shell .sidebar-menu .treeview-menu > li {
    margin: 0;
}

body.backoffice-shell .sidebar-menu > li.active > a,
body.backoffice-shell .sidebar-menu > li.menu-open > a,
body.backoffice-shell .sidebar-menu > li > a:hover,
body.backoffice-shell .sidebar-menu > li > a:focus {
    background: rgba(59, 130, 246, 0.1);
    color: #0f4c81;
    box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.14);
}

body.backoffice-shell .sidebar-menu .treeview-menu > li.active > a,
body.backoffice-shell .sidebar-menu .treeview-menu > li.active-sub > a,
body.backoffice-shell .sidebar-menu .treeview-menu > li > a:hover,
body.backoffice-shell .sidebar-menu .treeview-menu > li > a:focus {
    background: rgba(255, 255, 255, 0.92);
    color: #0f172a;
}

body.backoffice-shell.sidebar-mini.sidebar-collapse .sidebar-menu > li.active > a,
body.backoffice-shell.sidebar-mini.sidebar-collapse .sidebar-menu > li.active.active-sub > a,
body.backoffice-shell.sidebar-mini.sidebar-collapse .sidebar-menu > li.menu-open > a {
    background: transparent !important;
    box-shadow: none !important;
}

body.backoffice-shell .main-header .user-menu > .dropdown-menu {
    width: 240px;
    padding: 8px;
}

body.backoffice-shell .main-header .user-menu > .dropdown-menu > .user-header {
    border-radius: 12px;
    background: linear-gradient(180deg, #f8fafc 0%, #eef6ff 100%);
    color: #0f172a;
    height: auto;
    min-height: 120px;
    padding: 20px 16px 14px;
}

body.backoffice-shell .main-header .user-menu > .dropdown-menu > .user-header img {
    border: 0;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
}

body.backoffice-shell .main-header .user-menu > .dropdown-menu > .user-footer {
    padding: 12px 4px 4px;
    background: transparent;
}

body.backoffice-shell .main-header .user-menu > .dropdown-menu > .user-footer:before,
body.backoffice-shell .main-header .user-menu > .dropdown-menu > .user-footer:after {
    display: none;
}

body.backoffice-shell .pos-tab-container {
    border: 1px solid var(--backoffice-border);
    border-radius: var(--backoffice-radius);
    box-shadow: var(--backoffice-shadow);
    background: var(--backoffice-surface);
    overflow: hidden;
}

body.backoffice-shell .pos-tab-menu {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96) 0%, rgba(255, 255, 255, 0.96) 100%);
    border-right: 1px solid rgba(15, 23, 42, 0.06);
    padding-top: 12px;
    padding-bottom: 12px;
}

body.backoffice-shell .pos-tab-menu .list-group {
    margin-bottom: 0;
}

body.backoffice-shell .pos-tab-menu .list-group-item {
    border: 0;
    border-radius: 10px;
    margin: 0 8px 6px;
    color: #475569;
}

body.backoffice-shell .pos-tab-menu .list-group-item.active,
body.backoffice-shell .pos-tab-menu .list-group-item.active:focus,
body.backoffice-shell .pos-tab-menu .list-group-item.active:hover {
    background: #e8f1ff;
    color: #0f4c81;
}

body.backoffice-shell .pos-tab {
    padding-top: 16px;
    padding-bottom: 16px;
}

body.backoffice-shell .form-text.error-msg {
    color: #dc3545;
}

body.backoffice-shell .backoffice-filter-panel {
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}

body.backoffice-shell .backoffice-report-actions {
    margin-top: 25px;
    text-align: right;
}

body.backoffice-shell .backoffice-report-actions label {
    margin-right: 10px;
}

body.backoffice-shell .backoffice-report-footer {
    background: #f8fafc;
}

body.backoffice-shell .backoffice-inline-filter-group {
    margin-right: 10px;
}

body.backoffice-shell .backoffice-inline-filter-label {
    margin-right: 6px;
}

body.backoffice-shell .backoffice-inline-note {
    margin-bottom: 10px;
}

body.backoffice-shell .backoffice-inline-note-list {
    margin: 6px 0 0 18px;
}

body.backoffice-shell .backoffice-toolbar-row {
    margin-bottom: 10px;
}

body.backoffice-shell .backoffice-toggle-label {
    margin-right: 12px;
    user-select: none;
}

body.backoffice-shell .backoffice-toolbar-total {
    margin-left: 12px;
}

body.backoffice-shell .backoffice-check-col {
    width: 40px;
}

body.backoffice-shell .backoffice-cell-wrap-lg {
    max-width: 320px;
    white-space: normal;
}

body.backoffice-shell .backoffice-cell-wrap-md {
    max-width: 240px;
    white-space: normal;
}

body.backoffice-shell .backoffice-step-hidden {
    display: none;
}

body.backoffice-shell .backoffice-modal-row {
    margin-top: 10px;
}

body.backoffice-shell .backoffice-modal-field {
    margin-bottom: 6px;
}

body.backoffice-shell .backoffice-select-full {
    width: 100%;
}

body.backoffice-shell .backoffice-gradient-header {
    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
    color: #19191a;
    font-size: 30px;
}

body.backoffice-shell .backoffice-search-offset {
    margin-left: 16.66666667%;
}

body.backoffice-shell .backoffice-scroll-panel {
    max-height: 60vh;
    overflow: auto;
    border: 1px solid #ddd;
    border-radius: 4px;
}

body.backoffice-shell .backoffice-table-tight {
    width: 100%;
    margin-bottom: 0;
}

body.backoffice-shell .backoffice-th-end {
    text-align: right;
}

body.backoffice-shell .backoffice-action-bar {
    background: #f1f5f9;
    padding: 10px;
    text-align: center;
}

body.backoffice-shell .backoffice-btn-gap {
    margin-right: 8px;
}

body.backoffice-shell .backoffice-table-fullwidth {
    width: 100%;
}

body.backoffice-shell .backoffice-hidden-table {
    display: none;
}

body.backoffice-shell .backoffice-filter-head {
    background: #f1f5f9;
}

body.backoffice-shell .backoffice-section-gap {
    margin-top: 15px;
}

body.backoffice-shell .backoffice-pos-content {
    display: block;
}

body.backoffice-shell .backoffice-pos-layout {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    min-height: 90vh;
}

body.backoffice-shell .backoffice-pos-left-col,
body.backoffice-shell .backoffice-pos-right-col {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

body.backoffice-shell .backoffice-pos-left-col > .box,
body.backoffice-shell .backoffice-pos-right-col > .box {
    flex: 1 1 auto;
    height: 100%;
}

body.backoffice-shell .backoffice-pos-layout > [class*="col-"] {
    float: none !important;
}

body.backoffice-shell .backoffice-pos-left-col {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
}

body.backoffice-shell .backoffice-pos-right-col {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
}

body.backoffice-shell .backoffice-pos-offline-suggest {
    position: absolute;
    z-index: 9999;
    display: none;
    max-height: 260px;
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid var(--backoffice-border-strong);
    border-radius: 12px;
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.14);
}

body.backoffice-shell .backoffice-pos-offline-suggest-item {
    padding: 8px 10px;
    cursor: pointer;
}

body.backoffice-shell .backoffice-pos-offline-suggest-item + .backoffice-pos-offline-suggest-item {
    border-top: 1px solid rgba(15, 23, 42, 0.06);
}

body.backoffice-shell .backoffice-pos-offline-suggest-item:hover {
    background: rgba(59, 130, 246, 0.08);
}

body.backoffice-shell .backoffice-pos-leg-address-input {
    margin-top: 6px;
}

body.backoffice-shell .backoffice-pos-leg-km-cell,
body.backoffice-shell .backoffice-pos-leg-rate-cell {
    width: 110px;
}

body.backoffice-shell .backoffice-pos-leg-subtotal-cell {
    width: 120px;
}

body.backoffice-shell .wrapper_popup {
    background: #ffffff;
    margin: auto;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    transform: scale(0.95);
    transition: box-shadow 0.5s, transform 0.5s;
}

body.backoffice-shell .wrapper_popup:hover {
    transform: scale(1);
    box-shadow: 5px 20px 30px rgba(0, 0, 0, 0.2);
}

body.backoffice-shell .wrapper_popup .container_popup {
    width: 100%;
    height: 100%;
}

body.backoffice-shell .wrapper_popup .container_popup .top {
    height: 80%;
    width: 100%;
    background-size: 100%;
}

body.backoffice-shell .wrapper_popup .container_popup .bottom {
    width: 200%;
    height: 20%;
    transition: transform 0.5s;
}

body.backoffice-shell .wrapper_popup .container_popup .bottom.clicked {
    transform: translateX(-50%);
}

body.backoffice-shell .wrapper_popup .container_popup .bottom h1,
body.backoffice-shell .wrapper_popup .container_popup .bottom p {
    margin: 0;
    padding: 0;
}

body.backoffice-shell .wrapper_popup .container_popup .bottom .left {
    height: 100%;
    width: 50%;
    background: #f4f4f4;
    position: relative;
    float: left;
}

body.backoffice-shell .wrapper_popup .container_popup .bottom .left .details,
body.backoffice-shell .wrapper_popup .container_popup .bottom .right .details {
    padding: 20px;
    width: calc(70% - 40px);
}

body.backoffice-shell .wrapper_popup .container_popup .bottom .left .details {
    float: left;
}

body.backoffice-shell .wrapper_popup .container_popup .bottom .left .buy {
    float: right;
    width: calc(30% - 2px);
    height: 100%;
    background: #f1f1f1;
    transition: 0.5s;
    border-left: solid thin rgba(0, 0, 0, 0.1);
}

body.backoffice-shell .wrapper_popup .container_popup .bottom .left .buy i,
body.backoffice-shell .wrapper_popup .container_popup .bottom .right .done i,
body.backoffice-shell .wrapper_popup .container_popup .bottom .right .remove i {
    font-size: 30px;
    padding: 30px;
    transition: transform 0.5s;
}

body.backoffice-shell .wrapper_popup .container_popup .bottom .left .buy i {
    color: #254053;
}

body.backoffice-shell .wrapper_popup .container_popup .bottom .left .buy:hover {
    background: #a6cdde;
}

body.backoffice-shell .wrapper_popup .container_popup .bottom .left .buy:hover i {
    transform: translateY(5px);
    color: #00394b;
}

body.backoffice-shell .wrapper_popup .container_popup .bottom .right {
    width: 50%;
    background: #a6cdde;
    color: #ffffff;
    float: right;
    height: 200%;
    overflow: hidden;
}

body.backoffice-shell .wrapper_popup .container_popup .bottom .right .details {
    float: right;
}

body.backoffice-shell .wrapper_popup .container_popup .bottom .right .done {
    width: calc(30% - 2px);
    float: left;
    transition: transform 0.5s;
    border-right: solid thin rgba(255, 255, 255, 0.3);
    height: 50%;
}

body.backoffice-shell .wrapper_popup .container_popup .bottom .right .done i,
body.backoffice-shell .wrapper_popup .container_popup .bottom .right .remove i {
    color: #ffffff;
}

body.backoffice-shell .wrapper_popup .container_popup .bottom .right .remove {
    width: calc(30% - 1px);
    clear: both;
    border-right: solid thin rgba(255, 255, 255, 0.3);
    height: 50%;
    background: #bc3b59;
    transition: transform 0.5s, background 0.5s;
}

body.backoffice-shell .wrapper_popup .container_popup .bottom .right .remove:hover {
    background: #9b2847;
}

body.backoffice-shell .wrapper_popup .container_popup .bottom .right .remove:hover i,
body.backoffice-shell .wrapper_popup .container_popup .bottom .right:hover .remove,
body.backoffice-shell .wrapper_popup .container_popup .bottom .right:hover .done {
    transform: translateY(5px);
}

body.backoffice-shell .wrapper_popup .container_popup .bottom .right:hover .remove,
body.backoffice-shell .wrapper_popup .container_popup .bottom .right:hover .done {
    transform: translateY(-100%);
}

body.backoffice-shell .wrapper_popup .inside {
    z-index: 9;
    background: #92879b;
    width: 140px;
    height: 140px;
    position: absolute;
    top: -70px;
    right: -70px;
    border-radius: 0 0 200px 200px;
    transition: all 0.5s, border-radius 2s, top 1s;
    overflow: hidden;
}

body.backoffice-shell .wrapper_popup .inside .icon {
    position: absolute;
    right: 85px;
    top: 85px;
    color: #ffffff;
    opacity: 1;
}

body.backoffice-shell .wrapper_popup .inside:hover {
    width: 100%;
    right: 0;
    top: 0;
    border-radius: 0;
    height: 80%;
}

body.backoffice-shell .wrapper_popup .inside:hover .icon {
    opacity: 0;
    right: 15px;
    top: 15px;
}

body.backoffice-shell .wrapper_popup .inside .contents {
    padding: 5%;
    opacity: 0;
    transform: scale(0.5) translateY(-200%);
    transition: opacity 0.2s, transform 0.8s;
}

body.backoffice-shell .backoffice-report-table {
    width: 100%;
}

body.backoffice-shell .backoffice-tax-group-note {
    padding-top: 0;
}

body.backoffice-shell .backoffice-report-actions {
    text-align: right;
    padding-bottom: 1rem;
}

body.backoffice-shell .backoffice-hidden {
    display: none;
}

body.backoffice-shell .backoffice-mt-0 {
    margin-top: 0;
}

body.backoffice-shell .backoffice-report-kpi-lead {
    margin: 0 0 4px;
}

body.backoffice-shell .backoffice-report-secondary-code {
    display: block;
    font-size: 11px;
    line-height: 12px;
    opacity: 0.85;
}

body.backoffice-shell .backoffice-inline-meta-start {
    margin-left: 8px;
}

body.backoffice-shell .backoffice-select-full {
    width: 100% !important;
}

body.backoffice-shell .backoffice-width-80 {
    width: 80px;
}

body.backoffice-shell .backoffice-width-40 {
    width: 40px;
}

body.backoffice-shell .backoffice-width-110 {
    width: 110px;
}

body.backoffice-shell .backoffice-width-140 {
    width: 140px;
}

body.backoffice-shell .backoffice-help-tight {
    margin-top: 0;
}

body.backoffice-shell .backoffice-help-inline {
    margin: 6px 0 0;
}

body.backoffice-shell .backoffice-form-gap-sm {
    margin-top: 10px;
}

body.backoffice-shell .backoffice-no-margin {
    margin: 0;
}

body.backoffice-shell .backoffice-pt-7 {
    padding-top: 7px;
}

body.backoffice-shell .credit-summary-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 18px;
}

body.backoffice-shell .credit-summary-card {
    flex: 1 1 180px;
    min-width: 160px;
    position: relative;
    overflow: hidden;
    padding: 14px 16px;
    border-radius: 12px;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, 0.18);
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08);
}

body.backoffice-shell .credit-summary-card.total-card {
    color: #f8fafc;
    border: 0;
    background: linear-gradient(135deg, #283b6a, #1e293b);
}

body.backoffice-shell .credit-summary-card .summary-label {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

body.backoffice-shell .credit-summary-card .summary-amount {
    display: block;
    margin-bottom: 4px;
    font-size: 20px;
    font-weight: 800;
}

body.backoffice-shell .credit-summary-card .summary-count {
    font-size: 12px;
    color: rgba(15, 23, 42, 0.65);
}

body.backoffice-shell .credit-summary-card.total-card .summary-count {
    color: rgba(248, 250, 252, 0.75);
}

body.backoffice-shell .credit-summary-card.aging-0-30 {
    border-left: 4px solid #16a34a;
}

body.backoffice-shell .credit-summary-card.aging-31-60 {
    border-left: 4px solid #0ea5e9;
}

body.backoffice-shell .credit-summary-card.aging-61-90 {
    border-left: 4px solid #facc15;
}

body.backoffice-shell .credit-summary-card.aging-91-120 {
    border-left: 4px solid #fb923c;
}

body.backoffice-shell .credit-summary-card.aging-121-180 {
    border-left: 4px solid #f97316;
}

body.backoffice-shell .credit-summary-card.aging-180-plus {
    border-left: 4px solid #b91c1c;
}

body.backoffice-shell .credit-table-actions .btn {
    margin-right: 4px;
}

body.backoffice-shell .credit-table-actions .credit-btn-pay {
    color: #ffffff;
    border: 0;
    background: #2563eb;
}

body.backoffice-shell .credit-table-actions .credit-btn-view {
    color: #ffffff;
    border: 0;
    background: #f97316;
}

body.backoffice-shell .credit-table-actions .credit-btn:hover {
    opacity: 0.9;
}

body.backoffice-shell .backoffice-income-box-title {
    color: #ffffff;
    font-weight: 800;
}

body.backoffice-shell .backoffice-income-section-title {
    color: #ffffff;
    font-weight: 700;
}

body.backoffice-shell .backoffice-income-section-title-split {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.backoffice-shell .kpi-row .small-box {
    min-height: 110px;
}

body.backoffice-shell .kpi-row .small-box .inner .lead {
    font-size: 22px;
    font-weight: 800;
    color: #ffffff;
}

body.backoffice-shell .kpi-row .small-box h5 {
    font-size: 15px;
    font-weight: 800;
    color: #ffffff;
}

body.backoffice-shell .kpi-row .delta {
    font-weight: 600;
}

body.backoffice-shell .kpi-row .delta.text-danger {
    color: #b71c1c !important;
}

body.backoffice-shell .backoffice-delivery-badge-row {
    margin-bottom: 8px;
}

body.backoffice-shell .backoffice-delivery-badge {
    display: none;
    font-size: 12px;
}

body.backoffice-shell .backoffice-delivery-rate-badge {
    margin-left: 6px;
}

body.backoffice-shell .backoffice-delivery-help {
    margin-top: 0;
    margin-bottom: 10px;
}

body.backoffice-shell .backoffice-delivery-col-type {
    width: 14%;
}

body.backoffice-shell .backoffice-delivery-col-km,
body.backoffice-shell .backoffice-delivery-col-rate {
    width: 12%;
}

body.backoffice-shell .backoffice-delivery-col-subtotal {
    width: 14%;
}

body.backoffice-shell .backoffice-delivery-col-notes {
    width: 18%;
}

body.backoffice-shell .backoffice-delivery-col-action {
    width: 6%;
}

body.backoffice-shell .backoffice-delivery-summary {
    font-size: 16px;
}

body.backoffice-shell #delivery_legs_table tbody td {
    vertical-align: middle;
}

@media (max-width: 767px) {
    body.backoffice-shell .kpi-row .small-box .inner .lead {
        font-size: 18px;
    }

    body.backoffice-shell .kpi-row .small-box h5 {
        font-size: 14px;
    }
}

body.backoffice-shell .wrapper_popup .inside:hover .contents {
    opacity: 1;
    transform: scale(1) translateY(0);
}

body.backoffice-shell .wrapper_popup .inside .contents table {
    text-align: left;
    width: 100%;
}

body.backoffice-shell .wrapper_popup .inside .contents h1,
body.backoffice-shell .wrapper_popup .inside .contents p,
body.backoffice-shell .wrapper_popup .inside .contents table {
    color: #ffffff;
}

body.backoffice-shell .wrapper_popup .inside .contents p {
    font-size: 13px;
}

body.backoffice-shell .btn.disabled,
body.backoffice-shell .btn:disabled,
body.backoffice-shell .btn[disabled] {
    cursor: default;
    opacity: 0.5;
    pointer-events: none;
}

body.backoffice-shell #mapCanvas,
body.backoffice-shell #mapCanvas_2 {
    width: 100%;
    height: 500px;
}

body.backoffice-shell .stepwizard {
    display: table;
    width: 50%;
    position: relative;
}

body.backoffice-shell .stepwizard-row {
    display: table-row;
}

body.backoffice-shell .stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}

body.backoffice-shell .stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

body.backoffice-shell .stepwizard-step p {
    margin-top: 10px;
}

body.backoffice-shell .stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

body.backoffice-shell .btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

body.backoffice-shell .frmSearch {
    border: 1px solid #a8d4b1;
    background-color: #c6f7d0;
    margin: 2px 0;
    padding: 40px;
    border-radius: 4px;
}

body.backoffice-shell #country-list {
    float: left;
    list-style: none;
    margin-top: -3px;
    padding: 0;
    position: absolute;
    width: 100%;
}

body.backoffice-shell #country-list li {
    padding: 10px;
    border-bottom: #bbb9b9 1px solid;
}

body.backoffice-shell #country-list li:hover {
    background: #bcaddf;
    cursor: pointer;
}

body.backoffice-shell #search-box {
    padding: 10px;
    border: #a8d4b1 1px solid;
    border-radius: 4px;
}

body.backoffice-shell .dashed-box {
    position: absolute;
    width: 93%;
    z-index: 4;
    border: solid 1px #706db1;
    display: none;
    height: 200px;
    overflow-y: scroll;
}

body.backoffice-shell .backoffice-referrer-info {
    display: none;
}

body.backoffice-shell .backoffice-referrer-badge {
    font-size: 13px;
}

body.backoffice-shell .backoffice-stack-gap-lg {
    margin-top: 25px;
    margin-bottom: 25px;
}

body.backoffice-shell .backoffice-pos-card-animate {
    animation: fadeIn 0.5s;
}

body.backoffice-shell .backoffice-pos-empty-state {
    display: none;
    width: 100%;
    clear: both;
    padding: 20px;
    font-size: 1.2em;
    color: #777;
}

body.backoffice-shell .backoffice-pos-search-input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
}

body.backoffice-shell .backoffice-pos-search-strip {
    margin: 0;
    padding: 10px 15px;
    background: #f4f4f4;
}

body.backoffice-shell .backoffice-pointer {
    cursor: pointer;
}

body.backoffice-shell .backoffice-inline-gap-sm {
    margin-right: 5px;
}

body.backoffice-shell .backoffice-form-group-tight {
    margin-bottom: 5px;
}

body.backoffice-shell .backoffice-form-group-tight-top {
    margin-top: 6px;
}

body.backoffice-shell .backoffice-label-strong-inline {
    margin: 0;
    font-weight: 600;
}

body.backoffice-shell .backoffice-checkbox-gap {
    margin-right: 6px;
}

body.backoffice-shell .backoffice-width-45pct {
    width: 45% !important;
}

body.backoffice-shell .backoffice-px-20 {
    padding-left: 20px;
    padding-right: 20px;
}

body.backoffice-shell .backoffice-mb-10 {
    margin-bottom: 10px;
}

body.backoffice-shell .backoffice-mb-0-imp {
    margin-bottom: 0 !important;
}

body.backoffice-shell .backoffice-image-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding-top: 60px;
    background-color: rgba(0, 0, 0, 0.8);
}

body.backoffice-shell .backoffice-image-modal-content {
    display: block;
    margin: auto;
    max-width: 90%;
    max-height: 90%;
    border: 3px solid #fff;
    box-shadow: 0 0 10px #000;
}

body.backoffice-shell .backoffice-thumbnail-zoom {
    cursor: zoom-in;
    transition: opacity 0.3s ease;
}

body.backoffice-shell .backoffice-thumbnail-zoom:hover {
    opacity: 0.8;
}

body.backoffice-shell .backoffice-pinpad-pane {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    height: 100%;
}

body.backoffice-shell .backoffice-pinpad-button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5%;
    padding: 15px 30px;
    border: none;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.3s;
    background: linear-gradient(135deg, #387ac5, #6263c4);
}

body.backoffice-shell .backoffice-pinpad-button:hover {
    background: linear-gradient(135deg, #7098aa, #bcaedd);
    transform: scale(1.05);
}

body.backoffice-shell .backoffice-pinpad-button i {
    margin-right: 10px;
}

body.backoffice-shell .backoffice-modal-bottom-sheet {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
}

body.backoffice-shell .backoffice-progress-shell {
    margin-top: 10px;
    text-align: left;
}

body.backoffice-shell .backoffice-progress-bar-wrap {
    margin-bottom: 8px;
}

body.backoffice-shell .backoffice-progress-meta {
    margin-top: 6px;
}

body.backoffice-shell .backoffice-progress-bar-zero {
    width: 0%;
}

body.backoffice-shell .backoffice-product-text-wrap {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    text-overflow: clip !important;
    line-height: 1.15 !important;
}

body.backoffice-shell .backoffice-product-text-label {
    display: -webkit-box !important;
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: normal !important;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.15 !important;
    max-height: 2.3em;
    margin-bottom: 2px;
}

body.backoffice-shell .backoffice-product-image-fit {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    object-fit: cover;
    object-position: center;
}

body.backoffice-shell .pos-add-customer-fab {
    display: none !important;
}

body.backoffice-shell .input-group .backoffice-select2-fill + .select2-container,
body.backoffice-shell .input-group .select2-container {
    width: 100% !important;
}

@media (max-width: 767px) {
    body.backoffice-shell .backoffice-search-offset {
        margin-left: 0;
    }

    body.backoffice-shell .pos-topbar-row {
        gap: 10px;
    }

    body.backoffice-shell .pos-topbar-col-customer,
    body.backoffice-shell .pos-topbar-col-search {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row,
    body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row {
        display: block;
        gap: 0;
    }

    body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row > [class*="col-"],
    body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row > [class*="col-"],
    body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row #restaurant_module_span > [class*="col-"],
    body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row #restaurant_module_span > [class*="col-"] {
        display: block;
        flex: none;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-bottom: 10px;
    }

    body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row > [class*="col-"]:has(#is_recurring),
    body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row > [class*="col-"]:has(#is_recurring) {
        max-width: 100%;
        min-height: 0;
    }

    body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row .input-group,
    body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row .input-group {
        width: 100%;
    }

    body.backoffice-shell .backoffice-pos-layout {
        display: block !important;
        flex-wrap: wrap;
        min-height: 0;
    }

    body.backoffice-shell .backoffice-pos-left-col,
    body.backoffice-shell .backoffice-pos-right-col,
    body.backoffice-shell .backoffice-pos-left-col.col-sm-7,
    body.backoffice-shell .backoffice-pos-left-col.col-sm-10,
    body.backoffice-shell .backoffice-pos-left-col.col-md-7,
    body.backoffice-shell .backoffice-pos-left-col.col-md-10,
    body.backoffice-shell .backoffice-pos-right-col.col-sm-5,
    body.backoffice-shell .backoffice-pos-right-col.col-md-5 {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        min-width: 100% !important;
    }

    body.backoffice-shell .backoffice-pos-left-col {
        display: block !important;
        padding-right: 0 !important;
    }

    body.backoffice-shell .backoffice-pos-left-col > .box,
    body.backoffice-shell .backoffice-pos-left-col > .box > .box-body {
        height: auto !important;
        min-height: 0;
    }

    body.backoffice-shell .backoffice-pos-right-col {
        display: none !important;
    }

    body.backoffice-shell .backoffice-pos-right-col > .box > .box-body {
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 0;
    }

    body.backoffice-shell .backoffice-pos-right-col .pos-sidebar-root,
    body.backoffice-shell .backoffice-pos-right-col .pos-sidebar-list-row,
    body.backoffice-shell .backoffice-pos-right-col .pos-sidebar-list-col {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
    }

    body.backoffice-shell .backoffice-pos-right-col #product_list_body {
        flex: 1 1 auto;
        max-height: none;
        overflow: auto;
    }

    body.backoffice-shell .pos-add-customer-fab {
        position: fixed;
        right: 12px;
        bottom: 88px;
        z-index: 2000;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    }
}

body.backoffice-shell .dropdown-menu {
    border: 1px solid var(--backoffice-border);
    border-radius: 12px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);
    padding: 6px;
}

body.backoffice-shell .dropdown-menu-left {
    left: 0;
    right: auto;
}

body.backoffice-shell .dropdown-menu-right,
body.backoffice-shell .pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

body.backoffice-shell .table-responsive.nc-dropdown-open {
    overflow-x: auto;
    overflow-y: visible;
    padding-bottom: 160px;
}

body.backoffice-shell .table-responsive .dropdown-menu {
    min-width: 180px;
    z-index: 1055;
}

body.backoffice-shell .dropdown-menu > li > a {
    border-radius: 8px;
    padding: 8px 12px;
    color: #334155;
}

body.backoffice-shell .dropdown-menu .dropdown-item {
    display: block;
    border-radius: 8px;
    padding: 8px 12px;
    color: #334155;
}

body.backoffice-shell .dropdown-menu > li > a:hover,
body.backoffice-shell .dropdown-menu > li > a:focus,
body.backoffice-shell .dropdown-menu .dropdown-item:hover,
body.backoffice-shell .dropdown-menu .dropdown-item:focus {
    background: #eef6ff;
    color: #0f4c81;
}

body.backoffice-shell .btn-group.open > .dropdown-toggle,
body.backoffice-shell .dropdown.open > .dropdown-toggle {
    box-shadow: none;
}

body.backoffice-shell .btn-group > .btn,
body.backoffice-shell .btn-group-vertical > .btn {
    border-radius: 10px;
}

body.backoffice-shell #add_pos_sell_form .ncpos-pos-left-col .form-group > .form-control:not(.pos-combo-input):not(.pos-combo-select),
body.backoffice-shell #edit_pos_sell_form .ncpos-pos-left-col .form-group > .form-control:not(.pos-combo-input):not(.pos-combo-select),
body.backoffice-shell #add_pos_sell_form .ncpos-pos-left-col .form-group .input-group > .form-control,
body.backoffice-shell #edit_pos_sell_form .ncpos-pos-left-col .form-group .input-group > .form-control,
body.backoffice-shell #add_pos_sell_form .ncpos-pos-left-col .form-group .select2-container--default .select2-selection--single,
body.backoffice-shell #edit_pos_sell_form .ncpos-pos-left-col .form-group .select2-container--default .select2-selection--single {
    min-height: 42px;
    border-radius: 12px;
    border: 1px solid rgba(99, 102, 241, 0.28);
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
    font-size: 14px;
    color: #334155;
}

body.backoffice-shell #add_pos_sell_form .ncpos-pos-left-col .form-group .select2-container,
body.backoffice-shell #edit_pos_sell_form .ncpos-pos-left-col .form-group .select2-container {
    width: 100% !important;
}

body.backoffice-shell #add_pos_sell_form .ncpos-pos-left-col .form-group .select2-container--default .select2-selection--single,
body.backoffice-shell #edit_pos_sell_form .ncpos-pos-left-col .form-group .select2-container--default .select2-selection--single {
    display: flex;
    align-items: center;
}

body.backoffice-shell #add_pos_sell_form .ncpos-pos-left-col .form-group .select2-container--default .select2-selection--single .select2-selection__rendered,
body.backoffice-shell #edit_pos_sell_form .ncpos-pos-left-col .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    padding-left: 14px;
    padding-right: 36px;
}

body.backoffice-shell #add_pos_sell_form .ncpos-pos-left-col .form-group .select2-container--default .select2-selection--single .select2-selection__arrow,
body.backoffice-shell #edit_pos_sell_form .ncpos-pos-left-col .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    right: 10px;
}

body.backoffice-shell #add_pos_sell_form .ncpos-pos-left-col .form-group .input-group-text,
body.backoffice-shell #edit_pos_sell_form .ncpos-pos-left-col .form-group .input-group-text {
    min-height: 42px;
    border-radius: 12px;
    border-color: rgba(99, 102, 241, 0.24);
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

body.backoffice-shell .pos-topbar-row {
    --pos-toolbar-height: 42px;
}

body.backoffice-shell .pos-topbar-meta p {
    margin: 0;
}

body.backoffice-shell .pos-topbar-col,
body.backoffice-shell .pos-topbar-group {
    min-width: 0;
}

body.backoffice-shell .pos-combo-field {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: stretch;
    gap: 0;
    width: 100%;
    filter: drop-shadow(0 8px 18px rgba(15, 23, 42, 0.06));
}

body.backoffice-shell .pos-topbar-col-customer {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

body.backoffice-shell .pos-topbar-col-search {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

@media (min-width: 992px) {
    body.backoffice-shell .pos-topbar-col-customer {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
    }

    body.backoffice-shell .pos-topbar-col-search {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
    }
}

body.backoffice-shell .pos-combo-field-inline {
    gap: 0;
}

body.backoffice-shell .pos-combo-actions {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
    flex-wrap: nowrap;
}

body.backoffice-shell .pos-combo-actions-shell {
    gap: 4px;
    padding: 0 4px;
    min-height: var(--pos-toolbar-height);
    border: 1px solid rgba(99, 102, 241, 0.22);
    background: #ffffff;
    box-shadow: none;
}

body.backoffice-shell .pos-combo-actions-start.pos-combo-actions-shell {
    border-radius: 14px 0 0 14px;
    border-right: 0;
}

body.backoffice-shell .pos-combo-actions-end.pos-combo-actions-shell {
    border-radius: 0 14px 14px 0;
    border-left: 0;
}

body.backoffice-shell .pos-combo-control {
    min-width: 0;
    flex: 1 1 auto;
}

body.backoffice-shell .pos-combo-field-inline .pos-combo-control {
    align-self: stretch;
    min-width: 0;
}

body.backoffice-shell .pos-combo-control .select2-container,
body.backoffice-shell .pos-combo-control .form-control {
    width: 100% !important;
}

body.backoffice-shell .pos-combo-control .select2-container--default,
body.backoffice-shell .pos-combo-control .select2-container--default .selection,
body.backoffice-shell .pos-combo-control .select2-container--default .select2-selection--single {
    height: 100%;
}

body.backoffice-shell .pos-combo-field-customer .pos-combo-control .select2-container,
body.backoffice-shell .pos-combo-field-customer .pos-combo-control .select2-container--default,
body.backoffice-shell .pos-combo-field-customer .pos-combo-control .select2-container--default .selection,
body.backoffice-shell .pos-combo-field-customer .pos-combo-control .select2-container--default .select2-selection--single {
    min-height: var(--pos-toolbar-height) !important;
    height: var(--pos-toolbar-height) !important;
}

body.backoffice-shell .pos-combo-input,
body.backoffice-shell .pos-combo-select,
body.backoffice-shell .pos-combo-control .select2-selection,
body.backoffice-shell .pos-combo-control .select2-selection--single {
    min-height: var(--pos-toolbar-height);
    border-radius: 0;
}

body.backoffice-shell .pos-combo-input,
body.backoffice-shell .pos-combo-select {
    border: 1px solid rgba(99, 102, 241, 0.22);
    box-shadow: none;
    background: #ffffff;
    padding-left: 16px;
    padding-right: 16px;
}

body.backoffice-shell .pos-combo-control .select2-container--default .select2-selection--single {
    border: 1px solid rgba(99, 102, 241, 0.22);
    background: #ffffff;
    box-shadow: none;
    display: flex;
    align-items: center;
}

body.backoffice-shell .pos-combo-field-inline .pos-combo-control .select2-container--default .select2-selection--single,
body.backoffice-shell .pos-combo-field-inline .pos-combo-input,
body.backoffice-shell .pos-combo-field-inline .pos-combo-select {
    border-radius: 0;
}

body.backoffice-shell .pos-combo-control .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
    padding-left: 14px;
    padding-right: 34px;
    color: #334155;
    white-space: nowrap;
}

body.backoffice-shell .pos-combo-control .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
    right: 9px;
}

body.backoffice-shell .pos-combo-field-customer .pos-combo-control .select2-container--default .select2-selection--single .select2-selection__rendered,
body.backoffice-shell .pos-combo-field-search .pos-combo-control .pos-combo-input {
    line-height: 40px;
}

body.backoffice-shell .pos-combo-button {
    min-width: 32px;
    width: 32px;
    min-height: 32px;
    height: 32px;
    padding: 0;
    border-radius: 10px;
    border: 1px solid rgba(37, 99, 235, 0.14);
    background: linear-gradient(180deg, #eef6ff 0%, #dbeafe 100%);
    box-shadow: 0 4px 10px rgba(37, 99, 235, 0.10);
    color: #0f766e;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 0;
}

body.backoffice-shell .pos-combo-button:hover,
body.backoffice-shell .pos-combo-button:focus {
    transform: translateY(-1px);
    background: linear-gradient(180deg, #dbeafe 0%, #bfdbfe 100%);
    box-shadow: 0 8px 16px rgba(37, 99, 235, 0.16);
}

body.backoffice-shell .pos-combo-button-accent {
    background: linear-gradient(180deg, #0f766e 0%, #0d9488 100%);
    color: #ffffff;
    border-color: transparent;
}

body.backoffice-shell .pos-combo-button-warm {
    background: linear-gradient(180deg, #0f766e 0%, #0d9488 100%);
    color: #ffffff;
    border-color: transparent;
}

body.backoffice-shell .pos-combo-button .fa,
body.backoffice-shell .pos-combo-button .fas,
body.backoffice-shell .pos-combo-button .fa-solid {
    font-size: 14px;
    color: currentColor !important;
}

body.backoffice-shell .pos-combo-button .text-primary,
body.backoffice-shell .pos-combo-button .text-white {
    color: currentColor !important;
}

body.backoffice-shell #import_trakings_modal_.pos-combo-button,
body.backoffice-shell #import_trakings_modal_.pos-combo-button .fa,
body.backoffice-shell #import_trakings_modal_.pos-combo-button .fas,
body.backoffice-shell #import_trakings_modal_.pos-combo-button .fa-solid,
body.backoffice-shell #import_trakings_modal_.pos-combo-button .text-white {
    color: #0f766e !important;
}

body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row,
body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-left: 0;
    margin-right: 0;
}

body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row #restaurant_module_span,
body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row #restaurant_module_span {
    display: contents;
}

body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row > [class*="col-"],
body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row > [class*="col-"],
body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row #restaurant_module_span > [class*="col-"],
body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row #restaurant_module_span > [class*="col-"] {
    float: none;
    flex: 1 1 190px;
    max-width: 245px;
    min-width: 175px;
    padding-left: 0;
    padding-right: 0;
    width: auto;
}

body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row #restaurant_module_span > .col-md-3:empty,
body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row #restaurant_module_span > .col-md-3:empty {
    display: none;
}

body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row > .clearfix,
body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row > .clearfix {
    display: none;
}

body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row .form-group,
body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row .form-group,
body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row label,
body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row label {
    margin-bottom: 0;
}

body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row .form-control,
body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row .form-control,
body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row .input-group > .form-control,
body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row .input-group > .form-control,
body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row .select2-container--default .select2-selection--single,
body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row .select2-container--default .select2-selection--single {
    min-height: 38px;
    height: 38px;
    border-radius: 11px;
    box-shadow: none;
    font-size: 13px;
}

body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row > [class*="col-"]:has(#is_recurring),
body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row > [class*="col-"]:has(#is_recurring) {
    align-items: center;
    display: flex;
    flex: 0 0 150px;
    gap: 6px;
    max-width: 150px;
    min-height: 38px;
}

body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row > [class*="col-"]:has(#is_recurring) label,
body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row > [class*="col-"]:has(#is_recurring) label {
    align-items: center;
    display: inline-flex;
    font-size: 13px;
    gap: 5px;
    line-height: 1;
    margin: 0;
    white-space: nowrap;
}

body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row > [class*="col-"]:has(#is_recurring) .btn,
body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row > [class*="col-"]:has(#is_recurring) .btn {
    align-items: center;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    min-height: 28px;
    padding: 0 4px;
}

body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row .input-group,
body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row .input-group {
    align-items: stretch;
    display: flex;
    min-width: 0;
    width: 100%;
}

body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row .input-group > .form-control,
body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row .input-group > .form-control,
body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row .input-group > .select2-container,
body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row .input-group > .select2-container {
    flex: 1 1 auto;
    min-width: 0;
}

body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row .input-group-text,
body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row .input-group-text,
body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row .input-group .btn,
body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row .input-group .btn {
    align-items: center;
    border-color: rgba(99, 102, 241, 0.22);
    border-radius: 11px;
    box-shadow: none;
    display: inline-flex;
    justify-content: center;
    min-height: 38px;
    min-width: 34px;
    padding-left: 8px;
    padding-right: 8px;
}

body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row .select2-container--default .select2-selection--single .select2-selection__rendered,
body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
}

body.backoffice-shell #add_pos_sell_form .pos-topbar-row + .row .select2-container--default .select2-selection--single .select2-selection__arrow,
body.backoffice-shell #edit_pos_sell_form .pos-topbar-row + .row .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}

body.backoffice-shell .pos-payment-modal-dialog {
    width: min(1120px, calc(100vw - 32px));
}

body.backoffice-shell .pos-payment-modal-content {
    border: 0;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.24);
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

body.backoffice-shell .pos-payment-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 28px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(245, 248, 252, 0.94) 100%);
}

body.backoffice-shell .pos-payment-modal-header > div:first-child {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

body.backoffice-shell .pos-payment-modal-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0;
    color: #0f172a;
    flex: 0 0 auto;
}

body.backoffice-shell .pos-payment-modal-subtitle {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.backoffice-shell .pos-payment-modal-close {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: #ffffff;
    background: #dc2626;
    border: 1px solid rgba(185, 28, 28, 0.35);
    box-shadow: 0 12px 24px rgba(220, 38, 38, 0.22);
    opacity: 1;
}

body.backoffice-shell .pos-payment-modal-close:hover,
body.backoffice-shell .pos-payment-modal-close:focus {
    color: #ffffff;
    background: #b91c1c;
    border-color: rgba(153, 27, 27, 0.5);
    opacity: 1;
}

body.backoffice-shell .pos-payment-modal-body {
    padding: 18px 24px 18px;
}

body.backoffice-shell .pos-payment-meta-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin-bottom: 16px;
    padding: 10px 14px;
    border-radius: 14px;
    background: #f8fbff;
    border: 1px solid rgba(99, 102, 241, 0.10);
}

body.backoffice-shell .pos-payment-meta-inline {
    font-size: 15px;
    color: #334155;
}

body.backoffice-shell .pos-payment-layout {
    display: flex;
    align-items: stretch;
}

body.backoffice-shell .pos-payment-panel {
    border-radius: 22px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.08);
}

body.backoffice-shell .pos-payment-panel-main {
    padding: 18px;
}

body.backoffice-shell .pos-payment-panel-header {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px 16px;
    margin-bottom: 18px;
}

body.backoffice-shell .pos-payment-panel-title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
}

body.backoffice-shell .pos-payment-panel-note {
    color: #64748b;
    font-size: 13px;
}

body.backoffice-shell .pos-payment-rows > .payment_row + .payment_row,
body.backoffice-shell .pos-payment-rows > .row + .row {
    margin-top: 16px;
}

body.backoffice-shell .pos-payment-row-card {
    margin-bottom: 16px;
    border: 1px solid rgba(59, 130, 246, 0.12);
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

body.backoffice-shell .pos-payment-row-header {
    min-height: 24px;
    padding: 10px 14px 0;
    border-bottom: 0;
    background: transparent;
}

body.backoffice-shell .pos-payment-row-remove {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #ef4444;
    background: rgba(239, 68, 68, 0.08);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.backoffice-shell .pos-payment-row-remove:hover,
body.backoffice-shell .pos-payment-row-remove:focus {
    color: #dc2626;
    background: rgba(239, 68, 68, 0.16);
}

body.backoffice-shell .pos-payment-row-remove .fa {
    font-size: 18px;
}

body.backoffice-shell .pos-payment-row-body {
    padding-top: 10px;
}

body.backoffice-shell #modal_payment .payment_row .pos-payment-row-body > .row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-left: 0;
    margin-right: 0;
}

body.backoffice-shell #modal_payment .payment_row .pos-payment-row-body > .row::before,
body.backoffice-shell #modal_payment .payment_row .pos-payment-row-body > .row::after {
    content: none;
    display: none;
}

body.backoffice-shell #modal_payment .payment_row .pos-payment-row-body > .row > [class*="col-"] {
    float: none;
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
    width: auto;
}

body.backoffice-shell #modal_payment .payment_row .pos-payment-row-body > .row > .col-md-12,
body.backoffice-shell #modal_payment .payment_row .pos-payment-row-body > .row > .div_pinpad {
    grid-column: 1 / -1;
}

body.backoffice-shell #modal_payment .payment_row .pos-payment-row-body > .row > .clearfix {
    display: none;
}

body.backoffice-shell #modal_payment .payment_row .form-group label {
    font-size: 13px;
    font-weight: 700;
    color: #334155;
    margin-bottom: 8px;
}

body.backoffice-shell #modal_payment .payment_row .form-group {
    margin-bottom: 0;
    min-width: 0;
}

body.backoffice-shell #modal_payment .payment_row .form-control,
body.backoffice-shell #modal_payment .payment_row .select2-container--default .select2-selection--single,
body.backoffice-shell #modal_payment .payment_row .input-group-text {
    min-height: 44px;
    border-radius: 14px;
}

body.backoffice-shell #modal_payment .payment_row .input-group {
    display: flex;
    align-items: stretch;
    gap: 8px;
    min-width: 0;
    width: 100%;
}

body.backoffice-shell #modal_payment .payment_row .input-group-text {
    align-items: center;
    display: inline-flex;
    flex: 0 0 42px;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}

body.backoffice-shell #modal_payment .payment_row .input-group > .form-control,
body.backoffice-shell #modal_payment .payment_row .input-group > .select2-container {
    flex: 1 1 auto;
    min-width: 0;
    width: 1% !important;
}

body.backoffice-shell #modal_payment .payment_row .input-group > .select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    flex: 0 0 1px !important;
    height: 1px !important;
    margin: -1px !important;
    min-height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

body.backoffice-shell #modal_payment .payment_row .input-group > .select2-container {
    max-width: 100%;
}

body.backoffice-shell #modal_payment .payment_row .input-group > .select2-container:not(.select2-hidden-accessible) ~ .select2-container {
    display: none !important;
}

body.backoffice-shell #modal_payment .payment_row .input-group > select.form-control:not(.select2-hidden-accessible),
body.backoffice-shell #modal_payment .payment_row .input-group > .select2-container .select2-selection--single {
    width: 100% !important;
}

body.backoffice-shell #modal_payment .payment_row textarea.form-control {
    min-height: 92px;
}

body.backoffice-shell .pos-payment-add-row {
    width: 100%;
    min-height: 46px;
    margin-top: 16px;
    border-radius: 14px;
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.20);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

body.backoffice-shell .pos-payment-notes-row {
    margin-top: 16px;
}

body.backoffice-shell .pos-payment-note-card {
    height: 100%;
    padding: 16px;
}

body.backoffice-shell .pos-payment-summary {
    height: 100%;
    min-height: 100%;
    padding: 20px;
    border-radius: 20px;
    color: #ffffff;
    background:
        linear-gradient(180deg, rgba(56, 189, 248, 0.94) 0%, rgba(37, 99, 235, 0.98) 54%, rgba(30, 58, 138, 0.98) 100%),
        linear-gradient(135deg, #7dd3fc 0%, #2563eb 58%, #1e3a8a 100%);
    box-shadow: 0 18px 36px rgba(37, 99, 235, 0.26);
}

body.backoffice-shell .pos-payment-summary-section + .pos-payment-summary-section {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.28);
}

body.backoffice-shell .pos-payment-summary-label {
    display: block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.02em;
    opacity: 0.95;
}

body.backoffice-shell .pos-payment-summary-primary {
    display: block;
    margin-top: 8px;
    font-size: 34px;
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.04em;
}

body.backoffice-shell .pos-payment-summary-section:not(.pos-payment-summary-section-total-items) .pos-payment-summary-primary {
    font-size: 22px;
}

body.backoffice-shell .pos-payment-summary-secondary {
    display: block;
    margin-top: 6px;
    font-size: 16px;
    font-weight: 700;
    opacity: 0.96;
}

body.backoffice-shell .pos-payment-modal-footer {
    padding: 14px 24px 18px;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.90);
}

body.backoffice-shell .pos-payment-footer-btn {
    min-height: 46px;
    min-width: 132px;
    border-radius: 14px;
    padding: 0 18px;
}

body.backoffice-shell .pos-payment-footer-btn-primary {
    box-shadow: 0 16px 30px rgba(37, 99, 235, 0.24);
}

body.backoffice-shell #ncpos_pos_content .pos_form_totals {
    margin: 12px 0 0;
}

body.backoffice-shell #ncpos_pos_content .pos_form_totals > .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 0 0 12px 12px;
    background: #f8fafc;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76);
}

body.backoffice-shell #ncpos_pos_content .pos-summary-item {
    height: 70px;
    min-height: 70px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 3px;
    position: relative;
    text-align: center;
    background: rgba(248, 250, 252, 0.94);
    border-right: 1px solid rgba(148, 163, 184, 0.22);
    color: #0f172a;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-item:nth-child(4n),
body.backoffice-shell #ncpos_pos_content .pos-summary-item-shipping,
body.backoffice-shell #ncpos_pos_content .pos-summary-item-service-charge,
body.backoffice-shell #ncpos_pos_content .pos-summary-item-round-off {
    border-right: 0;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-item-shipping,
body.backoffice-shell #ncpos_pos_content .pos-summary-item-service-charge,
body.backoffice-shell #ncpos_pos_content .pos-summary-item-round-off {
    height: 60px;
    min-height: 60px;
    border-top: 1px solid rgba(148, 163, 184, 0.22);
    background: rgba(241, 245, 249, 0.72);
}

body.backoffice-shell #ncpos_pos_content .pos-summary-item-shipping {
    grid-column: 1 / -1;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-grid-no-tax {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.backoffice-shell #ncpos_pos_content .pos-summary-grid-no-tax .pos-summary-item-items {
    grid-column: 1;
    grid-row: 1;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-grid-no-tax .pos-summary-item-subtotal {
    grid-column: 2;
    grid-row: 1;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-grid-no-tax .pos-summary-item-discount {
    grid-column: 3;
    grid-row: 1;
    border-top: 0;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-grid-no-tax .pos-summary-item-shipping {
    grid-column: 4;
    grid-row: 1;
    border-top: 0;
    border-right: 0;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-grid-has-service .pos-summary-item-shipping {
    grid-column: 1 / span 2;
    border-right: 1px solid rgba(148, 163, 184, 0.22);
}

body.backoffice-shell #ncpos_pos_content .pos-summary-grid-has-service .pos-summary-item-service-charge {
    grid-column: 3 / span 2;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-item-round-off {
    grid-column: 1 / -1;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-item b,
body.backoffice-shell #ncpos_pos_content .pos-summary-label b {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin: 0;
    color: #94a3b8;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.05em;
    line-height: 1.1;
    text-transform: uppercase;
    white-space: nowrap;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-item-items .pos-summary-row,
body.backoffice-shell #ncpos_pos_content .pos-summary-item-subtotal .pos-summary-row {
    transform: translateY(3px);
}

body.backoffice-shell #ncpos_pos_content .pos-summary-item .h4,
body.backoffice-shell #ncpos_pos_content .pos-summary-value {
    margin: 0;
    color: #020617;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.1;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-amount,
body.backoffice-shell #ncpos_pos_content .pos-summary-prefix {
    margin: 0;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-item-discount .pos-summary-value,
body.backoffice-shell #ncpos_pos_content .pos-summary-item-discount .pos-summary-value span {
    color: #ef4444;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-value-primary {
    min-height: 18px;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-value-stacked {
    flex-direction: column;
    gap: 1px;
    line-height: 1;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-amount {
    display: block;
    line-height: 1.1;
    font-weight: 800;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-value-primary .pos-summary-amount {
    color: #0f172a;
    font-size: 14px;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-value-discount .pos-summary-prefix,
body.backoffice-shell #ncpos_pos_content .pos-summary-value-discount .pos-summary-amount {
    color: #ef4444;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-value-shipping .pos-summary-prefix {
    color: #94a3b8;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-value-shipping .pos-summary-amount {
    color: #0f172a;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-prefix {
    color: #94a3b8;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-row,
body.backoffice-shell #ncpos_pos_content .pos-summary-label,
body.backoffice-shell #ncpos_pos_content .pos-summary-value {
    width: 100%;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    text-align: center;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-label {
    flex-wrap: nowrap;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-row {
    flex-direction: column;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-label .btn,
body.backoffice-shell #ncpos_pos_content .pos-summary-label i.btn {
    order: 2;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    background: rgba(14, 165, 233, 0.10) !important;
    box-shadow: inset 0 0 0 1px rgba(14, 165, 233, 0.16);
    color: #0ea5e9 !important;
    font-size: 15px !important;
    line-height: 34px !important;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-label .btn:hover,
body.backoffice-shell #ncpos_pos_content .pos-summary-label i.btn:hover,
body.backoffice-shell #ncpos_pos_content .pos-summary-label .btn:focus,
body.backoffice-shell #ncpos_pos_content .pos-summary-label i.btn:focus {
    background: rgba(14, 165, 233, 0.18) !important;
    box-shadow: inset 0 0 0 1px rgba(14, 165, 233, 0.28), 0 8px 16px rgba(14, 165, 233, 0.16);
}

body.backoffice-shell #ncpos_pos_content .pos-summary-item-tax .pos-summary-label b {
    font-size: 9px;
    letter-spacing: 0.05em;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-label b {
    order: 1;
}

body.backoffice-shell #ncpos_pos_content .pos-summary-label .fa-info-circle,
body.backoffice-shell #ncpos_pos_content .pos-summary-label .fa-question-circle,
body.backoffice-shell #ncpos_pos_content .pos-summary-label .help-tip,
body.backoffice-shell #ncpos_pos_content .pos-summary-label [data-toggle="tooltip"] {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(14, 165, 233, 0.08);
    box-shadow: inset 0 0 0 1px rgba(14, 165, 233, 0.12);
    font-size: 15px !important;
    line-height: 30px !important;
    color: #0ea5e9 !important;
}

@media (max-width: 767px) {
    body.backoffice-shell #ncpos_pos_content .pos-summary-grid,
    body.backoffice-shell #ncpos_pos_content .pos-summary-grid-has-service {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.backoffice-shell #ncpos_pos_content .pos-summary-grid-no-tax {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas:
            "items subtotal"
            "discount shipping";
    }

    body.backoffice-shell #ncpos_pos_content .pos-summary-grid-no-tax .pos-summary-item-items {
        grid-area: items;
    }

    body.backoffice-shell #ncpos_pos_content .pos-summary-grid-no-tax .pos-summary-item-subtotal {
        grid-area: subtotal;
        border-right: 0;
    }

    body.backoffice-shell #ncpos_pos_content .pos-summary-grid-no-tax .pos-summary-item-discount {
        grid-area: discount;
        border-top: 1px solid rgba(148, 163, 184, 0.22);
        border-right: 1px solid rgba(148, 163, 184, 0.22);
    }

    body.backoffice-shell #ncpos_pos_content .pos-summary-grid-no-tax .pos-summary-item-shipping {
        grid-area: shipping;
        border-top: 1px solid rgba(148, 163, 184, 0.22);
        border-right: 0;
        grid-column: auto;
    }

    body.backoffice-shell #ncpos_pos_content .pos-summary-grid-no-tax.pos-summary-grid-has-service .pos-summary-item-service-charge,
    body.backoffice-shell #ncpos_pos_content .pos-summary-grid-no-tax .pos-summary-item-round-off {
        grid-column: 1 / -1;
    }

    body.backoffice-shell #ncpos_pos_content .pos-summary-item {
        height: 72px;
        min-height: 72px;
        padding: 8px 8px;
        gap: 4px;
    }

    body.backoffice-shell #ncpos_pos_content .pos-summary-item-shipping,
    body.backoffice-shell #ncpos_pos_content .pos-summary-item-service-charge,
    body.backoffice-shell #ncpos_pos_content .pos-summary-item-round-off {
        height: 60px;
        min-height: 60px;
    }

    body.backoffice-shell #ncpos_pos_content .pos-summary-item:nth-child(2n) {
        border-right: 0;
    }

    body.backoffice-shell #ncpos_pos_content .pos-summary-item b,
    body.backoffice-shell #ncpos_pos_content .pos-summary-label b,
    body.backoffice-shell #ncpos_pos_content .pos-summary-item-tax .pos-summary-label b {
        font-size: 9px;
        letter-spacing: 0.03em;
        gap: 3px;
        white-space: normal;
    }

    body.backoffice-shell #ncpos_pos_content .pos-summary-item .h4 {
        font-size: 13px;
    }

    body.backoffice-shell #ncpos_pos_content .pos-summary-item-items .pos-summary-row,
    body.backoffice-shell #ncpos_pos_content .pos-summary-item-subtotal .pos-summary-row {
        transform: none !important;
    }

    body.backoffice-shell #ncpos_pos_content .pos-summary-item .pos-summary-row {
        display: grid;
        grid-template-rows: auto 1fr;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 100%;
        gap: 4px;
    }

    body.backoffice-shell #ncpos_pos_content .pos-summary-item .pos-summary-label,
    body.backoffice-shell #ncpos_pos_content .pos-summary-item .pos-summary-value {
        width: 100%;
        min-width: 0;
        text-align: center;
        justify-content: center;
    }

    body.backoffice-shell #ncpos_pos_content .pos-summary-item .pos-summary-label {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 4px;
    }

    body.backoffice-shell #ncpos_pos_content .pos-summary-value-primary,
    body.backoffice-shell #ncpos_pos_content .pos-summary-value-stacked {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 22px;
        overflow: visible;
        line-height: 1.1;
        gap: 2px;
    }

    body.backoffice-shell #ncpos_pos_content .pos-summary-value-primary .pos-summary-amount,
    body.backoffice-shell #ncpos_pos_content .pos-summary-value-stacked .pos-summary-amount {
        display: block;
        width: 100%;
        margin: 0;
        text-align: center;
        line-height: 1.1;
        position: static;
        transform: none;
    }

    body.backoffice-shell #ncpos_pos_content .pos-summary-item-items .pos-summary-value .pos-summary-amount,
    body.backoffice-shell #ncpos_pos_content .pos-summary-item-subtotal .pos-summary-value .pos-summary-amount {
        font-size: 15px;
        font-weight: 800;
        color: #0f172a;
    }

    body.backoffice-shell #ncpos_pos_content .pos-summary-item-discount .pos-summary-prefix,
    body.backoffice-shell #ncpos_pos_content .pos-summary-item-shipping .pos-summary-prefix,
    body.backoffice-shell #ncpos_pos_content .pos-summary-item-discount .pos-summary-amount,
    body.backoffice-shell #ncpos_pos_content .pos-summary-item-shipping .pos-summary-amount {
        width: 100%;
        text-align: center;
    }

    body.backoffice-shell #ncpos_pos_content .pos-summary-item-discount .pos-summary-prefix,
    body.backoffice-shell #ncpos_pos_content .pos-summary-item-shipping .pos-summary-prefix {
        font-size: 9px;
    }

    body.backoffice-shell #ncpos_pos_content .pos-summary-label .btn,
    body.backoffice-shell #ncpos_pos_content .pos-summary-label i.btn,
    body.backoffice-shell #ncpos_pos_content .pos-summary-label .fa-info-circle,
    body.backoffice-shell #ncpos_pos_content .pos-summary-label .fa-question-circle,
    body.backoffice-shell #ncpos_pos_content .pos-summary-label .help-tip,
    body.backoffice-shell #ncpos_pos_content .pos-summary-label [data-toggle="tooltip"] {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        font-size: 11px !important;
        line-height: 20px !important;
    }

    body.backoffice-shell #ncpos_pos_content .pos-summary-grid-has-service .pos-summary-item-shipping,
    body.backoffice-shell #ncpos_pos_content .pos-summary-grid-has-service .pos-summary-item-service-charge,
    body.backoffice-shell #ncpos_pos_content .pos-summary-item-round-off {
        grid-column: 1 / -1;
    }


    body.backoffice-shell #ncpos_pos_content .pos-summary-grid-has-service .pos-summary-item-service-charge {
        border-right: 0;
    }
}

body.backoffice-shell .pos-form-actions {
    margin-top: 14px;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

body.backoffice-shell .pos-form-actions .pos-actions-inner.pos-actions-toolbar-single-line {
    padding: 12px 14px;
    border-radius: 18px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(12px);
}

body.backoffice-shell .pos-actions-row-single {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    width: 100%;
}

body.backoffice-shell .pos-actions-row-buttons {
    margin-bottom: 0;
}

body.backoffice-shell .pos-actions-group-totals-row {
    display: flex;
    width: auto;
    flex: 0 0 auto;
    max-width: 100%;
    margin-left: auto;
    justify-content: flex-end;
}

body.backoffice-shell .pos-actions-group-toolbar {
    display: flex;
    align-items: center;
    gap: 7px;
    width: auto;
    min-width: 0;
    flex: 0 0 auto;
    max-width: 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 2px;
    scrollbar-width: none;
}

body.backoffice-shell .pos-actions-group-toolbar::-webkit-scrollbar {
    display: none;
}

body.backoffice-shell .pos-toolbar-btn {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    padding: 0;
    border-radius: 14px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 10px 18px rgba(15, 23, 42, 0.10);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    flex: 0 0 auto;
}

body.backoffice-shell .pos-toolbar-btn:hover,
body.backoffice-shell .pos-toolbar-btn:focus {
    transform: translateY(-1px);
}

body.backoffice-shell .pos-toolbar-btn .fa,
body.backoffice-shell .pos-toolbar-btn .fas {
    font-size: 15px;
}

body.backoffice-shell .pos-toolbar-total-pill {
    margin-left: auto;
    min-width: 0;
    flex: 0 1 clamp(300px, 28vw, 380px);
    width: min(100%, clamp(300px, 28vw, 380px));
    max-width: 100%;
    min-height: 58px;
    border-radius: 12px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    justify-items: center;
    gap: 10px;
    padding: 6px 14px;
    background: linear-gradient(135deg, #ffb648 0%, #ff7a00 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.24), 0 14px 28px rgba(255, 122, 0, 0.28);
    border: 0;
    color: #ffffff !important;
    white-space: nowrap;
    overflow: visible;
    text-align: center;
}

body.backoffice-shell .pos-toolbar-total-label,
body.backoffice-shell .pos-toolbar-total-pill span,
body.backoffice-shell .pos-toolbar-total-pill b {
    color: #ffffff !important;
    white-space: nowrap !important;
}

body.backoffice-shell .pos-toolbar-total-pill .lead {
    display: block;
    margin: 0 !important;
}

body.backoffice-shell .pos-toolbar-total-block {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: stretch;
    flex-direction: column;
    width: 100%;
    gap: 2px;
    min-width: 0;
    flex: 1 1 0;
    text-align: center;
}

body.backoffice-shell .pos-toolbar-total-block-secondary {
    justify-content: center;
}

body.backoffice-shell .pos-toolbar-total-label {
    font-weight: 700;
    font-size: 14px;
    min-width: 0;
    text-align: center;
    line-height: 1.1;
}

body.backoffice-shell .pos-totals-sep {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    opacity: 0.9;
    text-align: center;
}

body.backoffice-shell .pos-toolbar-total-pill #total_payable,
body.backoffice-shell .pos-toolbar-total-pill #total_payable_dolares,
body.backoffice-shell .pos-toolbar-total-pill #label_secundary {
    font-size: 23px !important;
    line-height: 1.1;
    font-weight: 800;
    min-width: 0;
    text-align: center;
}

body.backoffice-shell .pos-toolbar-total-pill #label_secundary {
    display: inline;
    width: auto;
    font-size: 14px !important;
    font-weight: 700;
    text-align: center;
    line-height: 1.1;
}

body.backoffice-shell .pos-two-col-row > .ncpos-pos-right-col #product_list_body,
body.backoffice-shell #ncpos_pos_content #product_list_body,
body.backoffice-shell .pos-sidebar-list-col #product_list_body {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 0;
    max-height: calc(100vh - 270px);
    overflow-y: auto;
    overflow-x: hidden;
}

@media (min-height: 1000px) and (min-width: 1200px) {
    body.backoffice-shell .pos-two-col-row > .ncpos-pos-right-col #product_list_body,
    body.backoffice-shell #ncpos_pos_content #product_list_body,
    body.backoffice-shell .pos-sidebar-list-col #product_list_body {
        max-height: calc(100vh - 235px);
    }
}

body.backoffice-shell .pos-two-col-row > .ncpos-pos-right-col #product_list_body > .eq-height-col,
body.backoffice-shell #ncpos_pos_content #product_list_body > .eq-height-col,
body.backoffice-shell .pos-sidebar-list-col #product_list_body > .eq-height-col {
    margin: 0 !important;
}

body.backoffice-shell #pos_table {
    table-layout: fixed;
}

body.backoffice-shell #pos_table > thead > tr > th,
body.backoffice-shell #pos_table > tbody > tr > td {
    vertical-align: top;
}

body.backoffice-shell #pos_table > thead > tr > th {
    padding-top: 8px;
    padding-bottom: 8px;
}

body.backoffice-shell #pos_table > tbody > tr.product_row > td {
    padding-top: 8px;
    padding-bottom: 8px;
}

body.backoffice-shell #pos_table > tbody > tr.product_row > td:first-child {
    width: 44%;
}

body.backoffice-shell #pos_table > tbody > tr.product_row > td:nth-child(2) {
    width: 28%;
}

body.backoffice-shell #pos_table > tbody > tr.product_row > td:last-child {
    width: 16%;
}

body.backoffice-shell #pos_table .product_row .form-group {
    margin-bottom: 8px;
}

body.backoffice-shell #pos_table .product_row label {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 1.25;
}

body.backoffice-shell #pos_table .product_row .form-control,
body.backoffice-shell #pos_table .product_row .tracking_line,
body.backoffice-shell #pos_table .product_row .real_quantity {
    min-height: 40px;
    font-size: 13px;
}

body.backoffice-shell #pos_table .product_row .ncpos-guia-ref {
    margin-top: 2px !important;
    font-size: 11px;
}

body.backoffice-shell #pos_table .product_row h5,
body.backoffice-shell #pos_table .product_row .text-link,
body.backoffice-shell #pos_table .product_row .label_price_ga_ {
    margin: 0 0 4px;
}

body.backoffice-shell #pos_table .product_row .text-link {
    display: block;
    max-width: 100%;
    overflow: hidden;
}

body.backoffice-shell #pos_table .product_row .pos-product-name-text,
body.backoffice-shell #pos_table .product_row .pos-product-meta {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.backoffice-shell #pos_table .product_row .pos-product-name-text {
    white-space: nowrap;
    font-weight: 700;
}

body.backoffice-shell #pos_table .product_row .pos-product-meta {
    margin-top: 2px;
    white-space: nowrap;
    font-size: 11px;
    color: #64748b;
}

body.backoffice-shell #pos_table .product_row .pos-qty-group {
    width: 100%;
    max-width: 100%;
}

body.backoffice-shell #pos_table .product_row .pos-qty-group .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.backoffice-shell #pos_table .product_row .pos_line_total {
    min-width: 0 !important;
}

body.backoffice-shell #pos_table .product_row .pos-cart-subtotal-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
}

body.backoffice-shell #pos_table .product_row .pos-cart-subtotal-main {
    flex: 1 1 auto;
    min-width: 0;
}

body.backoffice-shell #pos_table .product_row .pos-cart-subtotal-actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

body.backoffice-shell #pos_table .product_row .pos_line_total,
body.backoffice-shell #pos_table .product_row .pos_line_total_text {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 991px) {
    body.backoffice-shell .pos-payment-summary {
        margin-top: 18px;
    }

    body.backoffice-shell .pos-actions-group-toolbar {
        flex-wrap: nowrap;
        overflow-x: auto;
        width: 100%;
        flex: 1 1 100%;
    }

    body.backoffice-shell .pos-actions-group-totals-row {
        width: 100%;
        flex-basis: 100%;
        margin-left: 0;
    }

    body.backoffice-shell .pos-toolbar-total-pill {
        min-width: 320px;
        margin-left: 0;
        flex: 1 1 100%;
        width: 100%;
        gap: 10px;
    }

    body.backoffice-shell .pos-toolbar-total-block {
        gap: 6px;
    }
}

@media (max-width: 575px) {
    body.backoffice-shell .pos-combo-field {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 0;
    }

    body.backoffice-shell .pos-combo-field-toolbar {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 0;
        align-items: stretch;
    }

    body.backoffice-shell .pos-combo-field-toolbar .pos-combo-actions-start {
        grid-column: 1;
        grid-row: 1;
    }

    body.backoffice-shell .pos-combo-field-toolbar .pos-combo-control {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
    }

    body.backoffice-shell .pos-combo-field-toolbar .pos-combo-actions-end {
        grid-column: 3;
        grid-row: 1;
        justify-content: flex-end;
        justify-self: auto;
        width: auto;
        border-radius: 14px;
    }

    body.backoffice-shell .pos-combo-actions-shell,
    body.backoffice-shell .pos-combo-actions-start.pos-combo-actions-shell,
    body.backoffice-shell .pos-combo-actions-end.pos-combo-actions-shell,
    body.backoffice-shell .pos-combo-field-inline .pos-combo-control .select2-container--default .select2-selection--single,
    body.backoffice-shell .pos-combo-field-inline .pos-combo-input,
    body.backoffice-shell .pos-combo-field-inline .pos-combo-select {
        border-radius: 14px;
        border: 1px solid rgba(15, 23, 42, 0.12);
    }

    body.backoffice-shell .pos-combo-actions {
        gap: 3px;
    }

    body.backoffice-shell .pos-combo-actions-shell {
        padding: 0 3px;
        min-height: 40px;
    }

    body.backoffice-shell .pos-combo-actions-start.pos-combo-actions-shell,
    body.backoffice-shell .pos-combo-actions-end.pos-combo-actions-shell {
        justify-content: flex-start;
    }

    body.backoffice-shell .pos-combo-field-toolbar .pos-combo-actions-end.pos-combo-actions-shell {
        justify-content: flex-end;
    }

    body.backoffice-shell .pos-combo-button {
        min-width: 28px;
        width: 28px;
        min-height: 28px;
        height: 28px;
        border-radius: 9px;
    }

    body.backoffice-shell .pos-combo-button .fa,
    body.backoffice-shell .pos-combo-button .fas,
    body.backoffice-shell .pos-combo-button .fa-solid {
        font-size: 12px;
    }

    body.backoffice-shell .pos-combo-control .select2-container--default .select2-selection--single .select2-selection__rendered,
    body.backoffice-shell .pos-combo-field-search .pos-combo-control .pos-combo-input {
        line-height: 38px;
        font-size: 12px;
        padding-left: 10px;
        padding-right: 28px;
    }

    body.backoffice-shell .pos-combo-control .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 6px;
    }

    body.backoffice-shell .pos-payment-modal-dialog {
        width: calc(100vw - 16px);
        margin: 8px auto;
    }

    body.backoffice-shell .pos-payment-modal-header,
    body.backoffice-shell .pos-payment-modal-body,
    body.backoffice-shell .pos-payment-modal-footer {
        padding-left: 16px;
        padding-right: 16px;
    }

    body.backoffice-shell .pos-payment-modal-title {
        font-size: 23px;
    }

    body.backoffice-shell .pos-payment-summary-primary {
        font-size: 30px;
    }

    body.backoffice-shell .pos-toolbar-btn {
        min-width: 42px !important;
        width: 42px !important;
        height: 42px !important;
    }

    body.backoffice-shell .pos-toolbar-total-pill {
        min-width: 100%;
        flex: 1 1 100%;
        gap: 8px;
        padding: 0 12px;
    }

    body.backoffice-shell .pos-toolbar-total-block {
        gap: 6px;
    }

    body.backoffice-shell .pos-toolbar-total-label,
    body.backoffice-shell .pos-toolbar-total-pill #total_payable,
    body.backoffice-shell .pos-toolbar-total-pill #total_payable_dolares,
    body.backoffice-shell .pos-toolbar-total-pill #label_secundary {
        font-size: 14px !important;
        min-width: 0;
        text-align: center;
    }

    body.backoffice-shell .pos-toolbar-total-block {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    body.backoffice-shell .pos-totals-sep {
        font-size: 14px;
    }

    body.backoffice-shell #pos_table > tbody > tr.product_row > td:first-child,
    body.backoffice-shell #pos_table > tbody > tr.product_row > td:nth-child(2),
    body.backoffice-shell #pos_table > tbody > tr.product_row > td:last-child {
        width: auto;
    }

    body.backoffice-shell #pos_table .product_row .pos-qty-group .btn {
        min-width: 34px;
        width: 34px;
        padding-left: 0;
        padding-right: 0;
    }

    body.backoffice-shell #pos_table .product_row .pos-qty-group .form-control {
        padding-left: 8px;
        padding-right: 8px;
        text-align: center;
    }

    body.backoffice-shell #pos_table .product_row .pos-cart-subtotal-actions .btn {
        margin: 0;
    }
}

@media (max-width: 767px) {
    body.backoffice-shell #pos_table > tbody > tr.product_row > td {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    body.backoffice-shell #pos_table .product_row .pos-qty-group {
        display: grid;
        grid-template-columns: 30px 48px 30px;
        align-items: stretch;
        justify-content: center;
        gap: 4px;
        width: auto;
        max-width: 116px;
        margin: 0 auto;
    }

    body.backoffice-shell #pos_table .product_row .pos-qty-group .input-group-btn {
        display: block;
        width: 30px;
    }

    body.backoffice-shell #pos_table .product_row label {
        font-size: 11px;
    }

    body.backoffice-shell #pos_table .product_row .text-link,
    body.backoffice-shell #pos_table .product_row .pos-product-name-text {
        font-size: 13px;
        line-height: 1.2;
    }

    body.backoffice-shell #pos_table .product_row .pos-product-meta,
    body.backoffice-shell #pos_table .product_row .label_price_ga_ {
        font-size: 10px;
    }

    body.backoffice-shell #pos_table .product_row .form-control,
    body.backoffice-shell #pos_table .product_row .tracking_line,
    body.backoffice-shell #pos_table .product_row .real_quantity {
        min-height: 36px;
        font-size: 12px;
    }

    body.backoffice-shell #pos_table .product_row .pos-qty-group .btn {
        min-width: 30px;
        width: 30px;
    }

    body.backoffice-shell #pos_table .product_row .input_quantity,
    body.backoffice-shell #pos_table .product_row .pos_line_total {
        min-width: 0 !important;
        font-size: 12px;
    }

    body.backoffice-shell #pos_table .product_row .input_quantity {
        width: 48px !important;
        max-width: 48px;
        padding-left: 4px;
        padding-right: 4px;
    }

    body.backoffice-shell #pos_table .product_row .pos-cart-subtotal-wrap {
        gap: 6px;
    }

    body.backoffice-shell #pos_table .product_row .pos-cart-subtotal-actions .pos_remove_row {
        font-size: 18px;
        line-height: 1;
        padding: 4px;
    }
}
}

body.backoffice-shell .btn-group-toggle > .btn,
body.backoffice-shell .btn-group[data-toggle='buttons'] > .btn,
body.backoffice-shell .btn-group[data-toggle='buttons'] > label.btn {
    border: 1px solid var(--backoffice-border-strong);
    background: #ffffff;
    color: #475569;
}

body.backoffice-shell .btn-group-toggle > .btn input,
body.backoffice-shell .btn-group[data-toggle='buttons'] > .btn input,
body.backoffice-shell .btn-group[data-toggle='buttons'] > label.btn input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

body.backoffice-shell .btn-group-toggle > .btn.active,
body.backoffice-shell .btn-group[data-toggle='buttons'] > .btn.active,
body.backoffice-shell .btn-group[data-toggle='buttons'] > label.btn.active {
    background: #e8f1ff;
    border-color: #bfdbfe;
    color: #0f4c81;
    box-shadow: inset 0 0 0 1px rgba(191, 219, 254, 0.6);
}

body.backoffice-shell .btn-group > .btn + .btn,
body.backoffice-shell .btn-group > .btn + .btn-group,
body.backoffice-shell .btn-group > .btn-group + .btn,
body.backoffice-shell .btn-group > .btn-group + .btn-group {
    margin-left: 4px;
}

body.backoffice-shell .dropdown-toggle .caret,
body.backoffice-shell .btn-group .caret {
    margin-left: 6px;
}

body.backoffice-shell .caret {
    border-top-color: currentColor;
}

body.backoffice-shell .nav.nav-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

body.backoffice-shell .nav.nav-pills > li {
    float: none;
}

body.backoffice-shell .nav.nav-pills > li > a {
    border-radius: 999px;
    padding: 10px 16px;
    background: #ffffff;
    border: 1px solid var(--backoffice-border);
    color: #475569;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}

body.backoffice-shell .nav.nav-pills > li.active > a,
body.backoffice-shell .nav.nav-pills > li.active > a:focus,
body.backoffice-shell .nav.nav-pills > li.active > a:hover,
body.backoffice-shell .nav.nav-pills > li > a:hover,
body.backoffice-shell .nav.nav-pills > li > a:focus {
    background: #e8f1ff;
    border-color: #bfdbfe;
    color: #0f4c81;
}

body.backoffice-shell .nav.nav-pills.nav-justified {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

body.backoffice-shell .nav.nav-pills.nav-justified > li > a {
    text-align: center;
}

body.backoffice-shell .nav.nav-stacked {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 0;
}

body.backoffice-shell .nav.nav-stacked > li {
    float: none;
    margin: 0;
}

body.backoffice-shell .nav.nav-stacked > li > a {
    border-radius: 12px;
    border-left: 0;
    padding: 10px 14px;
    color: #475569;
    background: #ffffff;
    border: 1px solid var(--backoffice-border);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}

body.backoffice-shell .nav.nav-stacked > li.active > a,
body.backoffice-shell .nav.nav-stacked > li.active > a:hover,
body.backoffice-shell .nav.nav-stacked > li > a:hover,
body.backoffice-shell .nav.nav-stacked > li > a:focus {
    background: #e8f1ff;
    border-color: #bfdbfe;
    color: #0f4c81;
}

body.backoffice-shell .nav.nav-stacked > li.header {
    padding: 6px 4px 2px;
    margin-bottom: 2px;
    border: 0;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body.backoffice-shell .list-group {
    border-radius: var(--backoffice-radius);
}

body.backoffice-shell .list-group-item {
    border-color: rgba(15, 23, 42, 0.06);
    color: #334155;
}

body.backoffice-shell .list-group-item.active,
body.backoffice-shell .list-group-item.active:focus,
body.backoffice-shell .list-group-item.active:hover {
    border-color: #bfdbfe;
    background: #e8f1ff;
    color: #0f4c81;
}

body.backoffice-shell .list-group-item-danger {
    background: #fff1f2;
    color: #9f1239;
}

body.backoffice-shell .label,
body.backoffice-shell .badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border-radius: 999px;
    font-weight: 600;
    line-height: 1;
}

body.backoffice-shell .label {
    padding: 0.42em 0.75em;
}

body.backoffice-shell .badge {
    padding: 0.5em 0.8em;
}

body.backoffice-shell .label-default,
body.backoffice-shell .badge-default,
body.backoffice-shell .badge-secondary {
    background: #e2e8f0;
    color: #334155;
}

body.backoffice-shell .label-primary,
body.backoffice-shell .badge-primary {
    background: #dbeafe;
    color: #1d4ed8;
}

body.backoffice-shell .label-info,
body.backoffice-shell .badge-info {
    background: #dbeafe;
    color: #1d4ed8;
}

body.backoffice-shell .label-success,
body.backoffice-shell .badge-success {
    background: #dcfce7;
    color: #15803d;
}

body.backoffice-shell .label-warning,
body.backoffice-shell .badge-warning {
    background: #fef3c7;
    color: #b45309;
}

body.backoffice-shell .label-danger,
body.backoffice-shell .badge-danger,
body.backoffice-shell .bg-red {
    background: #fee2e2;
    color: #b91c1c;
}

@media (max-width: 767px) {
    body.backoffice-shell .content-header {
        padding: 14px 15px 6px;
    }

    body.backoffice-shell .box-header,
    body.backoffice-shell .box-body {
        padding-left: 14px;
        padding-right: 14px;
    }

    body.backoffice-shell .box-tools,
    body.backoffice-shell .box-header > .box-tools {
        gap: 6px;
        flex-wrap: wrap;
    }

    body.backoffice-shell .navbar.navbar-default .navbar-brand {
        max-width: calc(100% - 64px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.backoffice-shell .pos-tab-menu {
        border-right: 0;
        border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    }

    body.backoffice-shell .nav.nav-pills.nav-justified {
        grid-template-columns: 1fr;
    }

    body.backoffice-shell .nav-tabs-custom > .nav.nav-tabs {
        padding-left: 10px;
        padding-right: 10px;
        gap: 6px;
    }

    body.backoffice-shell .nav-tabs-custom > .nav.nav-tabs > li,
    body.backoffice-shell .nav-tabs-custom > .nav.nav-tabs > li > a {
        width: 100%;
    }
}