/*
 * GreenPing professional workspace theme
 * Scoped to .modern-admin-theme so public/auth layouts and application logic
 * remain untouched.
 */

body.modern-admin-theme {
    --gp-primary: #2563eb;
    --gp-primary-dark: #1d4ed8;
    --gp-primary-soft: #eff6ff;
    --gp-sidebar: #0f172a;
    --gp-sidebar-hover: #1e293b;
    --gp-canvas: #f4f7fb;
    --gp-surface: #ffffff;
    --gp-surface-muted: #f8fafc;
    --gp-border: #e2e8f0;
    --gp-border-strong: #cbd5e1;
    --gp-text: #0f172a;
    --gp-text-muted: #64748b;
    --gp-success: #059669;
    --gp-warning: #d97706;
    --gp-danger: #dc2626;
    --gp-info: #0284c7;
    --gp-radius-sm: 8px;
    --gp-radius: 12px;
    --gp-radius-lg: 16px;
    --gp-shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);
    --gp-shadow: 0 8px 24px rgba(15, 23, 42, .07);
    background: var(--gp-canvas);
    color: var(--gp-text);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
}

.modern-admin-theme a {
    color: var(--gp-primary);
}

.modern-admin-theme a:hover,
.modern-admin-theme a:focus {
    color: var(--gp-primary-dark);
}

.modern-admin-theme .wrapper {
    background: var(--gp-canvas);
}

/* Application shell */
.modern-admin-theme .main-header {
    box-shadow: 0 1px 0 rgba(15, 23, 42, .08);
}

.modern-admin-theme .main-header .logo,
.modern-admin-theme .main-sidebar,
.modern-admin-theme .main-sidebar .logo,
.modern-admin-theme[class*="skin-"] .main-header .logo,
.modern-admin-theme[class*="skin-"] .main-sidebar,
.modern-admin-theme[class*="skin-"] .main-sidebar .logo {
    background: var(--gp-sidebar) !important;
    color: #f8fafc !important;
    border: 0;
}

.modern-admin-theme .main-header .logo {
    font-size: 17px;
    font-weight: 750;
    letter-spacing: -.02em;
    text-align: left;
    padding: 0 22px;
}

.modern-admin-theme .main-header .logo .logo-lg {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}

.modern-admin-theme .main-header .logo #online_indicator {
    color: #34d399 !important;
    font-size: 8px;
    margin-left: 5px;
    vertical-align: middle;
}

.modern-admin-theme .main-header .navbar,
.modern-admin-theme[class*="skin-"] .main-header .navbar {
    background: rgba(255, 255, 255, .97) !important;
    background-image: none !important;
    color: var(--gp-text);
    border: 0;
}

.modern-admin-theme .main-header .navbar > .sidebar-toggle,
.modern-admin-theme[class*="skin-"] .main-header .navbar > .sidebar-toggle {
    color: #475569 !important;
    border: 0;
    font-size: 18px;
    transition: color .18s ease, background .18s ease;
}

.modern-admin-theme .main-header .navbar > .sidebar-toggle:hover,
.modern-admin-theme .main-header .navbar > .sidebar-toggle:focus {
    background: var(--gp-surface-muted) !important;
    color: var(--gp-primary) !important;
}

.modern-admin-theme .main-header .navbar-custom-menu > .navbar-nav > li > a,
.modern-admin-theme .main-header .navbar-custom-menu > .navbar-nav > li > a > span,
.modern-admin-theme .main-header .navbar .nav > li > a,
.modern-admin-theme[class*="skin-"] .main-header .navbar .nav > li > a {
    color: #334155 !important;
}

.modern-admin-theme .main-header .navbar .nav > li > a:hover,
.modern-admin-theme .main-header .navbar .nav > li > a:focus,
.modern-admin-theme .main-header .navbar .nav > .open > a {
    background: var(--gp-surface-muted) !important;
    color: var(--gp-primary) !important;
}

.modern-admin-theme .main-header .navbar-custom-menu .m-8.pull-left.mt-15 {
    color: var(--gp-text-muted) !important;
    font-size: 12px;
    font-weight: 600;
}

.modern-admin-theme .main-sidebar {
    box-shadow: 8px 0 24px rgba(15, 23, 42, .08);
}

.modern-admin-theme .main-sidebar .sidebar {
    padding-top: 14px;
}

.modern-admin-theme .main-sidebar .sidebar > .logo {
    font-weight: 750;
    letter-spacing: -.02em;
}

.modern-admin-theme .sidebar-menu {
    padding: 8px 12px 24px;
}

.modern-admin-theme .sidebar-menu > li {
    margin: 3px 0;
}

.modern-admin-theme .sidebar-menu > li > a {
    min-height: 44px;
    padding: 12px 14px;
    border: 0 !important;
    border-radius: 10px;
    color: #cbd5e1 !important;
    font-weight: 550;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}

.modern-admin-theme .sidebar-menu > li > a > .fa,
.modern-admin-theme .sidebar-menu > li > a > .fas,
.modern-admin-theme .sidebar-menu > li > a > .far {
    width: 22px;
    color: #94a3b8;
}

.modern-admin-theme .sidebar-menu > li.active > a,
.modern-admin-theme .sidebar-menu > li.menu-open > a,
.modern-admin-theme .sidebar-menu > li:hover > a,
.modern-admin-theme[class*="skin-"] .sidebar-menu > li.active > a,
.modern-admin-theme[class*="skin-"] .sidebar-menu > li.menu-open > a,
.modern-admin-theme[class*="skin-"] .sidebar-menu > li:hover > a {
    background: var(--gp-sidebar-hover) !important;
    color: #fff !important;
}

.modern-admin-theme .sidebar-menu > li.active > a {
    box-shadow: inset 3px 0 0 #60a5fa;
}

.modern-admin-theme .sidebar-menu > li.active > a > i,
.modern-admin-theme .sidebar-menu > li:hover > a > i {
    color: #93c5fd !important;
}

.modern-admin-theme .sidebar-menu .treeview-menu,
.modern-admin-theme[class*="skin-"] .sidebar-menu > li > .treeview-menu {
    margin: 4px 0 8px;
    padding: 5px 0 5px 12px;
    background: transparent !important;
}

.modern-admin-theme .sidebar-menu .treeview-menu > li > a {
    padding: 9px 12px 9px 22px;
    border-radius: 8px;
    color: #94a3b8 !important;
}

.modern-admin-theme .sidebar-menu .treeview-menu > li.active > a,
.modern-admin-theme .sidebar-menu .treeview-menu > li > a:hover {
    background: rgba(255, 255, 255, .055);
    color: #e2e8f0 !important;
}

.modern-admin-theme .content-wrapper {
    background: var(--gp-canvas);
}

.modern-admin-theme .content-wrapper > .content-header,
.modern-admin-theme .content-wrapper > .content-header-custom,
.modern-admin-theme[class*="skin-"] .content-wrapper .content-header-custom {
    padding: 28px 24px 10px;
    background: transparent !important;
    background-image: none !important;
    color: var(--gp-text) !important;
}

.modern-admin-theme .content-header > h1,
.modern-admin-theme .content-header-custom > h1,
.modern-admin-theme[class*="skin-"] .content-wrapper .content-header-custom h1 {
    color: var(--gp-text) !important;
    font-size: 26px;
    font-weight: 750;
    line-height: 1.25;
    letter-spacing: -.025em;
}

.modern-admin-theme .content-header > h1 > small,
.modern-admin-theme .content-header-custom > h1 > small,
.modern-admin-theme[class*="skin-"] .content-wrapper .content-header-custom small {
    display: inline-block;
    margin-left: 8px;
    color: var(--gp-text-muted) !important;
    font-size: 14px;
    font-weight: 450;
    letter-spacing: 0;
}

.modern-admin-theme .content-wrapper > .content,
.modern-admin-theme .content-wrapper > .content-custom,
.modern-admin-theme[class*="skin-"] .content-wrapper .content-custom {
    margin-top: 0 !important;
    padding: 14px 24px 28px;
}

.modern-admin-theme .main-footer {
    padding: 16px 24px 22px;
    background: var(--gp-canvas);
    border: 0;
    color: var(--gp-text-muted);
    font-size: 12px;
}

/* Cards and dashboard */
.modern-admin-theme .box,
.modern-admin-theme .info-box,
.modern-admin-theme .small-box,
.modern-admin-theme .nav-tabs-custom {
    border: 1px solid var(--gp-border);
    border-radius: var(--gp-radius);
    background: var(--gp-surface);
    box-shadow: var(--gp-shadow-sm) !important;
}

.modern-admin-theme .box {
    overflow: visible;
    margin-bottom: 20px;
}

.modern-admin-theme .box.box-primary,
.modern-admin-theme .box.box-info,
.modern-admin-theme .box.box-success,
.modern-admin-theme .box.box-warning,
.modern-admin-theme .box.box-danger {
    border-top: 1px solid var(--gp-border);
}

.modern-admin-theme .box .box-header {
    min-height: 58px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--gp-border);
}

.modern-admin-theme .box .box-header:not(.with-border):last-child {
    border-bottom: 0;
}

.modern-admin-theme .box .box-header .box-title {
    color: var(--gp-text);
    font-size: 15px;
    font-weight: 700;
}

.modern-admin-theme .box .box-header .box-title a {
    color: inherit;
}

.modern-admin-theme .box .box-header .box-tools {
    top: 11px;
    right: 14px;
}

.modern-admin-theme .box .box-body {
    padding: 20px;
}

