:root,
[data-bs-theme="light"] {
    --aw-font-small: .8125rem;
    --aw-font-control: .875rem;
    --aw-panel-space: 1.25rem;
    --aw-selected-bg: #e9f2ff;
    --aw-selected-row-bg: #f0f6ff;
    --aw-menu-bg: #f7f7f8;
    --aw-menu-active-bg: #eaeaed;
    --aw-menu-border: #e7e7ea;
    --aw-overlay-shadow: 0 4px 16px rgb(37 42 49 / 8%);
    --lte-sidebar-width: 280px;
    --lte-app-header-height: 56px;
    --bs-font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --bs-body-font-size: .9375rem;
    --bs-body-line-height: 1.5;
    --bs-body-color: #252a31;
    --bs-body-color-rgb: 37, 42, 49;
    --bs-body-bg: #fff;
    --bs-secondary-color: #596575;
    --bs-secondary-color-rgb: 89, 101, 117;
    --bs-secondary-bg: #f4f6f9;
    --bs-secondary-bg-rgb: 244, 246, 249;
    --bs-tertiary-bg: #f4f6f9;
    --bs-tertiary-bg-rgb: 244, 246, 249;
    --bs-border-color: #dce1e8;
    --bs-border-color-translucent: #dce1e8;
    --bs-primary: #0965d7;
    --bs-primary-rgb: 9, 101, 215;
    --bs-link-color: #0965d7;
    --bs-link-color-rgb: 9, 101, 215;
    --bs-link-hover-color: #084fa8;
    --bs-link-hover-color-rgb: 8, 79, 168;
    --bs-border-radius: .375rem;
    --bs-border-radius-sm: .375rem;
    --bs-border-radius-lg: .75rem;
    --bs-focus-ring-color: rgb(9 101 215 / 22%);
}

body { font-size: var(--bs-body-font-size); line-height: var(--bs-body-line-height); }
h1, h2, h3, h4, h5, h6, .h3, .h4, .h6 { font-weight: 600; line-height: 1.3; }
h1, .h3 { font-size: 1.5rem; }
h2, .h4 { font-size: 1.25rem; }
h3 { font-size: 1.125rem; }
h4, h5, h6, .h6 { font-size: .9375rem; }
small, .small { font-size: var(--aw-font-small); }

.app-header { min-height: var(--lte-app-header-height); padding: .5rem 0; border-bottom: 1px solid var(--bs-border-color); }
.app-header > .container-fluid { padding-inline: var(--aw-panel-space); }
.app-header .navbar-text { color: var(--bs-body-color); }
.app-header .btn-outline-secondary { --bs-btn-border-color: transparent; }
.app-header [data-lte-toggle="sidebar"], #user-menu > summary { width: 36px; height: 36px; padding: .5rem; justify-content: center; }
.app-header svg { width: 18px; height: 18px; vertical-align: middle; }
.app-header .form-select { background-color: var(--aw-menu-bg); border-color: transparent; }
.app-header .form-select:hover { border-color: var(--bs-border-color); }
.app-main .app-content-header { padding: var(--aw-panel-space) var(--aw-panel-space) 1rem; }
.app-main > .app-content { padding: 0 var(--aw-panel-space) var(--aw-panel-space); }
.app-main > .app-content-header > .container-fluid,
.app-main > .app-content > .container-fluid { padding-inline: 0; }

