:root {
    --ui-bg: #e9f1ff;
    --ui-surface: #ffffff;
    --ui-surface-2: #f4f7ff;
    --ui-border: #d7e3ff;
    --ui-border-soft: #e3ebff;
    --ui-text: #17306f;
    --ui-text-muted: #6178b7;
    --ui-primary: #245fff;
    --ui-primary-soft: #ebf2ff;
    --ui-success: #2f855a;
    --ui-warning: #b7791f;
    --ui-danger: #c05656;
    --ui-radius-sm: 4px;
    --ui-radius-md: 8px;
    --ui-radius-lg: 12px;
    --ui-shadow-soft: 0 12px 28px rgba(47, 93, 255, 0.14);
    --ui-sidebar: #112884;
    --ui-sidebar-muted: #f3f7ff;
    --ui-sidebar-hover: rgba(255, 255, 255, 0.12);
    --ui-gradient-start: #122d92;
    --ui-gradient-mid: #1f59ee;
    --ui-gradient-end: #23b3ff;
    --ui-gradient-soft: linear-gradient(135deg, #4f46e5 0%, #3b82f6 100%);
    --ui-gradient-main: linear-gradient(135deg, #122d92 0%, #1f59ee 52%, #23b3ff 100%);
    --ui-gradient-main-vertical: linear-gradient(180deg, #10277f 0%, #1d53df 46%, #0c2a90 100%);
}

/* 2. Body / content background */
body.sidebar-mini {
    background: linear-gradient(180deg, #e5efff 0%, #f6f9ff 100%);
    color: var(--ui-text);
}

body.sidebar-mini .thetop,
body.sidebar-mini .content-wrapper,
body.sidebar-mini #scrollable-container,
body.sidebar-mini .content {
    background: linear-gradient(180deg, #e5efff 0%, #f6f9ff 100%);
}

body.sidebar-mini .content-header {
    background: transparent;
    color: var(--ui-text);
}

body.sidebar-mini .content-header > h1 {
    color: var(--ui-text);
    font-weight: 600;
}

body.sidebar-mini .content-header > h1 > small,
body.sidebar-mini .content-header > .breadcrumb,
body.sidebar-mini .breadcrumb > .active,
body.sidebar-mini .breadcrumb a {
    color: var(--ui-text-muted);
}

body.sidebar-mini .content-header.content-header-custom {
    background: var(--ui-surface) !important;
    background-image: none !important;
    border: 1px solid var(--ui-border-soft);
    border-radius: var(--ui-radius-lg);
    box-shadow: var(--ui-shadow-soft);
    color: var(--ui-text) !important;
}

body.sidebar-mini .content-header.content-header-custom a,
body.sidebar-mini .content-header.content-header-custom h1,
body.sidebar-mini .content-header.content-header-custom small,
body.sidebar-mini .content-header.content-header-custom .breadcrumb,
body.sidebar-mini .content-header.content-header-custom .breadcrumb > .active {
    color: var(--ui-text) !important;
}

/* 3. Sidebar */
body.sidebar-mini .side-bar,
body.sidebar-mini .main-sidebar {
    background-color: #10277f !important;
    background-image:
        radial-gradient(circle at 14% 20%, rgba(255, 255, 255, 0.22) 0 2px, transparent 3px),
        radial-gradient(circle at 18% 52%, rgba(47, 225, 255, 0.2) 0 2px, transparent 3px),
        radial-gradient(circle at 78% 74%, rgba(255, 255, 255, 0.16) 0 2px, transparent 3px),
        radial-gradient(circle at 70% 18%, rgba(120, 102, 255, 0.18) 0, transparent 24%),
        var(--ui-gradient-main-vertical) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: none;
}

body.sidebar-mini .side-bar > a:first-child,
body.sidebar-mini .main-sidebar .logo {
    background: linear-gradient(135deg, #102675 0%, #1848cf 58%, #269fff 100%) !important;
    border-color: rgba(159, 202, 255, 0.36) !important;
    color: #ffffff !important;
}

body.sidebar-mini .side-bar .side-bar-heading {
    color: #ffffff;
}

body.sidebar-mini .main-sidebar .sidebar,
body.sidebar-mini #side-bar {
    background: transparent;
}

body.sidebar-mini #side-bar > a,
body.sidebar-mini #side-bar > div > .drop_down,
body.sidebar-mini .sidebar-menu > li > a {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(158, 197, 255, 0.18);
    border-radius: var(--ui-radius-md);
    color: var(--ui-sidebar-muted);
    transition:
        background-color 0.12s ease,
        border-color 0.12s ease,
        color 0.12s ease;
}

body.sidebar-mini #side-bar > a:hover,
body.sidebar-mini #side-bar > div > .drop_down:hover,
body.sidebar-mini .sidebar-menu > li > a:hover,
body.sidebar-mini .sidebar-menu > li.menu-open > a {
    background: linear-gradient(90deg, rgba(53, 110, 255, 0.68) 0%, rgba(45, 230, 255, 0.42) 100%);
    border-color: rgba(105, 224, 255, 0.54);
    color: #ffffff;
}

body.sidebar-mini #side-bar > a.tw-bg-gray-200,
body.sidebar-mini #side-bar > div.tw-bg-gray-200 > .drop_down,
body.sidebar-mini .sidebar-menu > li.active > a {
    background: linear-gradient(90deg, rgba(45, 106, 255, 0.86) 0%, rgba(68, 233, 255, 0.5) 100%);
    border-color: rgba(98, 230, 255, 0.66);
    color: #ffffff;
}

body.sidebar-mini #side-bar > div.tw-bg-gray-200 > .drop_down .svg,
body.sidebar-mini .sidebar-menu > li.active > a .pull-right-container,
body.sidebar-mini .sidebar-menu > li.active > a .fa-angle-left {
    color: #ffffff;
}

body.sidebar-mini #side-bar > div.tw-bg-gray-200 {
    background: transparent !important;
    color: inherit !important;
}

body.sidebar-mini #side-bar > div.tw-bg-gray-200 > .chiled,
body.sidebar-mini #side-bar > div.tw-bg-gray-200 > .chiled > .tw-space-y-3\.5 {
    background: transparent !important;
}

body.sidebar-mini .chiled > div:first-child {
    background: rgba(169, 203, 255, 0.34) !important;
}

body.sidebar-mini .chiled a,
body.sidebar-mini .treeview-menu > li > a {
    display: flex;
    align-items: center;
    min-height: 34px;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: var(--ui-radius-md);
    color: rgba(232, 238, 244, 0.76);
    transition:
        background-color 0.12s ease,
        border-color 0.12s ease,
        color 0.12s ease;
}

body.sidebar-mini .chiled.tw-pl-11 {
    padding-left: 1.75rem !important;
}

body.sidebar-mini .chiled a:hover,
body.sidebar-mini .treeview-menu > li > a:hover,
body.sidebar-mini .treeview-menu > li.active > a {
    background: linear-gradient(90deg, rgba(45, 106, 255, 0.34) 0%, rgba(68, 233, 255, 0.18) 100%);
    border-color: rgba(124, 210, 255, 0.28);
    color: #ffffff;
}

body.sidebar-mini .chiled a.tw-text-primary-700,
body.sidebar-mini .treeview-menu > li.active > a {
    background: linear-gradient(90deg, rgba(45, 106, 255, 0.72) 0%, rgba(68, 233, 255, 0.34) 100%);
    border-color: rgba(124, 210, 255, 0.44);
    color: #ffffff !important;
}

body.sidebar-mini .treeview-menu {
    background: rgba(17, 48, 144, 0.18) !important;
}

/* 4. Header / navbar */
body.sidebar-mini .mhead,
body.sidebar-mini .main-header .navbar,
body.sidebar-mini .main-header .logo {
    background: var(--ui-surface) !important;
    background-image: none !important;
    border-bottom: 1px solid rgba(144, 190, 255, 0.36);
    box-shadow: var(--ui-shadow-soft);
    color: var(--ui-text) !important;
}

body.sidebar-mini .mhead {
    background-color: #10277f !important;
    background-image:
        radial-gradient(circle at 88% 14%, rgba(39, 179, 255, 0.28) 0, transparent 22%),
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 0.12) 0, transparent 18%),
        linear-gradient(90deg, #10277f 0%, #1a46d0 44%, #23a8ff 100%) !important;
}

body.sidebar-mini .mhead::after {
    content: none;
}

body.sidebar-mini .mhead-wrap {
    padding: 10px 16px 12px;
}

body.sidebar-mini .mhead-row,
body.sidebar-mini .mhead-left,
body.sidebar-mini .mhead-right {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

body.sidebar-mini .mhead-row {
    justify-content: space-between;
}

body.sidebar-mini .main-header .navbar .nav > li > a,
body.sidebar-mini .main-header .navbar .sidebar-toggle,
body.sidebar-mini .main-header .logo,
body.sidebar-mini .main-header .navbar .navbar-nav > li > a > span,
body.sidebar-mini .main-header .navbar .navbar-nav > li > a {
    color: var(--ui-text) !important;
}

body.sidebar-mini .main-header .navbar .nav > li > a:hover,
body.sidebar-mini .main-header .navbar .sidebar-toggle:hover {
    background: var(--ui-surface-2) !important;
    color: var(--ui-text) !important;
}

body.sidebar-mini .mbtn,
body.sidebar-mini .mhead .notifications-menu > a.dropdown-toggle,
body.sidebar-mini .main-header .navbar .btn.btn-flat {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 9px 14px !important;
    border: 1px solid rgba(163, 202, 255, 0.32) !important;
    border-radius: var(--ui-radius-md);
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.12) 0%,
        rgba(255, 255, 255, 0.06) 100%
    );
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    transition:
        background-color 0.12s ease,
        border-color 0.12s ease,
        color 0.12s ease;
}

body.sidebar-mini .mbtn:hover,
body.sidebar-mini .mhead .notifications-menu > a.dropdown-toggle:hover,
body.sidebar-mini .main-header .navbar .btn.btn-flat:hover {
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.18) 0%,
        rgba(255, 255, 255, 0.1) 100%
    );
    border-color: rgba(190, 221, 255, 0.42);
    color: #ffffff !important;
}