.modern-admin-theme #accordion .box-header {
    background: var(--gp-surface-muted);
    border-radius: var(--gp-radius) var(--gp-radius) 0 0;
}

.modern-admin-theme #accordion .box-header .fa-filter {
    margin-right: 8px;
    color: var(--gp-primary);
}

.modern-admin-theme .info-box {
    min-height: 114px;
    margin-bottom: 18px;
    overflow: hidden;
}

.modern-admin-theme .info-box-new-style {
    padding: 18px !important;
    transform: none !important;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.modern-admin-theme .info-box-new-style:hover {
    border-color: var(--gp-border-strong);
    box-shadow: var(--gp-shadow) !important;
    transform: translateY(-2px) !important;
}

.modern-admin-theme .info-box-new-style .info-box-icon {
    width: 54px;
    height: 54px;
    min-height: 54px;
    margin: 9px 0 0;
    padding: 0;
    border-radius: 14px;
    box-shadow: none !important;
    color: #fff;
    line-height: 54px;
}

.modern-admin-theme .info-box-new-style .info-box-icon i,
.modern-admin-theme .info-box-new-style .info-box-icon i.fa {
    font-size: 23px;
}

.modern-admin-theme .info-box-new-style .info-box-content {
    margin-left: 66px;
    padding: 8px 0 0 0;
}

.modern-admin-theme .info-box-text {
    margin-bottom: 5px;
    color: var(--gp-text-muted);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.modern-admin-theme .info-box-number {
    color: var(--gp-text);
    font-size: 22px;
    font-weight: 750;
    letter-spacing: -.02em;
}

.modern-admin-theme .bg-aqua,
.modern-admin-theme .bg-light-blue {
    background: var(--gp-info) !important;
}

.modern-admin-theme .bg-green {
    background: var(--gp-success) !important;
}

.modern-admin-theme .bg-yellow {
    background: var(--gp-warning) !important;
}

.modern-admin-theme .bg-red {
    background: var(--gp-danger) !important;
}

/* Buttons and interactive controls */
.modern-admin-theme .btn {
    min-height: 36px;
    padding: 8px 14px;
    border-radius: var(--gp-radius-sm);
    box-shadow: none;
    font-size: 13px;
    font-weight: 650;
    line-height: 18px;
    transition: background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.modern-admin-theme .btn:hover {
    transform: translateY(-1px);
}

.modern-admin-theme .btn:focus,
.modern-admin-theme .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .18);
}

.modern-admin-theme .btn-flat {
    border-radius: var(--gp-radius-sm);
}

.modern-admin-theme .btn-primary {
    background: var(--gp-primary);
    border-color: var(--gp-primary);
    color: #fff !important;
}

.modern-admin-theme .btn-primary:hover,
.modern-admin-theme .btn-primary:focus {
    background: var(--gp-primary-dark);
    border-color: var(--gp-primary-dark);
}

.modern-admin-theme .btn-success {
    background: var(--gp-success);
    border-color: var(--gp-success);
    color: #fff !important;
}

.modern-admin-theme .btn-danger {
    background: var(--gp-danger);
    border-color: var(--gp-danger);
    color: #fff !important;
}

.modern-admin-theme .btn-warning {
    background: var(--gp-warning);
    border-color: var(--gp-warning);
    color: #fff !important;
}

.modern-admin-theme .btn-info {
    background: var(--gp-info);
    border-color: var(--gp-info);
    color: #fff !important;
}

.modern-admin-theme .btn-default {
    background: #fff;
    border-color: var(--gp-border-strong);
    color: #334155;
}

.modern-admin-theme .btn-default:hover,
.modern-admin-theme .btn-default:focus {
    background: var(--gp-surface-muted);
    border-color: #94a3b8;
    color: var(--gp-text);
}

.modern-admin-theme .main-header .btn {
    min-width: 36px;
    min-height: 34px;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    padding: 7px 11px;
    border-radius: 9px;
}

.modern-admin-theme .main-header .btn-success {
    background: var(--gp-primary);
    border-color: var(--gp-primary);
}

.modern-admin-theme .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.modern-admin-theme .btn-group > .btn:first-child {
    border-top-left-radius: var(--gp-radius-sm);
    border-bottom-left-radius: var(--gp-radius-sm);
}

.modern-admin-theme .btn-group > .btn:last-child,
.modern-admin-theme .btn-group > .dropdown-toggle {
    border-top-right-radius: var(--gp-radius-sm);
    border-bottom-right-radius: var(--gp-radius-sm);
}

/* Forms */
.modern-admin-theme label,
.modern-admin-theme .control-label {
    margin-bottom: 7px;
    color: #334155;
    font-size: 13px;
    font-weight: 650;
}

.modern-admin-theme .form-control,
.modern-admin-theme .select2-container .select2-selection--single,
.modern-admin-theme .select2-container--default .select2-selection--multiple {
    min-height: 40px;
    border: 1px solid var(--gp-border-strong);
    border-radius: var(--gp-radius-sm);
    background: #fff;
    color: var(--gp-text);
    box-shadow: none;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.modern-admin-theme textarea.form-control {
    min-height: 92px;
}

.modern-admin-theme .form-control:focus,
.modern-admin-theme .select2-container--focus .select2-selection,
.modern-admin-theme .select2-container--open .select2-selection {
    border-color: #60a5fa;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.modern-admin-theme .form-control::placeholder {
    color: #94a3b8;
}

.modern-admin-theme .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 12px;
    line-height: 38px;
    color: var(--gp-text);
}

.modern-admin-theme .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
    right: 6px;
}

.modern-admin-theme .select2-dropdown {
    overflow: hidden;
    border: 1px solid var(--gp-border-strong);
    border-radius: var(--gp-radius-sm);
    box-shadow: var(--gp-shadow);
}

.modern-admin-theme .select2-results__option {
    padding: 9px 12px;
}

.modern-admin-theme .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: var(--gp-primary);
}

.modern-admin-theme .input-group-addon {
    border-color: var(--gp-border-strong);
    background: var(--gp-surface-muted);
    color: var(--gp-text-muted);
}

.modern-admin-theme .form-group {
    margin-bottom: 18px;
}

.modern-admin-theme .help-block {
    color: var(--gp-text-muted);
}

.modern-admin-theme .has-error .form-control {
    border-color: #f87171;
}

.modern-admin-theme .has-error .help-block,
.modern-admin-theme .has-error .control-label {
    color: var(--gp-danger);
}

.modern-admin-theme .icheckbox_square-blue,
.modern-admin-theme .iradio_square-blue {
    border-radius: 5px;
}

/* Tables and data grids */
.modern-admin-theme .table-responsive,
.modern-admin-theme .dataTables_scroll {
    border: 1px solid var(--gp-border);
    border-radius: 10px;
    background: #fff;
}

.modern-admin-theme .table {
    margin-bottom: 0;
    color: #334155;
}

.modern-admin-theme .table > thead > tr > th {
    padding: 12px 14px;
    border-bottom: 1px solid var(--gp-border);
    background: var(--gp-surface-muted);
    color: #475569;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .04em;
    text-transform: uppercase;
    vertical-align: middle;
}

.modern-admin-theme .table > tbody > tr > td {
    padding: 12px 14px;
    border-top: 1px solid #edf2f7;
    vertical-align: middle;
}

.modern-admin-theme .table-striped > tbody > tr:nth-of-type(odd) {
    background: #fbfdff;
}

.modern-admin-theme .table-hover > tbody > tr:hover,
.modern-admin-theme table.dataTable tbody tr:hover {
    background: var(--gp-primary-soft);
}

.modern-admin-theme table.dataTable.no-footer,
.modern-admin-theme .table-bordered {
    border: 0;
}

.modern-admin-theme .dataTables_wrapper .dataTables_filter input,
.modern-admin-theme .dataTables_wrapper .dataTables_length select {
    min-height: 36px;
    border: 1px solid var(--gp-border-strong);
    border-radius: 8px;
    background: #fff;
}

.modern-admin-theme .dataTables_wrapper .dataTables_filter input {
    margin-left: 8px;
    padding: 7px 10px;
}

.modern-admin-theme .dataTables_wrapper .dataTables_info,
.modern-admin-theme .dataTables_wrapper .dataTables_length,
.modern-admin-theme .dataTables_wrapper .dataTables_filter {
    margin: 8px 0 12px;
    color: var(--gp-text-muted);
}

.modern-admin-theme .pagination > li > a,
.modern-admin-theme .pagination > li > span {
    margin: 0 2px;
    border: 1px solid var(--gp-border);
    border-radius: 7px !important;
    color: #475569;
}

.modern-admin-theme .pagination > .active > a,
.modern-admin-theme .pagination > .active > a:hover,
.modern-admin-theme .pagination > .active > span {
    background: var(--gp-primary);
    border-color: var(--gp-primary);
    color: #fff;
}

/* Tabs, dropdowns, menus */
.modern-admin-theme .nav-tabs-custom {
    overflow: visible;
    margin-bottom: 20px;
}

.modern-admin-theme .nav-tabs-custom > .nav-tabs {
    padding: 0 16px;
    border-bottom: 1px solid var(--gp-border);
    background: var(--gp-surface-muted);
    border-radius: var(--gp-radius) var(--gp-radius) 0 0;
}

.modern-admin-theme .nav-tabs-custom > .nav-tabs > li {
    margin: 0 4px 0 0;
    border: 0;
}

.modern-admin-theme .nav-tabs-custom > .nav-tabs > li > a {
    padding: 14px 12px;
    border: 0;
    color: var(--gp-text-muted);
    font-weight: 650;
}

