:root {
    --encore-primary: #111927;
    --encore-accent: #0d6efd;
    --encore-accent-dark: #0759d2;
    --encore-ink: #17253b;
    --encore-surface: #f5f9fc;
    --encore-border: #e0e7f0;
}
body, .content-wrapper { background-color: var(--encore-surface); color: var(--encore-ink); }
.main-header .navbar, .main-header .logo { background-color: #fff !important; border-bottom: 1px solid var(--encore-border); }
.main-header .navbar a, .main-header .navbar .sidebar-toggle { color: var(--encore-ink) !important; }
.main-header .navbar a:hover, .main-header .navbar .sidebar-toggle:hover { background: #eaf2ff !important; color: var(--encore-accent-dark) !important; }
.main-header .navbar a.btn { color: #fff !important; }
.main-header .navbar a.btn:hover { background: var(--encore-accent-dark) !important; border-color: var(--encore-accent-dark) !important; color: #fff !important; }
.main-header .logo .logo-lg img { max-width: 174px; max-height: 42px; object-fit: contain; }
.main-header .logo .logo-mini img { max-width: 36px; max-height: 36px; object-fit: contain; }
.main-header .logo .logo-lg { display: inline-flex; align-items: center; gap: 8px; }
.main-header .logo .logo-lg img { width: 42px; height: 42px; }
.narikabbo-brand-name { color: var(--encore-ink); font-size: 18px; font-weight: 700; }
.main-sidebar, .sidebar { background-color: var(--encore-primary) !important; }
.sidebar-menu > li > a, .sidebar-menu .treeview-menu > li > a { color: #c1cee1 !important; }
.sidebar-menu > li.active > a, .sidebar-menu > li > a:hover,
.sidebar-menu .treeview-menu > li.active > a { background: #1764d0 !important; border-left-color: #6faaff !important; color: #fff !important; }
.btn-success, .btn-primary, .pos-btn, .filterbutton, .bg-green, .bg-pase { background-color: var(--encore-accent) !important; border-color: var(--encore-accent) !important; color: #fff !important; }
.btn-success:hover, .btn-primary:hover, .pos-btn:hover, .filterbutton:hover { background-color: var(--encore-accent-dark) !important; border-color: var(--encore-accent-dark) !important; color: #fff !important; }
.btn-success, .btn-primary, .pos-btn, .filterbutton { border-radius: 8px; box-shadow: 0 4px 10px #0d6efd18; }
.small-box.bg-green, .small-box.bg-pase, .small-box.bg-bringal, .small-box.bg-darkgreen { background: #fff !important; color: #1d3556 !important; border: 1px solid var(--encore-border) !important; border-top: 3px solid #418afa !important; border-radius: 12px; box-shadow: 0 3px 12px #1b355708; }
.small-box h3, .small-box h4, .small-box p, .small-box .count-number { color: #1d3556 !important; }
.small-box .icon { color: #dceafe !important; }
.small-box > .small-box-footer { background: #f3f7fc !important; color: #526d90 !important; border-radius: 0 0 12px 12px; }
.small-box > .small-box-footer:hover { background: #eaf2ff !important; color: var(--encore-accent-dark) !important; }
.panel-bd, .login_wrapper { border-color: var(--encore-border) !important; border-radius: 12px; }
.panel-bd > .panel-heading, .box-header { border-color: var(--encore-border) !important; }
.panel-bd .panel-heading::before { border-top-color: #418afa; }
a { color: var(--encore-accent-dark); }
a:hover { color: var(--encore-accent); }
input[type=checkbox], input[type=radio] { accent-color: var(--encore-accent); }
.form-control:focus { border-color: #67a6ff; box-shadow: 0 0 0 3px #0d6efd12; }