body.sidebar-mini .mbtn-solid {
    background: linear-gradient(135deg, #4d68ff 0%, #6cb4ff 100%);
    border-color: rgba(177, 214, 255, 0.42);
    color: #ffffff !important;
}

body.sidebar-mini .mbtn-solid:hover {
    background: linear-gradient(135deg, #5871ff 0%, #80c2ff 100%);
    border-color: rgba(198, 226, 255, 0.48);
    color: #ffffff !important;
}

body.sidebar-mini .mhead .notifications-menu .label,
body.sidebar-mini .main-header .notifications-menu .label {
    border-radius: 999px;
    box-shadow: none;
}

/* 5. Boxes / cards */
body.sidebar-mini .box,
body.sidebar-mini .panel,
body.sidebar-mini .modal-content {
    background: var(--ui-surface);
    border: 1px solid var(--ui-border-soft);
    border-radius: var(--ui-radius-lg);
    box-shadow: 0 12px 28px rgba(56, 98, 255, 0.14);
}

body.sidebar-mini .box.box-primary,
body.sidebar-mini .panel.panel-primary {
    border-top-color: var(--ui-primary);
}

body.sidebar-mini .box.box-success,
body.sidebar-mini .panel.panel-success {
    border-top-color: var(--ui-success);
}

body.sidebar-mini .box.box-warning,
body.sidebar-mini .panel.panel-warning {
    border-top-color: var(--ui-warning);
}

body.sidebar-mini .box.box-danger,
body.sidebar-mini .panel.panel-danger {
    border-top-color: var(--ui-danger);
}

body.sidebar-mini .box-header,
body.sidebar-mini .box-footer,
body.sidebar-mini .panel-heading,
body.sidebar-mini .panel-header,
body.sidebar-mini .modal-header,
body.sidebar-mini .modal-footer {
    background: var(--ui-surface);
    border-color: var(--ui-border-soft);
    color: var(--ui-text);
}

body.sidebar-mini .box-header.with-border,
body.sidebar-mini .panel-heading,
body.sidebar-mini .panel-header,
body.sidebar-mini .modal-header {
    border-bottom: 1px solid var(--ui-border-soft);
}

body.sidebar-mini .box-title,
body.sidebar-mini .panel-title,
body.sidebar-mini .modal-title {
    color: var(--ui-text);
    font-weight: 600;
}

body.sidebar-mini .box-body,
body.sidebar-mini .panel-body {
    background: var(--ui-surface);
    color: var(--ui-text);
}

body.sidebar-mini .mdash {
    background: transparent;
    color: var(--ui-text);
    padding: 18px 18px 28px;
}

body.sidebar-mini .mdash .mdash-container {
    max-width: 1400px;
    margin: 0 auto;
}

body.sidebar-mini .mdash-hero {
    background-color: #16257f;
    background-image:
        radial-gradient(circle at 22% 22%, rgba(255, 255, 255, 0.1) 0 2px, transparent 3px),
        radial-gradient(circle at 78% 30%, rgba(255, 255, 255, 0.08) 0 2px, transparent 3px),
        radial-gradient(circle at 84% 0%, rgba(255, 255, 255, 0.16) 0, transparent 26%),
        linear-gradient(132deg, transparent 54%, rgba(255, 94, 198, 0.28) 68%, transparent 78%),
        linear-gradient(135deg, #17257e 0%, #2348d7 48%, #20adff 100%);
    border: 1px solid rgba(127, 181, 255, 0.34);
    border-radius: var(--ui-radius-lg);
    box-shadow: 0 18px 34px rgba(47, 93, 255, 0.2);
    padding: 20px 22px;
}

body.sidebar-mini .mdash-hero-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

body.sidebar-mini .mdash-title {
    margin: 0;
    color: #ffffff;
    font-size: clamp(22px, 2vw, 30px);
    font-weight: 600;
    letter-spacing: -0.01em;
}

body.sidebar-mini .mdash-sub {
    margin-top: 6px;
    color: rgba(241, 247, 255, 0.92);
    font-size: 13px;
}

body.sidebar-mini .mdash-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

body.sidebar-mini .mdash-pill {
    min-width: 240px;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

body.sidebar-mini .mdash-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid rgba(191, 214, 255, 0.68);
    border-radius: var(--ui-radius-md);
    background: #ffffff;
    color: #17306f;
    font-weight: 600;
    transition:
        background-color 0.12s ease,
        border-color 0.12s ease,
        color 0.12s ease;
}

body.sidebar-mini .mdash-btn:hover {
    background: #ffffff;
    border-color: rgba(191, 214, 255, 0.86);
    color: #17306f;
}

body.sidebar-mini .mdash-kpis,
body.sidebar-mini .md-panels {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 14px;
}

body.sidebar-mini .mdash-kpis,
body.sidebar-mini .md-panels {
    margin-top: 16px;
}

body.sidebar-mini .kpi,
body.sidebar-mini .panel {
    overflow: hidden;
}

body.sidebar-mini .kpi {
    grid-column: span 12;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px;
    background: var(--ui-surface);
    border: 1px solid var(--ui-border-soft);
    border-radius: var(--ui-radius-lg);
    box-shadow: 0 12px 26px rgba(53, 98, 255, 0.12);
    transition:
        background-color 0.12s ease,
        border-color 0.12s ease,
        color 0.12s ease;
}

body.sidebar-mini .kpi:hover {
    border-color: var(--ui-border);
}

body.sidebar-mini .kpi::before,
body.sidebar-mini .kpi-meter-fill::after {
    content: none;
}

body.sidebar-mini .kpi-left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

body.sidebar-mini .kpi-ico {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--ui-radius-md);
    border: 1px solid var(--ui-border-soft);
    background: var(--kpi-soft, var(--ui-surface-2));
    color: var(--kpi, var(--ui-primary));
}

body.sidebar-mini .kpi-ico svg {
    display: block;
    width: 22px !important;
    height: 22px !important;
}

body.sidebar-mini .kpi-meta {
    min-width: 0;
    width: 100%;
}

body.sidebar-mini .kpi-label {
    color: var(--ui-text-muted);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body.sidebar-mini .kpi-value {
    margin-top: 3px;
    color: var(--ui-text);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

body.sidebar-mini .kpi-hint,
body.sidebar-mini .kpi-right {
    color: var(--ui-text-muted);
    font-size: 12px;
    font-weight: 500;
}

body.sidebar-mini .kpi-meter {
    height: 8px;
    margin-top: 10px;
    border: 1px solid var(--ui-border-soft);
    border-radius: 999px;
    background: var(--ui-surface-2);
    overflow: hidden;
}

body.sidebar-mini .kpi-meter-fill {
    height: 100%;
    width: 0;
    background: var(--kpi, var(--ui-primary));
}

body.sidebar-mini .kpi-meter-meta {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 6px;
    color: var(--ui-text-muted);
    font-size: 11px;
    font-weight: 600;
}

body.sidebar-mini .kpi-meter-meta .pct {
    color: var(--kpi, var(--ui-primary));
}

body.sidebar-mini .kpi--sky {
    --kpi: #4a94ff;
    --kpi-soft: #e8f2ff;
}

body.sidebar-mini .kpi--green {
    --kpi: #397a57;
    --kpi-soft: #edf5ef;
}

body.sidebar-mini .kpi--yellow {
    --kpi: #9b7422;
    --kpi-soft: #f8f2e8;
}

body.sidebar-mini .kpi--red {
    --kpi: #a85c5c;
    --kpi-soft: #f8eded;
}

body.sidebar-mini .kpi--violet {
    --kpi: #8a6cff;
    --kpi-soft: #f2ecff;
}

body.sidebar-mini .kpi--slate {
    --kpi: #2649b9;
    --kpi-soft: #e8efff;
}

body.sidebar-mini .span-12 {
    grid-column: span 12;
}

body.sidebar-mini .span-6 {
    grid-column: span 12;
}

body.sidebar-mini .panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 14px 16px;
}

body.sidebar-mini .panel-sub {
    margin-top: 2px;
    color: var(--ui-text-muted);
    font-size: 12px;
}

body.sidebar-mini .panel-tools {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

body.sidebar-mini .panel-body {
    padding: 14px 16px;
}

body.sidebar-mini .chart-wrap {
    min-height: 320px;
    padding: 12px;
    border: 1px solid var(--ui-border-soft);
    border-radius: var(--ui-radius-md);
    background: var(--ui-surface-2);
}

body.sidebar-mini .ops-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

body.sidebar-mini .ops-chip {
    flex: 1 1 210px;
    min-width: 210px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--ui-border-soft);
    border-left-width: 3px;
    border-radius: var(--ui-radius-md);
    background: #f8fbff;
}

body.sidebar-mini .ops-label {
    color: var(--ui-text-muted);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body.sidebar-mini .ops-val {
    color: var(--ui-text);
    font-size: 20px;
    font-weight: 700;
}

body.sidebar-mini .ops-sky {
    border-left-color: #4a94ff;
}

body.sidebar-mini .ops-yellow {
    border-left-color: #9b7422;
}

body.sidebar-mini .ops-orange {
    border-left-color: #b46a2b;
}

body.sidebar-mini .ops-red {
    border-left-color: #a85c5c;
}

body.sidebar-mini .ops-green {
    border-left-color: #397a57;
}

body.sidebar-mini .ops-violet,
body.sidebar-mini .ops-slate {
    border-left-color: #8a6cff;
}

body.sidebar-mini .ops-teal {
    border-left-color: #2649b9;
}

body.sidebar-mini .ops-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

body.sidebar-mini .ops-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius-md);
    background: var(--ui-surface);
    color: var(--ui-text);
    font-weight: 600;
    text-decoration: none !important;
    transition:
        background-color 0.12s ease,
        border-color 0.12s ease,
        color 0.12s ease;
}

body.sidebar-mini .ops-btn:hover {
    background: var(--ui-surface-2);
    border-color: var(--ui-border);
    color: var(--ui-text);
}

/* 6. Buttons */
body.sidebar-mini .btn {
    border-radius: var(--ui-radius-md);
    box-shadow: none;
    font-weight: 600;
    transition:
        background-color 0.12s ease,
        border-color 0.12s ease,
        color 0.12s ease;
}

body.sidebar-mini .btn-default,
body.sidebar-mini .btn-flat,
body.sidebar-mini .btn.btn-default {
    background: var(--ui-surface);
    border-color: var(--ui-border);
    color: var(--ui-text);
}

body.sidebar-mini .btn-default:hover,
body.sidebar-mini .btn-flat:hover,
body.sidebar-mini .btn.btn-default:hover {
    background: var(--ui-surface-2);
    border-color: var(--ui-border);
    color: var(--ui-text);
}

body.sidebar-mini .btn-primary,
body.sidebar-mini .btn-info {
    background: var(--ui-gradient-soft);
    border-color: #4f46e5;
    color: #ffffff;
}

body.sidebar-mini .btn-primary:hover,
body.sidebar-mini .btn-info:hover,
body.sidebar-mini .btn-primary:focus,
body.sidebar-mini .btn-info:focus {
    background: linear-gradient(135deg, #5a52ef 0%, #4d8fff 100%);
    border-color: #4f46e5;
    color: #ffffff;
}

body.sidebar-mini .btn-success {
    background: var(--ui-success);
    border-color: var(--ui-success);
    color: #ffffff;
}

body.sidebar-mini .btn-success:hover,
body.sidebar-mini .btn-success:focus {
    background: #2b724d;
    border-color: #2b724d;
    color: #ffffff;
}

body.sidebar-mini .btn-warning {
    background: var(--ui-warning);
    border-color: var(--ui-warning);
    color: #ffffff;
}

body.sidebar-mini .btn-warning:hover,
body.sidebar-mini .btn-warning:focus {
    background: #9e6817;
    border-color: #9e6817;
    color: #ffffff;
}

body.sidebar-mini .btn-danger {
    background: var(--ui-danger);
    border-color: var(--ui-danger);
    color: #ffffff;
}

body.sidebar-mini .btn-danger:hover,
body.sidebar-mini .btn-danger:focus {
    background: #b24e4e;
    border-color: #b24e4e;
    color: #ffffff;
}

body.sidebar-mini .btn-link {
    color: var(--ui-primary);
}

/* 7. Forms / selects */
body.sidebar-mini .form-control,
body.sidebar-mini .input-group-addon,
body.sidebar-mini .select2-container--default .select2-selection--single,
body.sidebar-mini .select2-container--default .select2-selection--multiple {
    background: var(--ui-surface);
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius-md);
    box-shadow: none;
    color: var(--ui-text);
    transition:
        background-color 0.12s ease,
        border-color 0.12s ease,
        color 0.12s ease;
}

body.sidebar-mini .form-control::placeholder,
body.sidebar-mini
    .select2-container--default
    .select2-selection--single
    .select2-selection__placeholder {
    color: var(--ui-text-muted);
}

body.sidebar-mini .form-control:focus,
body.sidebar-mini .select2-container--default.select2-container--focus .select2-selection--multiple,
body.sidebar-mini .select2-container--default.select2-container--open .select2-selection--single {
    border-color: rgba(79, 70, 229, 0.34);
    box-shadow: none;
}

body.sidebar-mini .input-group-addon {
    background: var(--ui-surface-2);
    color: var(--ui-text-muted);
}

body.sidebar-mini .select2-container--default .select2-selection--single {
    height: 40px;
}

body.sidebar-mini .select2-selection__rendered {
    color: var(--ui-text) !important;
    line-height: 38px !important;
    padding-left: 12px !important;
}

body.sidebar-mini .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
}

body.sidebar-mini .select2-dropdown {
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius-md);
    box-shadow: 0 12px 24px rgba(57, 92, 242, 0.16);
}