.modern-admin-theme .nav-tabs-custom > .nav-tabs > li.active {
    border-top: 0;
    box-shadow: inset 0 -2px 0 var(--gp-primary);
}

.modern-admin-theme .nav-tabs-custom > .nav-tabs > li.active > a,
.modern-admin-theme .nav-tabs-custom > .nav-tabs > li > a:hover {
    background: transparent;
    color: var(--gp-primary);
}

.modern-admin-theme .nav-tabs-custom > .tab-content {
    padding: 20px;
    border-radius: 0 0 var(--gp-radius) var(--gp-radius);
}

.modern-admin-theme .dropdown-menu {
    padding: 7px;
    border: 1px solid var(--gp-border);
    border-radius: 10px;
    box-shadow: var(--gp-shadow);
}

.modern-admin-theme .dropdown-menu > li > a {
    padding: 9px 11px;
    border-radius: 7px;
    color: #334155;
}

.modern-admin-theme .dropdown-menu > li > a:hover,
.modern-admin-theme .dropdown-menu > li > a:focus {
    background: var(--gp-primary-soft);
    color: var(--gp-primary-dark);
}

.modern-admin-theme .main-header .user-menu > .dropdown-menu > .user-header {
    height: auto;
    min-height: 110px;
    padding: 18px;
    border-radius: 8px;
    background: var(--gp-sidebar) !important;
}

.modern-admin-theme .main-header .user-menu > .dropdown-menu > .user-footer {
    padding: 10px 4px 3px;
    background: #fff;
}

/* Modals, alerts, badges and feedback */
.modern-admin-theme .modal-backdrop.in {
    opacity: .58;
}

.modern-admin-theme .modal-content {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: var(--gp-radius-lg);
    box-shadow: 0 24px 70px rgba(15, 23, 42, .26);
}

.modern-admin-theme .modal-header {
    padding: 18px 22px;
    border-bottom: 1px solid var(--gp-border);
    background: var(--gp-surface-muted);
}

.modern-admin-theme .modal-title {
    color: var(--gp-text);
    font-size: 17px;
    font-weight: 750;
}

.modern-admin-theme .modal-header .close {
    margin-top: -2px;
    color: #64748b;
    opacity: .8;
}

.modern-admin-theme .modal-body {
    padding: 22px;
}

.modern-admin-theme .modal-footer {
    padding: 14px 22px;
    border-top: 1px solid var(--gp-border);
    background: var(--gp-surface-muted);
}

.modern-admin-theme .alert,
.modern-admin-theme .callout {
    border: 0;
    border-radius: 10px;
    box-shadow: var(--gp-shadow-sm);
}

.modern-admin-theme .label,
.modern-admin-theme .badge {
    padding: 5px 8px;
    border-radius: 999px;
    font-weight: 650;
}

.modern-admin-theme .tooltip-inner {
    padding: 7px 10px;
    border-radius: 7px;
    background: var(--gp-sidebar);
}

.modern-admin-theme .popover {
    border: 1px solid var(--gp-border);
    border-radius: 10px;
    box-shadow: var(--gp-shadow);
}

.modern-admin-theme .scrolltop .scroll {
    border-radius: 10px;
    background: var(--gp-sidebar);
    box-shadow: var(--gp-shadow);
}

/* POS workspace: retain functional dimensions, modernize surfaces */
.modern-admin-theme.modern-pos-layout {
    background: #eef2f7;
}

.modern-admin-theme.modern-pos-layout .content {
    padding: 12px !important;
}

.modern-admin-theme.modern-pos-layout .box {
    border-radius: 12px;
    box-shadow: var(--gp-shadow-sm) !important;
}

.modern-admin-theme.modern-pos-layout .pos-form-actions {
    border-top: 1px solid var(--gp-border);
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 -8px 24px rgba(15, 23, 42, .08);
}

.modern-admin-theme.modern-pos-layout .product_list {
    border-radius: 10px;
}

/* Responsive behavior */
@media (max-width: 991px) {
    .modern-admin-theme .content-wrapper > .content-header,
    .modern-admin-theme .content-wrapper > .content-header-custom {
        padding: 22px 18px 8px;
    }

    .modern-admin-theme .content-wrapper > .content,
    .modern-admin-theme .content-wrapper > .content-custom {
        padding: 12px 18px 24px;
    }

    .modern-admin-theme .info-box-new-style {
        min-height: 105px;
    }
}

@media (max-width: 767px) {
    body.modern-admin-theme {
        font-size: 13px;
    }

    .modern-admin-theme .main-header .navbar {
        box-shadow: 0 1px 0 rgba(15, 23, 42, .08);
    }

    .modern-admin-theme .main-sidebar {
        padding-top: 0;
    }

    .modern-admin-theme .main-sidebar .sidebar {
        padding-top: 0;
    }

    .modern-admin-theme .main-sidebar .sidebar > .logo {
        display: flex;
        align-items: center;
        padding: 0 18px;
        text-align: left;
    }

    .modern-admin-theme .content-header > h1,
    .modern-admin-theme .content-header-custom > h1 {
        font-size: 22px;
    }

    .modern-admin-theme .content-header > h1 > small,
    .modern-admin-theme .content-header-custom > h1 > small {
        display: block;
        margin: 5px 0 0;
    }

    .modern-admin-theme .content-wrapper > .content-header,
    .modern-admin-theme .content-wrapper > .content-header-custom {
        padding: 18px 14px 6px;
    }

    .modern-admin-theme .content-wrapper > .content,
    .modern-admin-theme .content-wrapper > .content-custom {
        padding: 10px 14px 22px;
    }

    .modern-admin-theme .box .box-header,
    .modern-admin-theme .box .box-body,
    .modern-admin-theme .nav-tabs-custom > .tab-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .modern-admin-theme .info-box {
        margin-bottom: 12px;
    }

    .modern-admin-theme .table-responsive {
        border: 1px solid var(--gp-border);
    }

    .modern-admin-theme .dataTables_wrapper .dataTables_filter,
    .modern-admin-theme .dataTables_wrapper .dataTables_length {
        float: none;
        text-align: left;
    }

    .modern-admin-theme .dataTables_wrapper .dataTables_filter input {
        width: calc(100% - 62px);
    }

    .modern-admin-theme .modal-dialog {
        margin: 12px;
    }

    .modern-admin-theme .main-footer {
        padding: 14px;
    }
}

/* Complete system dark-mode coverage.
   Print receipts keep their own light, ink-friendly styles. */