.app-sidebar[data-bs-theme="light"] {
    --bs-secondary-bg-rgb: 247, 247, 248;
    --lte-sidebar-color: #596575;
    --lte-sidebar-header-color: #596575;
    --lte-sidebar-hover-color: #252a31;
    --lte-sidebar-hover-bg: var(--aw-menu-active-bg);
    --lte-sidebar-menu-active-color: #252a31;
    --lte-sidebar-menu-active-bg: var(--aw-menu-active-bg);
    --lte-sidebar-submenu-color: #596575;
    --lte-sidebar-submenu-hover-color: #252a31;
    --lte-sidebar-submenu-hover-bg: var(--aw-menu-active-bg);
    --lte-sidebar-submenu-active-color: #252a31;
    --lte-sidebar-submenu-active-bg: var(--aw-menu-active-bg);
    border-right: 1px solid var(--aw-menu-border);
}
.sidebar-brand { height: var(--lte-app-header-height); justify-content: flex-start; padding: 0 1.25rem; border-bottom-color: var(--aw-menu-border); }
.sidebar-brand .brand-link { font-size: .9375rem; color: var(--bs-body-color); }
.sidebar-brand .brand-text { font-weight: 600 !important; }
.app-sidebar .sidebar-wrapper { padding: .75rem .625rem; }
.sidebar-wrapper .sidebar-menu .nav-header { padding: .5rem .625rem; font-size: .6875rem; letter-spacing: .06em; font-weight: 500; }
.sidebar-wrapper .sidebar-menu .nav-link { min-height: 36px; margin-bottom: 2px; padding: .5rem .625rem; border-radius: .5rem; font-size: var(--aw-font-control); line-height: 20px; }
.sidebar-wrapper .sidebar-menu > .nav-item.menu-open > .nav-link:not(:hover):not(:focus-visible) { color: var(--lte-sidebar-color); background: transparent; }
.sidebar-wrapper .sidebar-menu .nav-treeview { margin: 0 0 .375rem 1.125rem; padding-left: .375rem; border-left: 1px solid var(--aw-menu-border); }
.sidebar-wrapper .sidebar-menu .nav-treeview .nav-link.active { font-weight: 500; }
.sidebar-wrapper .sidebar-menu .nav-link p { display: flex; align-items: center; gap: .625rem; }
.sidebar-menu .source-icon { width: 16px; height: 16px; flex-shrink: 0; }
.sidebar-wrapper .sidebar-menu .nav-link .nav-arrow { width: 14px; height: 14px; top: 50%; }

.card {
    --bs-card-border-color: var(--bs-border-color);
    --bs-card-border-radius: .75rem;
    --bs-card-inner-border-radius: calc(var(--bs-card-border-radius) - 1px);
    --bs-card-cap-bg: #fff;
    --bs-card-spacer-x: var(--aw-panel-space);
    --bs-card-spacer-y: var(--aw-panel-space);
    --bs-card-cap-padding-x: var(--aw-panel-space);
    --bs-card-cap-padding-y: 1rem;
    margin-bottom: var(--aw-panel-space);
    box-shadow: none;
}
.card-title { color: var(--bs-body-color); font-size: 1.125rem; font-weight: 600; line-height: 1.4; }
.catalog-analysis-panel .card-title { font-size: 1.25rem; margin-bottom: .375rem; }
.card-header, .card-footer { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); background-color: #fff; border-color: var(--bs-border-color); }
.card-header.d-flex::after, .card-footer.d-flex::after, .store-catalog-header::after { display: none; }
.card-footer { color: var(--bs-secondary-color); }
.card:has(> .table) { min-width: min-content; }
.list-group { --bs-list-group-border-color: var(--bs-border-color); }
.list-group-item { padding: 1rem var(--aw-panel-space); }

.nav-tabs {
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-link-hover-border-color: transparent transparent var(--bs-border-color);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) #fff;
    --bs-nav-tabs-link-active-color: var(--bs-body-color);
    --bs-nav-tabs-border-radius: .5rem;
    gap: .5rem;
}
.nav-tabs .nav-link { padding: .625rem 1.25rem; }
.nav-tabs .nav-link:not(.active):hover { background-color: var(--aw-selected-bg); }