body.sidebar-mini .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: var(--ui-primary-soft);
    color: var(--ui-primary);
}

body.sidebar-mini .mdash .select2-container {
    width: 100% !important;
}

/* 8. Tables */
body.sidebar-mini .table {
    background: var(--ui-surface);
    color: var(--ui-text);
}

body.sidebar-mini .table > thead > tr > th,
body.sidebar-mini .table > thead > tr > td,
body.sidebar-mini .table-bordered > thead > tr > th,
body.sidebar-mini .table-bordered > thead > tr > td {
    background: var(--ui-surface-2);
    border-bottom-color: var(--ui-border);
    color: var(--ui-text);
    font-weight: 600;
}

body.sidebar-mini .table-bordered,
body.sidebar-mini .table-bordered > thead > tr > th,
body.sidebar-mini .table-bordered > tbody > tr > th,
body.sidebar-mini .table-bordered > tfoot > tr > th,
body.sidebar-mini .table-bordered > thead > tr > td,
body.sidebar-mini .table-bordered > tbody > tr > td,
body.sidebar-mini .table-bordered > tfoot > tr > td,
body.sidebar-mini .table > tbody > tr > td,
body.sidebar-mini .table > tbody > tr > th {
    border-color: var(--ui-border-soft);
}

body.sidebar-mini .table-striped > tbody > tr:nth-of-type(odd) {
    background: #fbfcfd;
}