@media screen {
    .modern-admin-theme.theme-dark,
    .modern-admin-theme.theme-dark .wrapper,
    .modern-admin-theme.theme-dark .content-wrapper,
    .modern-admin-theme.theme-dark .content,
    .modern-admin-theme.theme-dark .content-header,
    .modern-admin-theme.theme-dark .content-header-custom,
    .modern-admin-theme.theme-dark .main-footer {
        background-color: var(--gp-canvas) !important;
        color: var(--gp-text);
    }

    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) .box,
    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) .box-body,
    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) .box-header,
    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) .box-footer,
    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) .panel,
    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) .panel-body,
    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) .panel-heading,
    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) .panel-footer,
    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) .well,
    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) .thumbnail,
    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) .jumbotron,
    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) .list-group-item,
    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) .tab-content,
    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) .nav-tabs-custom,
    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) .bg-white {
        border-color: var(--gp-border) !important;
        background-color: var(--gp-surface) !important;
        color: var(--gp-text) !important;
    }

    .modern-admin-theme.theme-dark .pos-tab-container,
    .modern-admin-theme.theme-dark .pos-tab-content,
    .modern-admin-theme.theme-dark .pos-tab-menu,
    .modern-admin-theme.theme-dark .pos-tab-menu .list-group,
    .modern-admin-theme.theme-dark .pos-tab-menu .list-group-item {
        border-color: var(--gp-border) !important;
        background-color: var(--gp-surface) !important;
        color: #d9dde4 !important;
    }

    .modern-admin-theme.theme-dark .pos-tab-menu .list-group-item:hover,
    .modern-admin-theme.theme-dark .pos-tab-menu .list-group-item:focus,
    .modern-admin-theme.theme-dark .pos-tab-menu .list-group-item.active {
        border-color: #315a96 !important;
        background-color: #182235 !important;
        color: #ffffff !important;
    }

    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) h1,
    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) h2,
    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) h3,
    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) h4,
    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) h5,
    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) h6,
    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) legend,
    .modern-admin-theme.theme-dark .modal h1,
    .modern-admin-theme.theme-dark .modal h2,
    .modern-admin-theme.theme-dark .modal h3,
    .modern-admin-theme.theme-dark .modal h4,
    .modern-admin-theme.theme-dark .modal h5,
    .modern-admin-theme.theme-dark .modal h6 {
        color: var(--gp-text) !important;
    }

    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) small,
    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) .help-block,
    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) .description-text,
    .modern-admin-theme.theme-dark .content-wrapper > :not(#receipt_section) .text-muted,
    .modern-admin-theme.theme-dark .modal small,
    .modern-admin-theme.theme-dark .modal .help-block {
        color: var(--gp-text-muted) !important;
    }

    .modern-admin-theme.theme-dark .table-responsive,
    .modern-admin-theme.theme-dark .dataTables_wrapper,
    .modern-admin-theme.theme-dark .dataTables_scroll,
    .modern-admin-theme.theme-dark .dataTables_scrollHead,
    .modern-admin-theme.theme-dark .dataTables_scrollHeadInner,
    .modern-admin-theme.theme-dark .dataTables_scrollHeadInner table,
    .modern-admin-theme.theme-dark .dataTables_scrollBody,
    .modern-admin-theme.theme-dark table.dataTable {
        border-color: var(--gp-border) !important;
        background-color: var(--gp-surface) !important;
        color: var(--gp-text) !important;
    }

    .modern-admin-theme.theme-dark .dataTables_scrollBody {
        overflow-x: auto !important;
    }

    .modern-admin-theme.theme-dark table.dataTable > thead > tr > th,
    .modern-admin-theme.theme-dark table.dataTable > tfoot > tr > th,
    .modern-admin-theme.theme-dark .table > thead > tr > th,
    .modern-admin-theme.theme-dark .table > tfoot > tr > th,
    .modern-admin-theme.theme-dark .table > tfoot > tr > td {
        border-color: var(--gp-border) !important;
        background-color: #15171b !important;
        color: #c8ced8 !important;
    }

    .modern-admin-theme.theme-dark table.dataTable > tbody > tr,
    .modern-admin-theme.theme-dark table.dataTable > tbody > tr > td,
    .modern-admin-theme.theme-dark .table > tbody > tr,
    .modern-admin-theme.theme-dark .table > tbody > tr > td,
    .modern-admin-theme.theme-dark .dataTables_empty {
        border-color: #25282e !important;
        background-color: var(--gp-surface) !important;
        color: #d8dce3 !important;
    }

    .modern-admin-theme.theme-dark table.dataTable > tbody > tr:nth-child(odd) > td,
    .modern-admin-theme.theme-dark .table-striped > tbody > tr:nth-child(odd) > td {
        background-color: #101114 !important;
    }

    .modern-admin-theme.theme-dark table.dataTable > tbody > tr:hover > td,
    .modern-admin-theme.theme-dark .table-hover > tbody > tr:hover > td {
        background-color: #172033 !important;
        color: #f3f6fb !important;
    }

    .modern-admin-theme.theme-dark input:not([type="checkbox"]):not([type="radio"]),
    .modern-admin-theme.theme-dark textarea,
    .modern-admin-theme.theme-dark select,
    .modern-admin-theme.theme-dark option,
    .modern-admin-theme.theme-dark .form-control,
    .modern-admin-theme.theme-dark .bootstrap-tagsinput,
    .modern-admin-theme.theme-dark .bootstrap-select > .dropdown-toggle,
    .modern-admin-theme.theme-dark .input-group-addon,
    .modern-admin-theme.theme-dark .input-group-btn > .btn-default,
    .modern-admin-theme.theme-dark .select2-selection {
        border-color: var(--gp-border-strong) !important;
        background-color: #121212 !important;
        color: #e4e7eb !important;
    }

    .modern-admin-theme.theme-dark input:-webkit-autofill,
    .modern-admin-theme.theme-dark input:-webkit-autofill:hover,
    .modern-admin-theme.theme-dark input:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0 1000px #121212 inset !important;
        -webkit-text-fill-color: #e4e7eb !important;
    }

    .modern-admin-theme.theme-dark .select2-dropdown,
    .modern-admin-theme.theme-dark .select2-results,
    .modern-admin-theme.theme-dark .select2-results__options,
    .modern-admin-theme.theme-dark .select2-results__option,
    .modern-admin-theme.theme-dark .multiselect-container,
    .modern-admin-theme.theme-dark .typeahead,
    .modern-admin-theme.theme-dark .tt-menu {
        border-color: var(--gp-border-strong) !important;
        background-color: #141519 !important;
        color: #dce0e6 !important;
    }

    .modern-admin-theme.theme-dark .select2-results__option--highlighted,
    .modern-admin-theme.theme-dark .select2-results__option[aria-selected="true"],
    .modern-admin-theme.theme-dark .multiselect-container > li > a:hover,
    .modern-admin-theme.theme-dark .typeahead .active,
    .modern-admin-theme.theme-dark .tt-suggestion:hover {
        background-color: #202a3c !important;
        color: #ffffff !important;
    }

    .modern-admin-theme.theme-dark .modal-content,
    .modern-admin-theme.theme-dark .modal-body,
    .modern-admin-theme.theme-dark .modal-header,
    .modern-admin-theme.theme-dark .modal-footer,
    .modern-admin-theme.theme-dark .popover,
    .modern-admin-theme.theme-dark .popover-title,
    .modern-admin-theme.theme-dark .popover-content {
        border-color: var(--gp-border) !important;
        background-color: var(--gp-surface) !important;
        color: var(--gp-text) !important;
    }

    .modern-admin-theme.theme-dark .breadcrumb,
    .modern-admin-theme.theme-dark .pagination > li > a,
    .modern-admin-theme.theme-dark .pagination > li > span,
    .modern-admin-theme.theme-dark .pager > li > a,
    .modern-admin-theme.theme-dark .pager > li > span {
        border-color: var(--gp-border) !important;
        background-color: #121212 !important;
        color: #b8c0cb !important;
    }

    .modern-admin-theme.theme-dark .pagination > .active > a,
    .modern-admin-theme.theme-dark .pagination > .active > span,
    .modern-admin-theme.theme-dark .pagination > li > a:hover,
    .modern-admin-theme.theme-dark .pager > li > a:hover {
        border-color: #4f8cff !important;
        background-color: #234a82 !important;
        color: #ffffff !important;
    }

    .modern-admin-theme.theme-dark .nav > li > a,
    .modern-admin-theme.theme-dark .nav-tabs > li > a {
        color: #aeb6c2;
    }

    .modern-admin-theme.theme-dark .nav-tabs > li.active > a,
    .modern-admin-theme.theme-dark .nav-tabs > li.active > a:hover,
    .modern-admin-theme.theme-dark .nav-tabs > li.active > a:focus {
        border-color: var(--gp-border) !important;
        background-color: #17191e !important;
        color: #ffffff !important;
    }

    .modern-admin-theme.theme-dark .alert-success {
        border-color: #225f4d !important;
        background-color: #102d25 !important;
        color: #a9ebd5 !important;
    }

    .modern-admin-theme.theme-dark .alert-info {
        border-color: #294f7a !important;
        background-color: #12253b !important;
        color: #b7d6ff !important;
    }

    .modern-admin-theme.theme-dark .alert-warning {
        border-color: #705321 !important;
        background-color: #302511 !important;
        color: #f2d39a !important;
    }

    .modern-admin-theme.theme-dark .alert-danger {
        border-color: #74363e !important;
        background-color: #35181d !important;
        color: #f3b6be !important;
    }

    .modern-admin-theme.theme-dark .progress,
    .modern-admin-theme.theme-dark .progress-bar[style="width: 0%"],
    .modern-admin-theme.theme-dark .fc-state-default,
    .modern-admin-theme.theme-dark .fc-widget-header,
    .modern-admin-theme.theme-dark .fc-widget-content,
    .modern-admin-theme.theme-dark .timeline > li > .timeline-item,
    .modern-admin-theme.theme-dark .products-list > .item {
        border-color: var(--gp-border) !important;
        background-color: #141519 !important;
        color: var(--gp-text) !important;
    }

    .modern-admin-theme.theme-dark .tox .tox-toolbar,
    .modern-admin-theme.theme-dark .tox .tox-toolbar__primary,
    .modern-admin-theme.theme-dark .tox .tox-menubar,
    .modern-admin-theme.theme-dark .tox .tox-toolbar-overlord,
    .modern-admin-theme.theme-dark .tox .tox-editor-header,
    .modern-admin-theme.theme-dark .tox .tox-statusbar,
    .modern-admin-theme.theme-dark .tox .tox-menubar + .tox-toolbar-overlord,
    .modern-admin-theme.theme-dark .tox .tox-tbtn,
    .modern-admin-theme.theme-dark .tox .tox-edit-area__iframe,
    .modern-admin-theme.theme-dark .note-editor,
    .modern-admin-theme.theme-dark .note-editor .note-toolbar,
    .modern-admin-theme.theme-dark .note-editor .note-editable {
        border-color: var(--gp-border) !important;
        background-color: #121212 !important;
        color: var(--gp-text) !important;
    }

    .modern-admin-theme.theme-dark .tox .tox-mbtn,
    .modern-admin-theme.theme-dark .tox .tox-tbtn,
    .modern-admin-theme.theme-dark .tox .tox-statusbar a,
    .modern-admin-theme.theme-dark .tox .tox-statusbar__path-item {
        color: #d4d8df !important;
    }

    .modern-admin-theme.theme-dark .tox .tox-tbtn svg,
    .modern-admin-theme.theme-dark .tox .tox-mbtn svg {
        fill: #d4d8df !important;
    }

    .modern-admin-theme.theme-dark #product_table_wrapper table.dataTable {
        width: var(--product-table-width, 1463px) !important;
        min-width: var(--product-table-width, 1463px) !important;
        max-width: none !important;
        table-layout: fixed !important;
    }

    .modern-admin-theme.theme-dark #product_table_wrapper .dataTables_scrollHead {
        overflow-x: hidden !important;
    }

    .modern-admin-theme.theme-dark #product_table_wrapper .dataTables_scrollBody {
        overflow-x: scroll !important;
    }
}