.table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-striped-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-hover-bg: #f4f7fc;
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-active-bg: var(--aw-selected-bg);
}
.table > :not(caption) > * > * { padding: .875rem 1.25rem; }
.table thead th { font-weight: 600; }
.table td.text-break { min-width: 8rem; }
.card > .table:last-child tr:last-child > :first-child { border-bottom-left-radius: var(--bs-card-inner-border-radius); }
.card > .table:last-child tr:last-child > :last-child { border-bottom-right-radius: var(--bs-card-inner-border-radius); }
.store-product-photo, .store-sku-photo { border-radius: var(--bs-border-radius); }
.pagination { --bs-pagination-color: var(--bs-link-color); --bs-pagination-disabled-color: var(--bs-secondary-color); --bs-pagination-font-size: var(--aw-font-control); }

.btn {
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-font-size: var(--aw-font-control);
    --bs-btn-line-height: 1.5;
    --bs-btn-padding-x: .875rem;
    --bs-btn-padding-y: .4375rem;
    box-shadow: none;
}
.btn-sm { --bs-btn-padding-x: .625rem; --bs-btn-padding-y: .3125rem; }
.btn-primary {
    --bs-btn-bg: #0965d7;
    --bs-btn-border-color: #0965d7;
    --bs-btn-hover-bg: #084fa8;
    --bs-btn-hover-border-color: #084fa8;
    --bs-btn-active-bg: #084fa8;
    --bs-btn-active-border-color: #084fa8;
    --bs-btn-disabled-bg: #0965d7;
    --bs-btn-disabled-border-color: #0965d7;
}
.btn-outline-secondary {
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-border-color: var(--bs-border-color);
    --bs-btn-hover-color: var(--bs-body-color);
    --bs-btn-hover-bg: var(--bs-tertiary-bg);
    --bs-btn-hover-border-color: #b6c1d0;
    --bs-btn-active-color: var(--bs-body-color);
    --bs-btn-active-bg: var(--aw-selected-bg);
    --bs-btn-active-border-color: #b6c1d0;
}
.form-control, .form-select { font-size: var(--aw-font-control); line-height: 1.5; padding-block: .4375rem; border-color: var(--bs-border-color); border-radius: var(--bs-border-radius); box-shadow: none; }
.form-control-sm, .form-select-sm { padding-block: .3125rem; }
textarea.form-control { font-size: var(--bs-body-font-size); padding: .75rem; }
.form-label { margin-bottom: .375rem; }
.form-control:focus, .form-select:focus { border-color: #0965d7; box-shadow: 0 0 0 .2rem var(--bs-focus-ring-color); }
.form-check-input { width: 16px; height: 16px; border-color: #a3adbb; }
.form-check-input:checked { background-color: #0965d7; border-color: #0965d7; }
.dropdown-menu { --bs-dropdown-border-color: var(--bs-border-color); --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); --bs-dropdown-font-size: var(--aw-font-control); padding: .375rem; }
.dropdown-item { border-radius: .25rem; padding: .5rem .75rem; }
#user-menu .shadow, .category-filter-menu.shadow { box-shadow: var(--aw-overlay-shadow) !important; }
.alert { border-radius: var(--bs-border-radius-lg); }
.text-warning { color: #8b570b !important; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid #0965d7; outline-offset: 3px; }

.login-box { width: min(24rem, calc(100vw - 2rem)); }
.login-box .card-outline { border-top-width: 1px; border-top-color: var(--bs-border-color); }
.login-card-body { color: var(--bs-body-color); border-radius: 0 0 .75rem .75rem; }
.login-box-msg { color: var(--bs-secondary-color); padding: 0 0 1.5rem; }

@media (max-width: 575.98px) {
    :root { --aw-panel-space: 1rem; }
    .app-header > .container-fluid { padding-inline: .75rem; }
    .app-main .app-content-header { padding-top: 1rem; }
    .nav-tabs { gap: 0; }
    .nav-tabs .nav-link { padding: .625rem .875rem; }
    .table > :not(caption) > * > * { padding: .75rem; }
}