body.sidebar-mini .table-hover > tbody > tr:hover {
    background: var(--ui-primary-soft);
}

body.sidebar-mini .dataTables_wrapper .dataTables_filter input,
body.sidebar-mini .dataTables_wrapper .dataTables_length select {
    background: var(--ui-surface);
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius-sm);
    color: var(--ui-text);
}

body.sidebar-mini .dataTables_wrapper .dt-buttons .btn,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button,
body.sidebar-mini .dataTables_wrapper .dt-buttons button,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button {
    background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
    border: 1px solid #cfe0ff !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 18px rgba(68, 110, 255, 0.1) !important;
    color: #1d3f91 !important;
    background-image: linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
    text-shadow: none !important;
}

body.sidebar-mini .dataTables_wrapper .dt-buttons .btn.buttons-csv,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button.buttons-csv,
body.sidebar-mini .dataTables_wrapper .dt-buttons button.buttons-csv,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button.buttons-csv {
    background: linear-gradient(135deg, #f0fff8 0%, #d8faeb 100%) !important;
    background-image: linear-gradient(135deg, #f0fff8 0%, #d8faeb 100%) !important;
    border-color: #9ce7c8 !important;
    color: #0f8a5f !important;
}

body.sidebar-mini .dataTables_wrapper .dt-buttons .btn.buttons-excel,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button.buttons-excel,
body.sidebar-mini .dataTables_wrapper .dt-buttons button.buttons-excel,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button.buttons-excel {
    background: linear-gradient(135deg, #edfff6 0%, #ccf7e6 100%) !important;
    background-image: linear-gradient(135deg, #edfff6 0%, #ccf7e6 100%) !important;
    border-color: #8ee0bd !important;
    color: #087654 !important;
}

body.sidebar-mini .dataTables_wrapper .dt-buttons .btn.buttons-print,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button.buttons-print,
body.sidebar-mini .dataTables_wrapper .dt-buttons button.buttons-print,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button.buttons-print {
    background: linear-gradient(135deg, #eef2ff 0%, #dce7ff 100%) !important;
    background-image: linear-gradient(135deg, #eef2ff 0%, #dce7ff 100%) !important;
    border-color: #b4c6ff !important;
    color: #3c43c9 !important;
}

body.sidebar-mini .dataTables_wrapper .dt-buttons .btn.buttons-colvis,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button.buttons-colvis,
body.sidebar-mini .dataTables_wrapper .dt-buttons button.buttons-colvis,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button.buttons-colvis {
    background: linear-gradient(135deg, #eef7ff 0%, #dbeaff 100%) !important;
    background-image: linear-gradient(135deg, #eef7ff 0%, #dbeaff 100%) !important;
    border-color: #a7cbff !important;
    color: #2163d8 !important;
}

body.sidebar-mini .dataTables_wrapper .dt-buttons .btn.buttons-pdf,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button.buttons-pdf,
body.sidebar-mini .dataTables_wrapper .dt-buttons button.buttons-pdf,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button.buttons-pdf {
    background: linear-gradient(135deg, #fff1f4 0%, #ffe2e8 100%) !important;
    background-image: linear-gradient(135deg, #fff1f4 0%, #ffe2e8 100%) !important;
    border-color: #ffb1c0 !important;
    color: #d23a64 !important;
}

body.sidebar-mini .dataTables_wrapper .dt-buttons .btn.buttons-csv:hover,
body.sidebar-mini .dataTables_wrapper .dt-buttons .btn.buttons-csv:focus,
body.sidebar-mini .dataTables_wrapper .dt-buttons .btn.buttons-csv:active,
body.sidebar-mini .dataTables_wrapper .dt-buttons .btn.buttons-csv.active,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button.buttons-csv:hover,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button.buttons-csv:focus,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button.buttons-csv:active,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button.buttons-csv.active,
body.sidebar-mini .dataTables_wrapper .dt-buttons button.buttons-csv:hover,
body.sidebar-mini .dataTables_wrapper .dt-buttons button.buttons-csv:focus,
body.sidebar-mini .dataTables_wrapper .dt-buttons button.buttons-csv:active,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button.buttons-csv:hover,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button.buttons-csv:focus,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button.buttons-csv:active,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button.buttons-csv.active {
    background: linear-gradient(135deg, #dff9ed 0%, #c2f3dc 100%) !important;
    background-image: linear-gradient(135deg, #dff9ed 0%, #c2f3dc 100%) !important;
    border-color: #62d8a0 !important;
    color: #0a6e4b !important;
}

body.sidebar-mini .dataTables_wrapper .dt-buttons .btn.buttons-excel:hover,
body.sidebar-mini .dataTables_wrapper .dt-buttons .btn.buttons-excel:focus,
body.sidebar-mini .dataTables_wrapper .dt-buttons .btn.buttons-excel:active,
body.sidebar-mini .dataTables_wrapper .dt-buttons .btn.buttons-excel.active,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button.buttons-excel:hover,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button.buttons-excel:focus,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button.buttons-excel:active,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button.buttons-excel.active,
body.sidebar-mini .dataTables_wrapper .dt-buttons button.buttons-excel:hover,
body.sidebar-mini .dataTables_wrapper .dt-buttons button.buttons-excel:focus,
body.sidebar-mini .dataTables_wrapper .dt-buttons button.buttons-excel:active,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button.buttons-excel:hover,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button.buttons-excel:focus,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button.buttons-excel:active,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button.buttons-excel.active {
    background: linear-gradient(135deg, #daf9ea 0%, #baf0d6 100%) !important;
    background-image: linear-gradient(135deg, #daf9ea 0%, #baf0d6 100%) !important;
    border-color: #58ce98 !important;
    color: #086846 !important;
}

body.sidebar-mini .dataTables_wrapper .dt-buttons .btn.buttons-print:hover,
body.sidebar-mini .dataTables_wrapper .dt-buttons .btn.buttons-print:focus,
body.sidebar-mini .dataTables_wrapper .dt-buttons .btn.buttons-print:active,
body.sidebar-mini .dataTables_wrapper .dt-buttons .btn.buttons-print.active,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button.buttons-print:hover,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button.buttons-print:focus,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button.buttons-print:active,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button.buttons-print.active,
body.sidebar-mini .dataTables_wrapper .dt-buttons button.buttons-print:hover,
body.sidebar-mini .dataTables_wrapper .dt-buttons button.buttons-print:focus,
body.sidebar-mini .dataTables_wrapper .dt-buttons button.buttons-print:active,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button.buttons-print:hover,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button.buttons-print:focus,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button.buttons-print:active,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button.buttons-print.active {
    background: linear-gradient(135deg, #e2e9ff 0%, #cfdcff 100%) !important;
    background-image: linear-gradient(135deg, #e2e9ff 0%, #cfdcff 100%) !important;
    border-color: #93abff !important;
    color: #343bb4 !important;
}

body.sidebar-mini .dataTables_wrapper .dt-buttons .btn.buttons-colvis:hover,
body.sidebar-mini .dataTables_wrapper .dt-buttons .btn.buttons-colvis:focus,
body.sidebar-mini .dataTables_wrapper .dt-buttons .btn.buttons-colvis:active,
body.sidebar-mini .dataTables_wrapper .dt-buttons .btn.buttons-colvis.active,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button.buttons-colvis:hover,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button.buttons-colvis:focus,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button.buttons-colvis:active,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button.buttons-colvis.active,
body.sidebar-mini .dataTables_wrapper .dt-buttons button.buttons-colvis:hover,
body.sidebar-mini .dataTables_wrapper .dt-buttons button.buttons-colvis:focus,
body.sidebar-mini .dataTables_wrapper .dt-buttons button.buttons-colvis:active,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button.buttons-colvis:hover,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button.buttons-colvis:focus,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button.buttons-colvis:active,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button.buttons-colvis.active {
    background: linear-gradient(135deg, #ddeeff 0%, #c8e0ff 100%) !important;
    background-image: linear-gradient(135deg, #ddeeff 0%, #c8e0ff 100%) !important;
    border-color: #77adff !important;
    color: #1d52bb !important;
}

body.sidebar-mini .dataTables_wrapper .dt-buttons .btn.buttons-pdf:hover,
body.sidebar-mini .dataTables_wrapper .dt-buttons .btn.buttons-pdf:focus,
body.sidebar-mini .dataTables_wrapper .dt-buttons .btn.buttons-pdf:active,
body.sidebar-mini .dataTables_wrapper .dt-buttons .btn.buttons-pdf.active,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button.buttons-pdf:hover,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button.buttons-pdf:focus,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button.buttons-pdf:active,
body.sidebar-mini .dataTables_wrapper .dt-buttons .dt-button.buttons-pdf.active,
body.sidebar-mini .dataTables_wrapper .dt-buttons button.buttons-pdf:hover,
body.sidebar-mini .dataTables_wrapper .dt-buttons button.buttons-pdf:focus,
body.sidebar-mini .dataTables_wrapper .dt-buttons button.buttons-pdf:active,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button.buttons-pdf:hover,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button.buttons-pdf:focus,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button.buttons-pdf:active,
body.sidebar-mini .dataTables_wrapper .dt-buttons a.dt-button.buttons-pdf.active {
    background: linear-gradient(135deg, #ffe3ea 0%, #ffd4de 100%) !important;
    background-image: linear-gradient(135deg, #ffe3ea 0%, #ffd4de 100%) !important;
    border-color: #ff8ea7 !important;
    color: #bf274f !important;
}

/* Keep DataTables export button colors after JS rebuild */
body.sidebar-mini .dataTables_wrapper div.dt-buttons > .tw-dw-btn,
body.sidebar-mini .dataTables_wrapper div.dt-buttons > .tw-dw-btn.tw-dw-btn-outline,
body.sidebar-mini .dataTables_wrapper div.dt-buttons > .dt-button,
body.sidebar-mini .dataTables_wrapper div.dt-buttons > .btn {
    --dt-export-bg: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
    --dt-export-bg-color: #f7faff;
    --dt-export-border: #cfe0ff;
    --dt-export-text: #1d3f91;
    --btn-color: transparent !important;
    --tw-shadow: 0 8px 18px rgba(68, 110, 255, 0.1) !important;
    --tw-shadow-colored: 0 8px 18px rgba(68, 110, 255, 0.1) !important;
    animation: none !important;
    background: var(--dt-export-bg) !important;
    background-color: var(--dt-export-bg-color) !important;
    background-image: var(--dt-export-bg) !important;
    border: 1px solid var(--dt-export-border) !important;
    box-shadow: 0 8px 18px rgba(68, 110, 255, 0.1) !important;
    color: var(--dt-export-text) !important;
    filter: none !important;
    text-shadow: none !important;
}

body.sidebar-mini .dataTables_wrapper div.dt-buttons > .buttons-csv {
    --dt-export-bg: linear-gradient(135deg, #f0fff8 0%, #d8faeb 100%);
    --dt-export-bg-color: #d8faeb;
    --dt-export-border: #9ce7c8;
    --dt-export-text: #0f8a5f;
    --dt-export-bg-hover: linear-gradient(135deg, #dff9ed 0%, #c2f3dc 100%);
    --dt-export-bg-color-hover: #c2f3dc;
    --dt-export-border-hover: #62d8a0;
    --dt-export-text-hover: #0a6e4b;
    background: linear-gradient(135deg, #f0fff8 0%, #d8faeb 100%) !important;
    background-color: #d8faeb !important;
    background-image: linear-gradient(135deg, #f0fff8 0%, #d8faeb 100%) !important;
    border-color: #9ce7c8 !important;
    color: #0f8a5f !important;
}

body.sidebar-mini .dataTables_wrapper div.dt-buttons > .buttons-excel {
    --dt-export-bg: linear-gradient(135deg, #edfff6 0%, #ccf7e6 100%);
    --dt-export-bg-color: #ccf7e6;
    --dt-export-border: #8ee0bd;
    --dt-export-text: #087654;
    --dt-export-bg-hover: linear-gradient(135deg, #daf9ea 0%, #baf0d6 100%);
    --dt-export-bg-color-hover: #baf0d6;
    --dt-export-border-hover: #58ce98;
    --dt-export-text-hover: #086846;
    background: linear-gradient(135deg, #edfff6 0%, #ccf7e6 100%) !important;
    background-color: #ccf7e6 !important;
    background-image: linear-gradient(135deg, #edfff6 0%, #ccf7e6 100%) !important;
    border-color: #8ee0bd !important;
    color: #087654 !important;
}

body.sidebar-mini .dataTables_wrapper div.dt-buttons > .buttons-print {
    --dt-export-bg: linear-gradient(135deg, #eef2ff 0%, #dce7ff 100%);
    --dt-export-bg-color: #dce7ff;
    --dt-export-border: #b4c6ff;
    --dt-export-text: #3c43c9;
    --dt-export-bg-hover: linear-gradient(135deg, #e2e9ff 0%, #cfdcff 100%);
    --dt-export-bg-color-hover: #cfdcff;
    --dt-export-border-hover: #93abff;
    --dt-export-text-hover: #343bb4;
    background: linear-gradient(135deg, #eef2ff 0%, #dce7ff 100%) !important;
    background-color: #dce7ff !important;
    background-image: linear-gradient(135deg, #eef2ff 0%, #dce7ff 100%) !important;
    border-color: #b4c6ff !important;
    color: #3c43c9 !important;
}

body.sidebar-mini .dataTables_wrapper div.dt-buttons > .buttons-colvis {
    --dt-export-bg: linear-gradient(135deg, #eef7ff 0%, #dbeaff 100%);
    --dt-export-bg-color: #dbeaff;
    --dt-export-border: #a7cbff;
    --dt-export-text: #2163d8;
    --dt-export-bg-hover: linear-gradient(135deg, #ddeeff 0%, #c8e0ff 100%);
    --dt-export-bg-color-hover: #c8e0ff;
    --dt-export-border-hover: #77adff;
    --dt-export-text-hover: #1d52bb;
    background: linear-gradient(135deg, #eef7ff 0%, #dbeaff 100%) !important;
    background-color: #dbeaff !important;
    background-image: linear-gradient(135deg, #eef7ff 0%, #dbeaff 100%) !important;
    border-color: #a7cbff !important;
    color: #2163d8 !important;
}

body.sidebar-mini .dataTables_wrapper div.dt-buttons > .buttons-pdf {
    --dt-export-bg: linear-gradient(135deg, #fff1f4 0%, #ffe2e8 100%);
    --dt-export-bg-color: #ffe2e8;
    --dt-export-border: #ffb1c0;
    --dt-export-text: #d23a64;
    --dt-export-bg-hover: linear-gradient(135deg, #ffe3ea 0%, #ffd4de 100%);
    --dt-export-bg-color-hover: #ffd4de;
    --dt-export-border-hover: #ff8ea7;
    --dt-export-text-hover: #bf274f;
    background: linear-gradient(135deg, #fff1f4 0%, #ffe2e8 100%) !important;
    background-color: #ffe2e8 !important;
    background-image: linear-gradient(135deg, #fff1f4 0%, #ffe2e8 100%) !important;
    border-color: #ffb1c0 !important;
    color: #d23a64 !important;
}

body.sidebar-mini .dataTables_wrapper div.dt-buttons > .tw-dw-btn:hover,
body.sidebar-mini .dataTables_wrapper div.dt-buttons > .tw-dw-btn:focus,
body.sidebar-mini .dataTables_wrapper div.dt-buttons > .tw-dw-btn:active,
body.sidebar-mini .dataTables_wrapper div.dt-buttons > .tw-dw-btn.active,
body.sidebar-mini .dataTables_wrapper div.dt-buttons > .dt-button:hover:not(.disabled),
body.sidebar-mini .dataTables_wrapper div.dt-buttons > .dt-button:focus:not(.disabled),
body.sidebar-mini .dataTables_wrapper div.dt-buttons > .dt-button:active:not(.disabled),
body.sidebar-mini .dataTables_wrapper div.dt-buttons > .dt-button.active:not(.disabled),
body.sidebar-mini .dataTables_wrapper div.dt-buttons > .btn:hover,
body.sidebar-mini .dataTables_wrapper div.dt-buttons > .btn:focus,
body.sidebar-mini .dataTables_wrapper div.dt-buttons > .btn:active,
body.sidebar-mini .dataTables_wrapper div.dt-buttons > .btn.active {
    background: var(--dt-export-bg-hover, var(--dt-export-bg)) !important;
    background-color: var(--dt-export-bg-color-hover, var(--dt-export-bg-color)) !important;
    background-image: var(--dt-export-bg-hover, var(--dt-export-bg)) !important;
    border-color: var(--dt-export-border-hover, var(--dt-export-border)) !important;
    color: var(--dt-export-text-hover, var(--dt-export-text)) !important;
}

/* Global standard export button style using stable shared classes */
body.sidebar-mini
    .dataTables_wrapper
    div.dt-buttons.btn-group
    > a.tw-dw-btn.tw-dw-btn-outline.tw-dw-btn-xs,
body.sidebar-mini
    .dataTables_wrapper
    div.dt-buttons.btn-group
    > button.tw-dw-btn.tw-dw-btn-outline.tw-dw-btn-xs,
body.sidebar-mini
    .dataTables_wrapper
    div.dt-buttons.btn-group
    > a.dt-button.tw-dw-btn.tw-dw-btn-outline.tw-dw-btn-xs,
body.sidebar-mini
    .dataTables_wrapper
    div.dt-buttons.btn-group
    > button.dt-button.tw-dw-btn.tw-dw-btn-outline.tw-dw-btn-xs {
    --btn-color: transparent !important;
    background: linear-gradient(135deg, #4f46e5 0%, #3b82f6 100%) !important;
    background-color: #4f46e5 !important;
    background-image: linear-gradient(135deg, #4f46e5 0%, #3b82f6 100%) !important;
    border: 1px solid #4c6df1 !important;
    border-color: #4c6df1 !important;
    box-shadow: 0 8px 18px rgba(79, 70, 229, 0.18) !important;
    color: #ffffff !important;
    filter: none !important;
    text-shadow: none !important;
}

body.sidebar-mini
    .dataTables_wrapper
    div.dt-buttons.btn-group
    > a.tw-dw-btn.tw-dw-btn-outline.tw-dw-btn-xs:hover,
body.sidebar-mini
    .dataTables_wrapper
    div.dt-buttons.btn-group
    > a.tw-dw-btn.tw-dw-btn-outline.tw-dw-btn-xs:focus,
body.sidebar-mini
    .dataTables_wrapper
    div.dt-buttons.btn-group
    > a.tw-dw-btn.tw-dw-btn-outline.tw-dw-btn-xs:active,
body.sidebar-mini
    .dataTables_wrapper
    div.dt-buttons.btn-group
    > a.tw-dw-btn.tw-dw-btn-outline.tw-dw-btn-xs.active,
body.sidebar-mini
    .dataTables_wrapper
    div.dt-buttons.btn-group
    > button.tw-dw-btn.tw-dw-btn-outline.tw-dw-btn-xs:hover,
body.sidebar-mini
    .dataTables_wrapper
    div.dt-buttons.btn-group
    > button.tw-dw-btn.tw-dw-btn-outline.tw-dw-btn-xs:focus,
body.sidebar-mini
    .dataTables_wrapper
    div.dt-buttons.btn-group
    > button.tw-dw-btn.tw-dw-btn-outline.tw-dw-btn-xs:active,
body.sidebar-mini
    .dataTables_wrapper
    div.dt-buttons.btn-group
    > button.tw-dw-btn.tw-dw-btn-outline.tw-dw-btn-xs.active,
body.sidebar-mini
    .dataTables_wrapper
    div.dt-buttons.btn-group
    > a.dt-button.tw-dw-btn.tw-dw-btn-outline.tw-dw-btn-xs:hover,
body.sidebar-mini
    .dataTables_wrapper
    div.dt-buttons.btn-group
    > a.dt-button.tw-dw-btn.tw-dw-btn-outline.tw-dw-btn-xs:focus,
body.sidebar-mini
    .dataTables_wrapper
    div.dt-buttons.btn-group
    > a.dt-button.tw-dw-btn.tw-dw-btn-outline.tw-dw-btn-xs:active,
body.sidebar-mini
    .dataTables_wrapper
    div.dt-buttons.btn-group
    > a.dt-button.tw-dw-btn.tw-dw-btn-outline.tw-dw-btn-xs.active,
body.sidebar-mini
    .dataTables_wrapper
    div.dt-buttons.btn-group
    > button.dt-button.tw-dw-btn.tw-dw-btn-outline.tw-dw-btn-xs:hover,
body.sidebar-mini
    .dataTables_wrapper
    div.dt-buttons.btn-group
    > button.dt-button.tw-dw-btn.tw-dw-btn-outline.tw-dw-btn-xs:focus,
body.sidebar-mini
    .dataTables_wrapper
    div.dt-buttons.btn-group
    > button.dt-button.tw-dw-btn.tw-dw-btn-outline.tw-dw-btn-xs:active,
body.sidebar-mini
    .dataTables_wrapper
    div.dt-buttons.btn-group
    > button.dt-button.tw-dw-btn.tw-dw-btn-outline.tw-dw-btn-xs.active {
    background: linear-gradient(135deg, #4338ca 0%, #2563eb 100%) !important;
    background-color: #4338ca !important;
    background-image: linear-gradient(135deg, #4338ca 0%, #2563eb 100%) !important;
    border-color: #3f59dc !important;
    color: #ffffff !important;
}

body.sidebar-mini .tw-text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(159 159 159) !important;
}

/* 9. Modals / dropdowns / tabs / pagination */
body.sidebar-mini .modal-content {
    box-shadow: 0 12px 24px rgba(57, 92, 242, 0.16);
}

body.sidebar-mini .modal-header .close {
    color: var(--ui-text-muted);
    opacity: 1;
}

body.sidebar-mini .dropdown-menu,
body.sidebar-mini .mmenu,
body.sidebar-mini .navbar-nav > .user-menu > .dropdown-menu {
    background: var(--ui-surface);
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius-md);
    box-shadow: 0 12px 24px rgba(57, 92, 242, 0.16);
}

body.sidebar-mini .mmenu {
    position: absolute;
    right: 0;
    min-width: 220px;
    margin-top: 8px;
    padding: 6px 0;
}

body.sidebar-mini .mhead-right > details[open] {
    z-index: 40;
}

body.sidebar-mini .mhead-right > details > .mmenu {
    top: calc(100% + 8px);
    margin-top: 0;
    z-index: 41;
}

body.sidebar-mini .mmenu {
    overflow: hidden;
}

body.sidebar-mini .dropdown-menu > li > a,
body.sidebar-mini .mmenu a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    font-weight: 700;
    color: var(--ui-text);
    text-decoration: none;
    transition:
        background-color 0.12s ease,
        border-color 0.12s ease,
        color 0.12s ease;
}

body.sidebar-mini .dropdown-menu > li > a:hover,
body.sidebar-mini .dropdown-menu > li > a:focus,
body.sidebar-mini .mmenu a:hover {
    background: var(--ui-surface-2);
    color: var(--ui-text);
}

body.sidebar-mini .dropdown-menu .divider,
body.sidebar-mini .mmenu .mmenu-top {
    padding: 12px 12px 8px;
    border-color: var(--ui-border-soft);
    border-bottom: 1px solid var(--ui-border-soft);
}

body.sidebar-mini .mmenu .mmenu-top p {
    margin: 0;
}

body.sidebar-mini .navbar-nav > .user-menu > .dropdown-menu > .user-header {
    background: var(--ui-surface-2) !important;
    color: var(--ui-text) !important;
}

body.sidebar-mini .navbar-nav > .user-menu > .dropdown-menu > .user-header p {
    color: var(--ui-text) !important;
}

body.sidebar-mini .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background: var(--ui-surface);
    border-top: 1px solid var(--ui-border-soft);
}

body.sidebar-mini .nav-tabs {
    border-bottom: 1px solid var(--ui-border);
}

body.sidebar-mini .nav-tabs > li > a {
    border: 1px solid transparent;
    border-radius: var(--ui-radius-md) var(--ui-radius-md) 0 0;
    color: var(--ui-text-muted);
    font-weight: 600;
    transition:
        background-color 0.12s ease,
        border-color 0.12s ease,
        color 0.12s ease;
}

body.sidebar-mini .nav-tabs > li > a:hover,
body.sidebar-mini .nav-tabs > li > a:focus {
    background: var(--ui-surface-2);
    color: var(--ui-text);
}

body.sidebar-mini .nav-tabs > li.active > a,
body.sidebar-mini .nav-tabs > li.active > a:hover,
body.sidebar-mini .nav-tabs > li.active > a:focus {
    background: var(--ui-surface);
    border-color: var(--ui-border-soft) var(--ui-border-soft) var(--ui-surface);
    color: var(--ui-primary);
}

body.sidebar-mini .pagination > li > a,
body.sidebar-mini .pagination > li > span,
body.sidebar-mini .dataTables_wrapper .dataTables_paginate .paginate_button {
    background: var(--ui-surface);
    border: 1px solid var(--ui-border);
    color: var(--ui-text);
    border-radius: var(--ui-radius-sm);
    margin: 0 2px;
    transition:
        background-color 0.12s ease,
        border-color 0.12s ease,
        color 0.12s ease;
}

body.sidebar-mini .pagination > li > a:hover,
body.sidebar-mini .pagination > li > span:hover,
body.sidebar-mini .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--ui-surface-2);
    border-color: var(--ui-border);
    color: var(--ui-text);
}

body.sidebar-mini .pagination > .active > a,
body.sidebar-mini .pagination > .active > span,
body.sidebar-mini .pagination > .active > a:hover,
body.sidebar-mini .pagination > .active > span:hover,
body.sidebar-mini .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--ui-primary);
    border-color: var(--ui-primary);
    color: #ffffff !important;
}

/* 10. Tiny module-safe refinements */
body.sidebar-mini .label {
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    padding: 0.3em 0.6em;
}

body.sidebar-mini .label-default {
    background: #eef1f5;
    color: #5d6776;
}

body.sidebar-mini .label-primary,
body.sidebar-mini .label-info {
    background: var(--ui-primary);
}

body.sidebar-mini .label-success {
    background: var(--ui-success);
}

body.sidebar-mini .label-warning {
    background: var(--ui-warning);
}

body.sidebar-mini .label-danger {
    background: var(--ui-danger);
}

body.sidebar-mini .info-box.info-box-new-style {
    transform: none !important;
    transition:
        background-color 0.12s ease,
        border-color 0.12s ease,
        color 0.12s ease !important;
    border: 1px solid var(--ui-border-soft);
    border-radius: var(--ui-radius-lg);
    box-shadow: var(--ui-shadow-soft) !important;
    background: var(--ui-surface);
}

body.sidebar-mini .info-box.info-box-new-style:hover {
    transform: none !important;
}

body.sidebar-mini .info-box.info-box-new-style .info-box-icon {
    border-radius: var(--ui-radius-md);
    box-shadow: none !important;
}

body.sidebar-mini .info-box.info-box-new-style .info-box-text {
    color: var(--ui-text-muted);
}

body.sidebar-mini .info-box.info-box-new-style .info-box-number {
    color: var(--ui-text);
}

@media (min-width: 640px) {
    body.sidebar-mini .kpi {
        grid-column: span 6;
    }
}

@media (min-width: 1024px) {
    body.sidebar-mini .span-6 {
        grid-column: span 6;
    }
}

@media (min-width: 1200px) {
    body.sidebar-mini .kpi {
        grid-column: span 3;
    }
}