@media (max-width: 480px) {
    .modern-admin-theme .content-wrapper > .content-header,
    .modern-admin-theme .content-wrapper > .content-header-custom {
        padding-top: 15px;
    }

    .modern-admin-theme .box .box-header .box-tools {
        position: static;
        margin-top: 12px;
    }

    .modern-admin-theme .box .box-header .box-tools .btn {
        width: 100%;
    }

    .modern-admin-theme .nav-tabs-custom > .nav-tabs {
        padding: 0 8px;
        overflow-x: auto;
        white-space: nowrap;
    }

    .modern-admin-theme .nav-tabs-custom > .nav-tabs > li {
        float: none;
        display: inline-block;
    }

    .modern-admin-theme .pull-right.btn {
        max-width: 100%;
    }
}

@media print {
    .modern-admin-theme .content-wrapper,
    .modern-admin-theme .wrapper {
        background: #fff !important;
    }

    .modern-admin-theme .box,
    .modern-admin-theme .info-box,
    .modern-admin-theme .table-responsive {
        border-color: #d1d5db !important;
        box-shadow: none !important;
    }
}

/* =========================================================
 * GreenPing low-glare dark workspace
 * Matches the black authentication experience while keeping
 * high-density business screens readable for long sessions.
 * ======================================================= */

body.modern-admin-theme.theme-dark {
    --gp-primary: #4f8cff;
    --gp-primary-dark: #3977e8;
    --gp-primary-soft: #14213a;
    --gp-sidebar: #08090b;
    --gp-sidebar-hover: #171a20;
    --gp-canvas: #050505;
    --gp-surface: #0d0d0d;
    --gp-surface-muted: #121212;
    --gp-surface-raised: #17191e;
    --gp-border: #262626;
    --gp-border-strong: #34373d;
    --gp-text: #f1f3f5;
    --gp-text-muted: #969ba5;
    --gp-success: #18a77b;
    --gp-warning: #b98228;
    --gp-danger: #c94a58;
    --gp-info: #347fc4;
    color-scheme: dark;
    background: var(--gp-canvas);
    color: var(--gp-text);
}

html:has(body.modern-admin-theme.theme-dark) {
    background: #050505;
}

.modern-admin-theme.theme-dark .wrapper,
.modern-admin-theme.theme-dark .content-wrapper,
.modern-admin-theme.theme-dark .main-footer {
    background: var(--gp-canvas);
    color: var(--gp-text);
}

.modern-admin-theme.theme-dark .main-header {
    box-shadow: 0 1px 0 var(--gp-border);
}

.modern-admin-theme.theme-dark .main-header .logo,
.modern-admin-theme.theme-dark .main-sidebar,
.modern-admin-theme.theme-dark .main-sidebar .logo,
.modern-admin-theme.theme-dark[class*="skin-"] .main-header .logo,
.modern-admin-theme.theme-dark[class*="skin-"] .main-sidebar,
.modern-admin-theme.theme-dark[class*="skin-"] .main-sidebar .logo {
    background: var(--gp-sidebar) !important;
}

.modern-admin-theme.theme-dark .main-header .navbar,
.modern-admin-theme.theme-dark[class*="skin-"] .main-header .navbar {
    background: rgba(13, 13, 13, .98) !important;
    border-bottom: 1px solid var(--gp-border);
}

.modern-admin-theme.theme-dark .main-header .navbar > .sidebar-toggle,
.modern-admin-theme.theme-dark[class*="skin-"] .main-header .navbar > .sidebar-toggle,
.modern-admin-theme.theme-dark .main-header .navbar-custom-menu > .navbar-nav > li > a,
.modern-admin-theme.theme-dark .main-header .navbar-custom-menu > .navbar-nav > li > a > span,
.modern-admin-theme.theme-dark .main-header .navbar .nav > li > a,
.modern-admin-theme.theme-dark[class*="skin-"] .main-header .navbar .nav > li > a {
    color: #c9cdd4 !important;
}

.modern-admin-theme.theme-dark .main-header .navbar > .sidebar-toggle:hover,
.modern-admin-theme.theme-dark .main-header .navbar > .sidebar-toggle:focus,
.modern-admin-theme.theme-dark .main-header .navbar .nav > li > a:hover,
.modern-admin-theme.theme-dark .main-header .navbar .nav > li > a:focus,
.modern-admin-theme.theme-dark .main-header .navbar .nav > .open > a {
    background: #17191e !important;
    color: #fff !important;
}

.modern-admin-theme.theme-dark .main-header .navbar-custom-menu .m-8.pull-left.mt-15,
.modern-admin-theme.theme-dark .main-footer {
    color: var(--gp-text-muted) !important;
}

.modern-admin-theme.theme-dark .main-sidebar {
    border-right: 1px solid #1e1f23;
    box-shadow: none;
}

.modern-admin-theme.theme-dark .sidebar-menu > li > a {
    color: #aeb4bf !important;
}

.modern-admin-theme.theme-dark .sidebar-menu > li > a > .fa,
.modern-admin-theme.theme-dark .sidebar-menu > li > a > .fas,
.modern-admin-theme.theme-dark .sidebar-menu > li > a > .far {
    color: #747c89;
}

.modern-admin-theme.theme-dark .sidebar-menu > li.active > a,
.modern-admin-theme.theme-dark .sidebar-menu > li.menu-open > a,
.modern-admin-theme.theme-dark .sidebar-menu > li:hover > a,
.modern-admin-theme.theme-dark[class*="skin-"] .sidebar-menu > li.active > a,
.modern-admin-theme.theme-dark[class*="skin-"] .sidebar-menu > li.menu-open > a,
.modern-admin-theme.theme-dark[class*="skin-"] .sidebar-menu > li:hover > a {
    background: #17191e !important;
}

.modern-admin-theme.theme-dark .sidebar-menu > li.active > a {
    box-shadow: inset 3px 0 0 var(--gp-primary);
}

.modern-admin-theme.theme-dark .sidebar-menu .treeview-menu > li > a {
    color: #7f8794 !important;
}

.modern-admin-theme.theme-dark .sidebar-menu .treeview-menu > li.active > a,
.modern-admin-theme.theme-dark .sidebar-menu .treeview-menu > li > a:hover {
    background: #121419;
    color: #e6e8ec !important;
}

.modern-admin-theme.theme-dark .content-wrapper > .content-header,
.modern-admin-theme.theme-dark .content-wrapper > .content-header-custom,
.modern-admin-theme.theme-dark[class*="skin-"] .content-wrapper .content-header-custom {
    color: var(--gp-text) !important;
}

.modern-admin-theme.theme-dark .content-header > h1,
.modern-admin-theme.theme-dark .content-header-custom > h1,
.modern-admin-theme.theme-dark[class*="skin-"] .content-wrapper .content-header-custom h1 {
    color: var(--gp-text) !important;
}

.modern-admin-theme.theme-dark .content-header > h1 > small,
.modern-admin-theme.theme-dark .content-header-custom > h1 > small,
.modern-admin-theme.theme-dark[class*="skin-"] .content-wrapper .content-header-custom small,
.modern-admin-theme.theme-dark .text-muted {
    color: var(--gp-text-muted) !important;
}

.modern-admin-theme.theme-dark .text-black,
.modern-admin-theme.theme-dark .text-dark {
    color: var(--gp-text) !important;
}

/* Dark surfaces */
.modern-admin-theme.theme-dark .box,
.modern-admin-theme.theme-dark .info-box,
.modern-admin-theme.theme-dark .small-box,
.modern-admin-theme.theme-dark .nav-tabs-custom,
.modern-admin-theme.theme-dark .panel,
.modern-admin-theme.theme-dark .well {
    border-color: var(--gp-border);
    background: var(--gp-surface);
    color: var(--gp-text);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .2) !important;
}

.modern-admin-theme.theme-dark .box .box-header,
.modern-admin-theme.theme-dark .box .box-footer,
.modern-admin-theme.theme-dark .panel-heading,
.modern-admin-theme.theme-dark .well {
    border-color: var(--gp-border);
    background: var(--gp-surface);
    color: var(--gp-text);
}

.modern-admin-theme.theme-dark .box .box-header .box-title,
.modern-admin-theme.theme-dark .panel-title,
.modern-admin-theme.theme-dark .info-box-number,
.modern-admin-theme.theme-dark .small-box h3,
.modern-admin-theme.theme-dark .small-box p {
    color: var(--gp-text);
}

.modern-admin-theme.theme-dark .box .box-body,
.modern-admin-theme.theme-dark .panel-body,
.modern-admin-theme.theme-dark .panel-footer {
    border-color: var(--gp-border);
    background: var(--gp-surface);
    color: var(--gp-text);
}

.modern-admin-theme.theme-dark #accordion .box-header {
    background: #121212;
}

.modern-admin-theme.theme-dark .info-box-new-style:hover {
    border-color: #3c414b;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .3) !important;
}

.modern-admin-theme.theme-dark .info-box-text {
    color: var(--gp-text-muted);
}

/* Dark forms and enhanced controls */
.modern-admin-theme.theme-dark label,
.modern-admin-theme.theme-dark .control-label,
.modern-admin-theme.theme-dark legend {
    color: #cdd1d8;
}

.modern-admin-theme.theme-dark .form-control,
.modern-admin-theme.theme-dark .select2-container .select2-selection--single,
.modern-admin-theme.theme-dark .select2-container--default .select2-selection--multiple,
.modern-admin-theme.theme-dark .input-group-addon {
    border-color: var(--gp-border-strong);
    background: #121212;
    color: #e4e7eb;
}

.modern-admin-theme.theme-dark .form-control[disabled],
.modern-admin-theme.theme-dark .form-control[readonly],
.modern-admin-theme.theme-dark fieldset[disabled] .form-control {
    background: #0a0a0a;
    color: #777e88;
}

.modern-admin-theme.theme-dark .form-control:focus,
.modern-admin-theme.theme-dark .select2-container--focus .select2-selection,
.modern-admin-theme.theme-dark .select2-container--open .select2-selection {
    border-color: #4f8cff;
    background: #15171b;
    box-shadow: 0 0 0 3px rgba(79, 140, 255, .14);
}

.modern-admin-theme.theme-dark .form-control::placeholder {
    color: #686f79;
}

.modern-admin-theme.theme-dark .select2-container .select2-selection--single .select2-selection__rendered,
.modern-admin-theme.theme-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #e4e7eb;
}

.modern-admin-theme.theme-dark .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-top-color: #858c97;
}

.modern-admin-theme.theme-dark .select2-dropdown,
.modern-admin-theme.theme-dark .select2-search--dropdown .select2-search__field {
    border-color: var(--gp-border-strong);
    background: #141519;
    color: var(--gp-text);
}

.modern-admin-theme.theme-dark .select2-results__option[aria-selected="true"] {
    background: #20232a;
}

.modern-admin-theme.theme-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-color: #3a414d;
    background: #252a33;
}

.modern-admin-theme.theme-dark input[type="file"] {
    color: var(--gp-text-muted);
}

.modern-admin-theme.theme-dark .input-group-addon {
    color: #8d96a3;
}

.modern-admin-theme.theme-dark hr,
.modern-admin-theme.theme-dark fieldset,
.modern-admin-theme.theme-dark .form-group {
    border-color: var(--gp-border);
}

/* Dark data tables */
.modern-admin-theme.theme-dark .table-responsive,
.modern-admin-theme.theme-dark .dataTables_scroll {
    border-color: var(--gp-border);
    background: var(--gp-surface);
}

.modern-admin-theme.theme-dark .table {
    background: transparent;
    color: #d7dbe1;
}

.modern-admin-theme.theme-dark .table > thead > tr > th,
.modern-admin-theme.theme-dark .table > tfoot > tr > th,
.modern-admin-theme.theme-dark .table > tfoot > tr > td {
    border-color: var(--gp-border);
    background: #15171b;
    color: #aeb5c0;
}

.modern-admin-theme.theme-dark .table > tbody > tr > td {
    border-color: #23252a;
    background: #0d0d0d;
    color: #d5d9df;
}

.modern-admin-theme.theme-dark .table-striped > tbody > tr:nth-of-type(odd) > td {
    background: #101114;
}

.modern-admin-theme.theme-dark .table-hover > tbody > tr:hover > td,
.modern-admin-theme.theme-dark table.dataTable tbody tr:hover > td {
    background: #151d2b;
}

.modern-admin-theme.theme-dark .dataTables_wrapper .dataTables_filter input,
.modern-admin-theme.theme-dark .dataTables_wrapper .dataTables_length select {
    border-color: var(--gp-border-strong);
    background: #121212;
    color: var(--gp-text);
}

.modern-admin-theme.theme-dark .dataTables_wrapper .dataTables_info,
.modern-admin-theme.theme-dark .dataTables_wrapper .dataTables_length,
.modern-admin-theme.theme-dark .dataTables_wrapper .dataTables_filter,
.modern-admin-theme.theme-dark .dataTables_wrapper .dataTables_paginate {
    color: var(--gp-text-muted);
}

/* Keep every data grid inside its panel; wide content scrolls only inside the grid. */
.modern-admin-theme.theme-dark .dataTables_wrapper,
.modern-admin-theme.theme-dark .dataTables_scroll,
.modern-admin-theme.theme-dark .table-responsive {
    min-width: 0;
    max-width: 100%;
}

.modern-admin-theme.theme-dark .dataTables_scroll {
    overflow: hidden;
}

.modern-admin-theme.theme-dark .dataTables_scrollHead,
.modern-admin-theme.theme-dark .dataTables_scrollBody {
    max-width: 100% !important;
    box-sizing: border-box;
}

.modern-admin-theme.theme-dark .dataTables_scrollBody > table.dataTable > thead {
    visibility: collapse !important;
}

.modern-admin-theme.theme-dark .dataTables_scrollBody,
.modern-admin-theme.theme-dark .table-responsive {
    scrollbar-width: thin;
    scrollbar-color: #4b5563 #101216;
}

.modern-admin-theme.theme-dark .dataTables_scrollBody::-webkit-scrollbar,
.modern-admin-theme.theme-dark .table-responsive::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.modern-admin-theme.theme-dark .dataTables_scrollBody::-webkit-scrollbar-track,
.modern-admin-theme.theme-dark .table-responsive::-webkit-scrollbar-track {
    background: #101216;
}

.modern-admin-theme.theme-dark .dataTables_scrollBody::-webkit-scrollbar-thumb,
.modern-admin-theme.theme-dark .table-responsive::-webkit-scrollbar-thumb {
    border: 2px solid #101216;
    border-radius: 999px;
    background: #4b5563;
}

.modern-admin-theme.theme-dark .dataTables_scrollBody::-webkit-scrollbar-corner,
.modern-admin-theme.theme-dark .table-responsive::-webkit-scrollbar-corner {
    background: #101216;
}

/* Compact product catalogue */
.modern-admin-theme.theme-dark #product_table > tbody > tr {
    height: 68px;
}

.modern-admin-theme.theme-dark #product_table > tbody > tr > td {
    padding: 8px 10px !important;
    line-height: 1.35;
    vertical-align: middle;
}

.modern-admin-theme.theme-dark #product_table > thead > tr > th {
    height: 50px;
    padding: 8px 10px !important;
    line-height: 1.2;
    vertical-align: middle;
    white-space: nowrap;
}

.modern-admin-theme.theme-dark #product_table > thead > tr > th .sorting,
.modern-admin-theme.theme-dark #product_table > thead > tr > th .sorting_asc,
.modern-admin-theme.theme-dark #product_table > thead > tr > th .sorting_desc {
    vertical-align: middle;
}

.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable {
    width: var(--product-table-width, 1463px) !important;
    min-width: var(--product-table-width, 1463px) !important;
    table-layout: fixed !important;
}

.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > thead > tr > th,
.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > tbody > tr > td {
    box-sizing: border-box;
}

.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > thead > tr > th:nth-child(1),
.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > tbody > tr > td:nth-child(1) {
    width: 44px !important;
}

.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > thead > tr > th:nth-child(2),
.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > tbody > tr > td:nth-child(2) {
    width: 58px !important;
}

.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > thead > tr > th:nth-child(3),
.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > tbody > tr > td:nth-child(3) {
    width: 96px !important;
}

.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > thead > tr > th:nth-child(4),
.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > tbody > tr > td:nth-child(4) {
    width: 170px !important;
}

.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > thead > tr > th:nth-child(5),
.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > tbody > tr > td:nth-child(5) {
    width: 170px !important;
}

.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > thead > tr > th:nth-child(6),
.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > tbody > tr > td:nth-child(6) {
    width: 135px !important;
}

.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > thead > tr > th:nth-child(7),
.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > tbody > tr > td:nth-child(7) {
    width: var(--product-selling-column-width, 135px) !important;
}

.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > thead > tr > th:nth-child(8),
.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > tbody > tr > td:nth-child(8) {
    width: 130px !important;
}

.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > thead > tr > th:nth-child(9),
.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > tbody > tr > td:nth-child(9),
.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > thead > tr > th:nth-child(10),
.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > tbody > tr > td:nth-child(10),
.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > thead > tr > th:nth-child(11),
.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > tbody > tr > td:nth-child(11) {
    width: 115px !important;
}

.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > thead > tr > th:nth-child(12),
.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > tbody > tr > td:nth-child(12),
.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > thead > tr > th:nth-child(13),
.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > tbody > tr > td:nth-child(13) {
    width: 90px !important;
}

.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > thead > tr > th:nth-child(n+14),
.modern-admin-theme.theme-dark #product_table_wrapper table.dataTable > tbody > tr > td:nth-child(n+14) {
    width: 120px !important;
}

.modern-admin-theme.theme-dark #product_table_wrapper .dataTables_scrollHead {
    position: relative;
    z-index: 3;
    overflow: hidden !important;
    border: 1px solid var(--gp-border);
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    background: #15171b;
    box-shadow: 0 7px 16px rgba(0, 0, 0, .22);
}

.modern-admin-theme.theme-dark #product_table_wrapper .dataTables_scrollHead::after {
    content: "";
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    bottom: 0;
    width: var(--product-table-scrollbar-width, 0);
    pointer-events: none;
    background: #15171b;
    border-left: 1px solid var(--gp-border);
}

.modern-admin-theme.theme-dark #product_table_wrapper .dataTables_scrollHeadInner,
.modern-admin-theme.theme-dark #product_table_wrapper .dataTables_scrollHeadInner table {
    background: #15171b;
}

.modern-admin-theme.theme-dark #product_table_wrapper .dataTables_scrollBody {
    position: relative;
    z-index: 1;
    border-top: 1px solid var(--gp-border) !important;
    border-radius: 0 0 10px 10px;
    scroll-snap-type: y proximity;
    scrollbar-width: thin;
    scrollbar-color: #4b5563 #101216;
}

.modern-admin-theme.theme-dark #product_table_wrapper .dataTables_scrollBody::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.modern-admin-theme.theme-dark #product_table_wrapper .dataTables_scrollBody::-webkit-scrollbar-track {
    background: #101216;
}

.modern-admin-theme.theme-dark #product_table_wrapper .dataTables_scrollBody::-webkit-scrollbar-thumb {
    min-width: 40px;
    min-height: 40px;
    border: 2px solid #101216;
    border-radius: 999px;
    background: #4b5563;
}

.modern-admin-theme.theme-dark #product_table_wrapper .dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

.modern-admin-theme.theme-dark #product_table_wrapper .dataTables_scrollBody::-webkit-scrollbar-corner {
    background: #101216;
}

.modern-admin-theme.theme-dark #product_table_wrapper .dataTables_scrollBody #product_table > tbody > tr {
    scroll-snap-align: start;
}

.modern-admin-theme.theme-dark #product_table > thead > tr > th:nth-child(1),
.modern-admin-theme.theme-dark #product_table > tbody > tr > td:nth-child(1) {
    width: 34px;
    min-width: 34px;
    text-align: center;
}

.modern-admin-theme.theme-dark #product_table > thead > tr > th:nth-child(2),
.modern-admin-theme.theme-dark #product_table > tbody > tr > td:nth-child(2) {
    width: 58px;
    min-width: 58px;
}

.modern-admin-theme.theme-dark #product_table > thead > tr > th:nth-child(3),
.modern-admin-theme.theme-dark #product_table > tbody > tr > td:nth-child(3) {
    width: 96px;
    min-width: 96px;
}

.modern-admin-theme.theme-dark #product_table > thead > tr > th:nth-child(4),
.modern-admin-theme.theme-dark #product_table > tbody > tr > td:nth-child(4) {
    width: 190px;
    min-width: 170px;
}

.modern-admin-theme.theme-dark #product_table > thead > tr > th:nth-child(5),
.modern-admin-theme.theme-dark #product_table > tbody > tr > td:nth-child(5) {
    width: 180px;
    min-width: 160px;
}

.modern-admin-theme.theme-dark #product_table .product-thumbnail-small {
    width: 44px;
    height: 44px;
    border: 1px solid #2b2e34;
    border-radius: 8px;
    background: #17191e;
    object-fit: contain;
}

.modern-admin-theme.theme-dark #product_table .product-name-compact {
    display: -webkit-box;
    max-width: 190px;
    overflow: hidden;
    color: #e2e5ea;
    font-weight: 550;
    line-height: 1.35;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.modern-admin-theme.theme-dark #product_table .product-location-summary {
    display: inline-flex;
    max-width: 180px;
    align-items: center;
    gap: 7px;
    padding: 4px 5px;
    border: 1px solid transparent;
    border-radius: 7px;
    color: #cbd0d8;
    cursor: help;
    outline: 0;
}

.modern-admin-theme.theme-dark #product_table .product-location-summary:hover,
.modern-admin-theme.theme-dark #product_table .product-location-summary:focus {
    border-color: #35445e;
    background: #151d2b;
}

.modern-admin-theme.theme-dark #product_table .product-location-primary {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.modern-admin-theme.theme-dark #product_table .product-location-more {
    flex: 0 0 auto;
    padding: 3px 7px;
    border: 1px solid #33486c;
    border-radius: 999px;
    background: #17243a;
    color: #91b7ff;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .02em;
    white-space: nowrap;
}

.modern-admin-theme.theme-dark #product_table .product-location-empty {
    color: #666e79;
}

.modern-admin-theme.theme-dark #product_table .btn-group > .btn {
    min-height: 32px;
    padding: 6px 10px;
}

.modern-admin-theme.theme-dark .pagination > li > a,
.modern-admin-theme.theme-dark .pagination > li > span {
    border-color: var(--gp-border);
    background: #121212;
    color: #aeb5c0;
}

.modern-admin-theme.theme-dark .pagination > li > a:hover,
.modern-admin-theme.theme-dark .pagination > li > a:focus {
    border-color: #3d4654;
    background: #1b1e24;
    color: #fff;
}

/* Dark navigation components */
.modern-admin-theme.theme-dark .nav-tabs-custom > .nav-tabs {
    border-color: var(--gp-border);
    background: #121212;
}

.modern-admin-theme.theme-dark .nav-tabs-custom > .nav-tabs > li > a {
    color: #979eaa;
}

.modern-admin-theme.theme-dark .nav-tabs-custom > .nav-tabs > li.active > a,
.modern-admin-theme.theme-dark .nav-tabs-custom > .nav-tabs > li > a:hover {
    color: #74a5ff;
}

.modern-admin-theme.theme-dark .nav-tabs-custom > .tab-content {
    background: var(--gp-surface);
    color: var(--gp-text);
}

.modern-admin-theme.theme-dark .dropdown-menu {
    border-color: var(--gp-border);
    background: #141519;
}

.modern-admin-theme.theme-dark .dropdown-menu > li > a {
    color: #c7cbd2;
}

.modern-admin-theme.theme-dark .dropdown-menu > li > a:hover,
.modern-admin-theme.theme-dark .dropdown-menu > li > a:focus {
    background: #1d2636;
    color: #fff;
}

.modern-admin-theme.theme-dark .dropdown-menu .divider {
    background: var(--gp-border);
}

.modern-admin-theme.theme-dark .main-header .user-menu > .dropdown-menu > .user-footer {
    background: #101114;
}

/* Dark overlays and feedback */
.modern-admin-theme.theme-dark .modal-content {
    border-color: #2c2f35;
    background: #0d0d0d;
    color: var(--gp-text);
}

.modern-admin-theme.theme-dark .modal-header,
.modern-admin-theme.theme-dark .modal-footer {
    border-color: var(--gp-border);
    background: #121212;
}

.modern-admin-theme.theme-dark .modal-title {
    color: var(--gp-text);
}

.modern-admin-theme.theme-dark .modal-header .close {
    color: #d3d6dc;
    text-shadow: none;
}

.modern-admin-theme.theme-dark .modal-body {
    background: #0d0d0d;
}

.modern-admin-theme.theme-dark .popover,
.modern-admin-theme.theme-dark .popover-title,
.modern-admin-theme.theme-dark .popover-content {
    border-color: var(--gp-border);
    background: #15171b;
    color: var(--gp-text);
}

.modern-admin-theme.theme-dark .popover.bottom > .arrow::after {
    border-bottom-color: #15171b;
}

.modern-admin-theme.theme-dark .daterangepicker,
.modern-admin-theme.theme-dark .datepicker,
.modern-admin-theme.theme-dark .bootstrap-datetimepicker-widget,
.modern-admin-theme.theme-dark .ui-autocomplete,
.modern-admin-theme.theme-dark .ui-menu {
    border-color: var(--gp-border);
    background: #141519;
    color: var(--gp-text);
}

.modern-admin-theme.theme-dark .daterangepicker td.off,
.modern-admin-theme.theme-dark .daterangepicker td.off.in-range,
.modern-admin-theme.theme-dark .daterangepicker td.off.start-date,
.modern-admin-theme.theme-dark .daterangepicker td.off.end-date,
.modern-admin-theme.theme-dark .daterangepicker .calendar-table,
.modern-admin-theme.theme-dark .datepicker table tr td.day:hover {
    background: #101114;
    color: #626976;
}

.modern-admin-theme.theme-dark .daterangepicker td.in-range {
    background: #16223a;
    color: #dbe7ff;
}

.modern-admin-theme.theme-dark .swal2-popup,
.modern-admin-theme.theme-dark .sweet-alert {
    background: #121212 !important;
    color: var(--gp-text) !important;
}

.modern-admin-theme.theme-dark .swal2-title,
.modern-admin-theme.theme-dark .swal2-content,
.modern-admin-theme.theme-dark .sweet-alert h2,
.modern-admin-theme.theme-dark .sweet-alert p {
    color: var(--gp-text) !important;
}

/* Charts */
.modern-admin-theme.theme-dark .highcharts-background,
.modern-admin-theme.theme-dark .highcharts-plot-background,
.modern-admin-theme.theme-dark .highcharts-plot-border {
    fill: #0d0d0d !important;
    stroke: #262626 !important;
}

.modern-admin-theme.theme-dark .highcharts-grid-line {
    stroke: #262a31 !important;
}

.modern-admin-theme.theme-dark .highcharts-axis-line,
.modern-admin-theme.theme-dark .highcharts-tick {
    stroke: #3a3e46 !important;
}

.modern-admin-theme.theme-dark .highcharts-root text,
.modern-admin-theme.theme-dark .highcharts-axis-labels text,
.modern-admin-theme.theme-dark .highcharts-legend-item text,
.modern-admin-theme.theme-dark .highcharts-title,
.modern-admin-theme.theme-dark .highcharts-subtitle {
    fill: #aeb5c0 !important;
    color: #aeb5c0 !important;
}

.modern-admin-theme.theme-dark .highcharts-legend-item-hidden text {
    fill: #555c67 !important;
}

.modern-admin-theme.theme-dark .highcharts-button-box {
    fill: #17191e !important;
}

.modern-admin-theme.theme-dark .highcharts-button-symbol {
    stroke: #aeb5c0 !important;
}

.modern-admin-theme.theme-dark .highcharts-menu {
    border-color: #34373d !important;
    background: #17191e !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .35) !important;
}

.modern-admin-theme.theme-dark .highcharts-menu-item {
    background: #17191e !important;
    color: #d7dbe1 !important;
}

.modern-admin-theme.theme-dark .highcharts-menu-item:hover {
    background: #202634 !important;
}

.modern-admin-theme.theme-dark .bg-white {
    background: #121212 !important;
}

.modern-admin-theme.theme-dark .bg-lightgray,
.modern-admin-theme.theme-dark .bg-gray {
    background: #17191e !important;
    color: var(--gp-text) !important;
}

.modern-admin-theme.theme-dark .btn-default {
    border-color: #373b43;
    background: #181a1f;
    color: #d5d9df;
}

.modern-admin-theme.theme-dark .btn-default:hover,
.modern-admin-theme.theme-dark .btn-default:focus {
    border-color: #4a515e;
    background: #22252c;
    color: #fff;
}

/* POS: focused two-panel dark workspace */
.modern-admin-theme.theme-dark.modern-pos-layout,
.modern-admin-theme.theme-dark.modern-pos-layout .wrapper {
    background: #050505;
}

.modern-admin-theme.theme-dark.modern-pos-layout .pos-header {
    min-height: 54px;
    border-bottom: 1px solid #262626;
    background: #0d0d0d;
    color: #d8dbe1;
}

.modern-admin-theme.theme-dark.modern-pos-layout .pos-header p,
.modern-admin-theme.theme-dark.modern-pos-layout .pos-header strong {
    color: #d8dbe1;
}

.modern-admin-theme.theme-dark.modern-pos-layout .pos-header .btn,
.modern-admin-theme.theme-dark.modern-pos-layout .pos-header .btn-primary,
.modern-admin-theme.theme-dark.modern-pos-layout .pos-header .btn-info,
.modern-admin-theme.theme-dark.modern-pos-layout .pos-header .btn-success,
.modern-admin-theme.theme-dark.modern-pos-layout .pos-header .bg-yellow,
.modern-admin-theme.theme-dark.modern-pos-layout .pos-header .bg-purple {
    border-color: #343943 !important;
    background: #1a1d23 !important;
    color: #dfe3e8 !important;
}

.modern-admin-theme.theme-dark.modern-pos-layout .pos-header .btn:hover,
.modern-admin-theme.theme-dark.modern-pos-layout .pos-header .btn:focus {
    border-color: #4f8cff !important;
    background: #202633 !important;
    color: #fff !important;
}

.modern-admin-theme.theme-dark.modern-pos-layout .pos-header .btn-danger,
.modern-admin-theme.theme-dark.modern-pos-layout .pos-header #close_register,
.modern-admin-theme.theme-dark.modern-pos-layout .pos-header #return_sale {
    border-color: #71343d !important;
    background: #51272e !important;
}

.modern-admin-theme.theme-dark.modern-pos-layout .pos-header #add_expense {
    border-color: #3d4970 !important;
    background: #252d48 !important;
}

.modern-admin-theme.theme-dark.modern-pos-layout .content {
    background: #050505;
}

.modern-admin-theme.theme-dark.modern-pos-layout .content > form > .row {
    margin-left: -6px;
    margin-right: -6px;
}

.modern-admin-theme.theme-dark.modern-pos-layout .box {
    border: 1px solid #262626;
    background: #0d0d0d;
    box-shadow: none !important;
}

.modern-admin-theme.theme-dark.modern-pos-layout .box .box-body {
    background: #0d0d0d;
}

.modern-admin-theme.theme-dark.modern-pos-layout .input-group .btn-default,
.modern-admin-theme.theme-dark.modern-pos-layout .input-group .bg-white {
    border-color: #34373d !important;
    background: #17191e !important;
    color: #aab2bd !important;
}

.modern-admin-theme.theme-dark.modern-pos-layout .input-group .text-primary {
    color: #74a5ff !important;
}

.modern-admin-theme.theme-dark.modern-pos-layout .pos_product_div {
    border: 1px solid #22252a;
    border-radius: 10px;
    background: #090a0c;
}

.modern-admin-theme.theme-dark.modern-pos-layout #pos_table {
    background: #090a0c;
}

.modern-admin-theme.theme-dark.modern-pos-layout #pos_table > thead > tr > th {
    height: 58px;
    border-color: #292c32;
    background: #15171b;
    color: #aeb5c0;
}

.modern-admin-theme.theme-dark.modern-pos-layout #pos_table > tbody > tr > td {
    border-color: #24272d;
    background: #0d0e11;
}

.modern-admin-theme.theme-dark.modern-pos-layout .pos_form_totals {
    border-top: 1px solid #262626;
    background: #0d0d0d;
    color: #bfc4cc;
}

.modern-admin-theme.theme-dark.modern-pos-layout .pos_form_totals .table > tbody > tr > td {
    border-color: #24272d;
    background: #0d0d0d;
    color: #bfc4cc;
}

.modern-admin-theme.theme-dark.modern-pos-layout #product_category_div,
.modern-admin-theme.theme-dark.modern-pos-layout #product_brand_div,
.modern-admin-theme.theme-dark.modern-pos-layout #feature_product_div {
    margin-bottom: 4px;
}

.modern-admin-theme.theme-dark.modern-pos-layout #product_list_body {
    padding-top: 4px;
}

.modern-admin-theme.theme-dark.modern-pos-layout .product_list {
    padding: 5px;
}

.modern-admin-theme.theme-dark.modern-pos-layout .product_box {
    overflow: hidden;
    min-height: 126px;
    border: 1px solid #24272d;
    border-radius: 10px;
    background: #111216;
    box-shadow: none;
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.modern-admin-theme.theme-dark.modern-pos-layout .product_box:hover {
    border-color: #4f8cff;
    background: #161a22;
    transform: translateY(-2px);
}

.modern-admin-theme.theme-dark.modern-pos-layout .product_box .image-container {
    position: relative;
    border-bottom: 1px solid #22252a;
    background-color: #17191e;
}

.modern-admin-theme.theme-dark.modern-pos-layout .product_box .image-container::after {
    position: absolute;
    inset: 0;
    content: "";
    background: rgba(0, 0, 0, .26);
    pointer-events: none;
}

.modern-admin-theme.theme-dark.modern-pos-layout .product_box .text_div {
    background: #111216;
    color: #d7dbe1;
}

.modern-admin-theme.theme-dark.modern-pos-layout .product_box .text,
.modern-admin-theme.theme-dark.modern-pos-layout .product_box small {
    color: #b9bec7 !important;
}

.modern-admin-theme.theme-dark.modern-pos-layout .pos-form-actions {
    border-top: 1px solid #2a2d33;
    background: rgba(10, 11, 13, .98);
    box-shadow: 0 -10px 30px rgba(0, 0, 0, .35);
}

.modern-admin-theme.theme-dark.modern-pos-layout .pos-form-actions .btn {
    border-color: #343943;
    background: #1a1d23;
    color: #dfe3e8 !important;
}

.modern-admin-theme.theme-dark.modern-pos-layout .pos-form-actions .btn:hover {
    border-color: #4b5361;
    background: #242831;
}

.modern-admin-theme.theme-dark.modern-pos-layout .pos-form-actions #pos-draft,
.modern-admin-theme.theme-dark.modern-pos-layout .pos-form-actions #pos-quotation,
.modern-admin-theme.theme-dark.modern-pos-layout .pos-form-actions [data-pay_method="credit_sale"],
.modern-admin-theme.theme-dark.modern-pos-layout .pos-form-actions [data-pay_method="card"],
.modern-admin-theme.theme-dark.modern-pos-layout .pos-form-actions #pos-finalize {
    border-color: #35445e !important;
    background: #182235 !important;
    color: #dce8ff !important;
}

.modern-admin-theme.theme-dark.modern-pos-layout .pos-form-actions [data-pay_method="cash"] {
    border-color: #167c62 !important;
    background: #12634f !important;
    color: #fff !important;
}

.modern-admin-theme.theme-dark.modern-pos-layout .pos-form-actions [data-pay_method="suspend"],
.modern-admin-theme.theme-dark.modern-pos-layout .pos-form-actions #pos-cancel,
.modern-admin-theme.theme-dark.modern-pos-layout .pos-form-actions #pos-delete {
    border-color: #71343d !important;
    background: #51272e !important;
    color: #fff !important;
}

.modern-admin-theme.theme-dark.modern-pos-layout .pos-form-actions #recent-transactions {
    border-color: #315a96 !important;
    background: #234a82 !important;
    color: #fff !important;
}

.modern-admin-theme.theme-dark.modern-pos-layout .pos-total {
    border: 1px solid #315d9e;
    border-radius: 9px;
    background: #152a4c !important;
    color: #fff;
}

.modern-admin-theme.theme-dark.modern-pos-layout .pos-total .text {
    color: #a9c8ff;
}

.modern-admin-theme.theme-dark.modern-pos-layout #total_payable,
.modern-admin-theme.theme-dark.modern-pos-layout .total_payable_span {
    color: #77e0bc !important;
}

.modern-admin-theme.theme-dark.modern-pos-layout .modal-content,
.modern-admin-theme.theme-dark.modern-pos-layout .payment_row {
    background: #0d0d0d !important;
}

@media (max-width: 767px) {
    .modern-admin-theme.theme-dark.modern-pos-layout .pos-header {
        min-height: 50px;
    }

    .modern-admin-theme.theme-dark.modern-pos-layout .content {
        padding: 8px !important;
    }

    .modern-admin-theme.theme-dark.modern-pos-layout .product_box {
        min-height: 112px;
    }

    .modern-admin-theme.theme-dark.modern-pos-layout .pos-form-actions .btn {
        margin-bottom: 5px;
    }

    .modern-admin-theme.theme-dark #product_table > tbody > tr {
        height: 62px;
    }

    .modern-admin-theme.theme-dark #product_table .product-thumbnail-small {
        width: 38px;
        height: 38px;
    }
}
