/**
 * DigitalManager — bundled theme (load LAST after custom.css / admin_theme.css)
 * Companion: dm-app-theme-new.css (load immediately after this file for page-specific polish).
 * Sources merged from:
 *   assets/css/global-app-theme.css
 *   assets/css/sidebar-newtheme.css
 *   assets/css/dashboard-newtheme.css
 * Plus AdminLTE 2 + Bootstrap 3 bridge (this project’s markup).
 */

/* =============================================================================
   FROM: global-app-theme.css (unchanged rules)
   ============================================================================= */
/**
 * DigitalManager — Global application theme (loaded on all layout.default pages)
 * One layer over AdminLTE + Bootstrap 4. Does not change backend.
 * Tweak :root variables below to rebrand in one place.
 */
body.dm-app-theme {
    --dm-primary: #ff6900;
    --dm-primary-hover: #e65e00;
    --dm-primary-soft: rgba(255, 105, 0, 0.12);
    --dm-slate-900: #0f172a;
    --dm-slate-800: #1e293b;
    --dm-slate-600: #475569;
    --dm-slate-500: #64748b;
    --dm-border: #e2e8f0;
    --dm-border-strong: #cbd5e1;
    --dm-surface: #ffffff;
    --dm-canvas: #f1f5f9;
    --dm-radius: 10px;
    --dm-radius-sm: 6px;
    --dm-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
    --dm-shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08);
    --dm-font: "Inter";
    /* Typography scale (Inter): readable, consistent hierarchy */
    --dm-text-caption: 0.75rem;
    --dm-text-label: 0.8125rem;
    --dm-text-ui: 0.875rem;
    --dm-text-title-sm: 0.9375rem;
    --dm-text-table-th: 0.75rem;
}

body.dm-app-theme,
body.dm-app-theme .wrapper {
    font-family: var(--dm-font);
    font-size: var(--dm-text-ui, 14px);
    color: var(--dm-slate-800);
    -webkit-font-smoothing: antialiased;
}

/* -------- Main layout canvas -------- */
body.dm-app-theme .content-wrapper {
    background: var(--dm-canvas) !important;
}

body.dm-app-theme .content-header {
    padding: 1rem 1.25rem 0;
}

body.dm-app-theme .content-header h1 {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--dm-slate-900);
}

body.dm-app-theme .content {
    padding: 0.75rem 1rem 1.5rem;
}

/* -------- Top navbar -------- */
body.dm-app-theme .main-header.navbar {
    background: var(--dm-surface) !important;
    border-bottom: 1px solid var(--dm-border) !important;
    box-shadow: var(--dm-shadow);
}

body.dm-app-theme .main-header .nav-link {
    color: var(--dm-slate-600) !important;
    font-weight: 500;
    border-radius: var(--dm-radius-sm);
    margin: 0 2px;
}

body.dm-app-theme .main-header .nav-link:hover {
    color: var(--dm-primary) !important;
    background: var(--dm-primary-soft);
}

/* -------- Cards -------- */
body.dm-app-theme .card {
    border: 1px solid var(--dm-border) !important;
    border-radius: var(--dm-radius) !important;
    box-shadow: var(--dm-shadow-md) !important;
    overflow: hidden;
    margin-bottom: 1rem;
}

body.dm-app-theme .card.shadow,
body.dm-app-theme .card.shadow-sm {
    box-shadow: var(--dm-shadow-md) !important;
}

body.dm-app-theme .card-header {
    background: #f1f5f9 !important;
    border-bottom: 2px solid var(--dm-primary) !important;
    padding: 0.65rem 1rem !important;
    font-weight: 600;
    color: var(--dm-slate-900) !important;
}

body.dm-app-theme .card-header .card-title,
body.dm-app-theme .card-title {
    font-size: var(--dm-text-title-sm) !important;
    font-weight: 700 !important;
    color: var(--dm-slate-900) !important;
}

body.dm-app-theme .card-body {
    background: var(--dm-surface);
}

body.dm-app-theme .card-tools .btn-tool {
    color: var(--dm-slate-500);
}

body.dm-app-theme .card-tools .btn-tool:hover {
    color: var(--dm-primary);
}

/* -------- Buttons -------- */
body.dm-app-theme .btn {
    border-radius: var(--dm-radius-sm) !important;
    font-weight: 600 !important;
    font-size: 0.8125rem !important;
    padding: 0.45rem 0.9rem !important;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
}

body.dm-app-theme .btn-sm {
    padding: 0.3rem 0.65rem !important;
    font-size: 0.75rem !important;
}

body.dm-app-theme .btn-lg {
    padding: 0.55rem 1.15rem !important;
    font-size: 0.9rem !important;
}

body.dm-app-theme .btn-primary,
body.dm-app-theme .btn-outline-primary:hover {
    background: var(--dm-primary) !important;
    border-color: var(--dm-primary) !important;
    color: #fff !important;
}

body.dm-app-theme .btn-primary:hover,
body.dm-app-theme .btn-primary:focus {
    background: var(--dm-primary-hover) !important;
    border-color: var(--dm-primary-hover) !important;
    color: #fff !important;
}

body.dm-app-theme .btn-outline-primary {
    color: var(--dm-primary) !important;
    border-color: var(--dm-primary) !important;
    background: transparent !important;
}

body.dm-app-theme .btn-success,
body.dm-app-theme .btn-outline-success:hover {
    background: var(--dm-primary) !important;
    border-color: var(--dm-primary) !important;
    color: #fff !important;
}

body.dm-app-theme .btn-outline-success {
    color: #e65e00 !important;
    border-color: var(--dm-primary) !important;
    background: transparent !important;
}

body.dm-app-theme .btn-success:hover {
    background: var(--dm-primary-hover) !important;
}

body.dm-app-theme .btn-warning {
    background: #f59e0b !important;
    border-color: #f59e0b !important;
    color: #1e293b !important;
}

body.dm-app-theme .btn-danger {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
}

body.dm-app-theme .btn-secondary,
body.dm-app-theme .btn-default {
    background: var(--dm-slate-500) !important;
    border-color: var(--dm-slate-500) !important;
    color: #fff !important;
}

body.dm-app-theme .btn-info {
    background: #0ea5e9 !important;
    border-color: #0ea5e9 !important;
}

/* -------- Forms -------- */
body.dm-app-theme .form-control,
body.dm-app-theme select.form-control {
    border: 1px solid var(--dm-border-strong) !important;
    border-radius: var(--dm-radius-sm) !important;
    min-height: 36px;
    font-size: var(--dm-text-ui, 14px);
    color: var(--dm-slate-800);
    background: var(--dm-surface) !important;
}

body.dm-app-theme .form-control:focus {
    border-color: var(--dm-primary) !important;
    box-shadow: 0 0 0 3px var(--dm-primary-soft) !important;
}

body.dm-app-theme .form-group label,
body.dm-app-theme label:not(.btn):not(.custom-file-label) {
    font-weight: 600;
    font-size: var(--dm-text-label);
    color: var(--dm-slate-600);
    margin-bottom: 0.35rem;
    letter-spacing: 0.01em;
}

body.dm-app-theme .control-label,
body.dm-app-theme label.col-form-label {
    font-size: var(--dm-text-label) !important;
    color: var(--dm-slate-600) !important;
    font-weight: 600 !important;
}

body.dm-app-theme .input-group-text {
    background: #f8fafc;
    border-color: var(--dm-border-strong);
    color: var(--dm-slate-600);
    border-radius: var(--dm-radius-sm);
    font-size: var(--dm-text-ui, 14px);
}

body.dm-app-theme .custom-select {
    border-radius: var(--dm-radius-sm);
    border-color: var(--dm-border-strong);
    min-height: 36px;
    font-size: var(--dm-text-ui, 14px);
}

body.dm-app-theme .help-block,
body.dm-app-theme .form-text,
body.dm-app-theme .form-group small,
body.dm-app-theme .form-group .text-muted {
    font-size: var(--dm-text-caption);
    color: var(--dm-slate-500);
    line-height: 1.45;
}

body.dm-app-theme legend {
    font-size: var(--dm-text-title-sm);
    font-weight: 700;
    color: var(--dm-slate-900);
    margin-bottom: 0.75rem;
    border-bottom: 0;
}

body.dm-app-theme .box-header .box-title,
body.dm-app-theme .box-header.with-border .box-title {
    font-size: var(--dm-text-title-sm);
    font-weight: 700;
}

body.dm-app-theme .panel-title,
body.dm-app-theme .panel-heading .panel-title {
    font-size: var(--dm-text-title-sm) !important;
    font-weight: 700 !important;
}

body.dm-app-theme .list-group-item {
    font-size: var(--dm-text-ui, 14px);
}

/* -------- Tables -------- */
body.dm-app-theme .table {
    font-size: var(--dm-text-ui, 14px);
    color: var(--dm-slate-800);
}

body.dm-app-theme .table thead th {
    background: #e2e8f0 !important;
    color: var(--dm-slate-900) !important;
    font-weight: 700 !important;
    font-size: var(--dm-text-table-th) !important;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    border-color: var(--dm-border) !important;
    vertical-align: middle !important;
    padding: 0.65rem 0.75rem !important;
}

body.dm-app-theme .table-bordered th,
body.dm-app-theme .table-bordered td {
    border-color: var(--dm-border) !important;
}

body.dm-app-theme .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(241, 245, 249, 0.65) !important;
}

body.dm-app-theme .table-hover tbody tr:hover {
    background-color: var(--dm-primary-soft) !important;
}

/* DataTables */
body.dm-app-theme .dataTables_wrapper .dataTables_length select,
body.dm-app-theme .dataTables_wrapper .dataTables_filter input {
    border-radius: var(--dm-radius-sm);
    border: 1px solid var(--dm-border-strong);
    padding: 0.35rem 0.5rem;
    font-size: var(--dm-text-ui, 14px);
}

body.dm-app-theme .dataTables_wrapper .dataTables_info,
body.dm-app-theme .dataTables_wrapper .dataTables_length,
body.dm-app-theme .dataTables_wrapper .dataTables_filter label,
body.dm-app-theme .dataTables_wrapper .dataTables_length label {
    font-size: var(--dm-text-caption);
    color: var(--dm-slate-600);
}

body.dm-app-theme .page-item.active .page-link {
    background: var(--dm-primary) !important;
    border-color: var(--dm-primary) !important;
}

body.dm-app-theme .page-link {
    color: var(--dm-slate-800);
    border-radius: var(--dm-radius-sm);
}

body.dm-app-theme .page-link:hover {
    color: var(--dm-primary);
}

/* -------- Modals -------- */
body.dm-app-theme .modal-content {
    border: none;
    border-radius: 12px !important;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.18);
}

body.dm-app-theme .modal-header {
    border-bottom: 1px solid var(--dm-border);
    background: #f1f5f9;
    border-radius: 12px 12px 0 0;
}

body.dm-app-theme .modal-title {
    font-weight: 700;
    color: var(--dm-slate-900);
    font-size: 1.0625rem;
}

body.dm-app-theme .modal-footer {
    border-top: 1px solid var(--dm-border);
    background: #f8fafc;
    border-radius: 0 0 12px 12px;
}

/* -------- Alerts & badges -------- */
body.dm-app-theme .alert {
    border-radius: var(--dm-radius-sm);
    border: none;
    font-weight: 500;
}

body.dm-app-theme .badge-primary {
    background: var(--dm-primary) !important;
}

/* -------- Nav tabs / pills (in content) -------- */
body.dm-app-theme .nav-tabs .nav-link {
    border-radius: var(--dm-radius-sm) var(--dm-radius-sm) 0 0;
    font-weight: 600;
    color: var(--dm-slate-500);
}

body.dm-app-theme .nav-tabs .nav-link.active {
    color: var(--dm-primary) !important;
    border-color: var(--dm-border) var(--dm-border) var(--dm-surface);
    font-weight: 700;
}

body.dm-app-theme .nav-pills .nav-link.active {
    background: var(--dm-primary) !important;
}

/* -------- Breadcrumb -------- */
body.dm-app-theme .breadcrumb {
    background: transparent;
    padding: 0.25rem 0;
    margin-bottom: 0.5rem;
}

/* -------- Info boxes (dashboard widgets) -------- */
body.dm-app-theme .info-box {
    border-radius: var(--dm-radius);
    border: 1px solid var(--dm-border);
    box-shadow: var(--dm-shadow);
    overflow: hidden;
}

body.dm-app-theme .info-box-icon {
    border-radius: var(--dm-radius-sm) 0 0 var(--dm-radius-sm);
}

/* -------- Chosen / Select2 containers (common) -------- */
body.dm-app-theme .select2-container--bootstrap4 .select2-selection {
    border-color: var(--dm-border-strong) !important;
    border-radius: var(--dm-radius-sm) !important;
    min-height: 36px;
}

body.dm-app-theme .chzn-container-single .chzn-single {
    border-radius: var(--dm-radius-sm) !important;
    border-color: var(--dm-border-strong) !important;
    min-height: 34px;
    line-height: 32px !important;
}

/* -------- Footer -------- */
body.dm-app-theme .main-footer {
    background: var(--dm-surface) !important;
    border-top: 1px solid var(--dm-border) !important;
    color: var(--dm-slate-500);
    font-size: 0.8125rem;
}

/* -------- Small text / muted -------- */
body.dm-app-theme .text-muted {
    color: var(--dm-slate-500) !important;
}

/* -------- Links in content -------- */
body.dm-app-theme .content a:not(.btn):not(.nav-link):not(.page-link):not(.dropdown-item) {
    color: #e65e00;
    font-weight: 500;
}

body.dm-app-theme .content a:not(.btn):not(.nav-link):not(.page-link):not(.dropdown-item):hover {
    color: var(--dm-primary);
}

/* =============================================================================
   AdminLTE 2 + Bootstrap 3 bridge (same tokens as global-app-theme.css)
   ============================================================================= */
body.dm-app-theme.skin-blue .wrapper,
body.dm-app-theme.skin-blue .left-side {
    background-color: var(--dm-canvas) !important;
}

/* AL2: header is <header><nav class="navbar navbar-static-top"> — not .main-header.navbar */
body.dm-app-theme .main-header .navbar.navbar-static-top {
    background: var(--dm-surface) !important;
    border-bottom: 1px solid var(--dm-border) !important;
    box-shadow: var(--dm-shadow);
}

body.dm-app-theme.skin-blue .main-header .navbar .nav > li > a {
    color: var(--dm-slate-600) !important;
    font-weight: 500;
    border-radius: var(--dm-radius-sm);
    margin: 0 2px;
}

body.dm-app-theme.skin-blue .main-header .navbar .nav > li > a:hover,
body.dm-app-theme.skin-blue .main-header .navbar .nav > li > a:active,
body.dm-app-theme.skin-blue .main-header .navbar .nav > li > a:focus {
    color: var(--dm-primary) !important;
    background: var(--dm-primary-soft) !important;
}

body.dm-app-theme.skin-blue .main-header .logo {
    background-color: var(--dm-surface) !important;
    color: var(--dm-slate-900) !important;
    border-bottom: 1px solid var(--dm-border) !important;
}

body.dm-app-theme.skin-blue .main-header .logo:hover {
    background-color: #f8fafc !important;
}

body.dm-app-theme.skin-blue .main-header .navbar .sidebar-toggle {
    color: var(--dm-slate-600) !important;
}

body.dm-app-theme.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background: var(--dm-primary-soft) !important;
    color: var(--dm-primary) !important;
}

body.dm-app-theme .main-header .dm-header-link {
    color: var(--dm-slate-600) !important;
    font-weight: 500;
}

body.dm-app-theme .main-header .dm-header-link:hover {
    color: var(--dm-primary) !important;
    background: var(--dm-primary-soft) !important;
}

body.dm-app-theme .dm-main-nav {
    display: inline-flex !important;
    align-items: center;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

body.dm-app-theme .dm-main-nav-left {
    margin-top: 15px;
}

body.dm-app-theme .dm-main-nav-right {
    margin-top: 3px;
}

/* BS3: input-group-addon mirrors .input-group-text */
body.dm-app-theme .input-group-addon {
    background: #f8fafc !important;
    border-color: var(--dm-border-strong) !important;
    color: var(--dm-slate-600);
    border-radius: var(--dm-radius-sm);
}

/* BS3 pagination */
body.dm-app-theme .pagination > li > a,
body.dm-app-theme .pagination > li > span {
    color: var(--dm-slate-800);
    border-radius: var(--dm-radius-sm);
}

body.dm-app-theme .pagination > .active > a,
body.dm-app-theme .pagination > .active > span {
    background: var(--dm-primary) !important;
    border-color: var(--dm-primary) !important;
}

body.dm-app-theme .pagination > li > a:hover {
    color: var(--dm-primary);
}

/* Panels / boxes = same look as .card in global theme */
body.dm-app-theme .panel {
    border: 1px solid var(--dm-border) !important;
    border-radius: var(--dm-radius) !important;
    box-shadow: var(--dm-shadow-md) !important;
    overflow: hidden;
    margin-bottom: 1rem;
    background: var(--dm-surface);
}

body.dm-app-theme .panel-default > .panel-heading {
    background: #f1f5f9 !important;
    border-bottom: 2px solid var(--dm-primary) !important;
    padding: 0.65rem 1rem !important;
    font-weight: 600;
    color: var(--dm-slate-900) !important;
}

body.dm-app-theme .panel-heading {
    font-size: 0.95rem !important;
    font-weight: 700 !important;
}

body.dm-app-theme .panel-body {
    background: var(--dm-surface);
}

body.dm-app-theme .panel-footer {
    background: #f8fafc !important;
    border-top: 1px solid var(--dm-border) !important;
}

body.dm-app-theme .box {
    border: 1px solid var(--dm-border) !important;
    border-radius: var(--dm-radius) !important;
    box-shadow: var(--dm-shadow-md) !important;
    margin-bottom: 1rem;
}

body.dm-app-theme .box-header {
    background: #f1f5f9 !important;
    border-bottom: 2px solid var(--dm-primary) !important;
    padding: 0.65rem 1rem !important;
    font-weight: 600;
    color: var(--dm-slate-900) !important;
}

body.dm-app-theme .stat_box {
    border-radius: var(--dm-radius);
    border: 1px solid var(--dm-border);
    box-shadow: var(--dm-shadow);
}

body.dm-app-theme .small-box {
    border-radius: var(--dm-radius);
    border: 1px solid var(--dm-border);
    box-shadow: var(--dm-shadow);
}

/* Select2 v3 (BS3 / legacy) — trigger box */
body.dm-app-theme .select2-container .select2-choice {
    border-radius: var(--dm-radius-sm) !important;
    border-color: var(--dm-border-strong) !important;
    height: 34px !important;
    line-height: 32px !important;
    font-size: 13px !important;
    background-image: none !important;
    background-color: #ffffff !important;
    overflow: visible !important;
}

body.dm-app-theme .select2-container {
    font-size: 13px !important;
}

body.dm-app-theme .select2-container .select2-choice > .select2-chosen {
    font-size: 13px !important;
    line-height: 32px !important;
    color: #1f2937 !important;
}

/* Select2 v4 — trigger box */
body.dm-app-theme .select2-container--default .select2-selection--single {
    border-radius: var(--dm-radius-sm) !important;
    border-color: var(--dm-border-strong) !important;
    height: 34px !important;
    min-height: 34px !important;
}

body.dm-app-theme .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 13px !important;
    line-height: 32px !important;
    color: #1f2937 !important;
}

/* Chzn (legacy Chosen) */
body.dm-app-theme .chzn-container-single .chzn-single {
    background: var(--dm-surface) !important;
    height: 34px !important;
    line-height: 32px !important;
    font-size: 13px !important;
}

body.dm-app-theme .chzn-container-single .chzn-single span {
    font-size: 13px !important;
    line-height: 32px !important;
}

/* Dropdown options — Select2 v4 + v3 + Chosen search */
body.dm-app-theme .select2-results__option,
body.dm-app-theme .select2-search--dropdown .select2-search__field {
    font-size: 13px !important;
}

body.dm-app-theme .page-header {
    border-bottom: 1px solid var(--dm-border);
    padding-bottom: 0.5rem;
}

/* =============================================================================
   FROM: sidebar-newtheme.css (selectors prefixed for cascade with skin-blue)
   ============================================================================= */
body.dm-app-theme .main-sidebar.main-sidebar-newtheme {
    background: #f1f5f9 !important;
    border-right: 1px solid #e2e8f0 !important;
    box-shadow: 4px 0 24px rgba(15, 23, 42, 0.06) !important;
    font-family: "Inter";
}

body.dm-app-theme .main-sidebar.main-sidebar-newtheme .brand-link {
    background: #fff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    border-left: 4px solid #ff6900 !important;
    padding-left: calc(0.8125rem - 4px) !important;
}

body.dm-app-theme .main-sidebar.main-sidebar-newtheme .brand-text {
    font-weight: 700 !important;
    color: #0f172a !important;
    font-size: var(--dm-text-title-sm) !important;
}

body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar {
    background: transparent !important;
}

body.dm-app-theme .main-sidebar.main-sidebar-newtheme .user-panel {
    border-bottom: 1px solid #e2e8f0 !important;
}

body.dm-app-theme .main-sidebar.main-sidebar-newtheme .user-panel .info a {
    color: #0f172a !important;
    font-weight: 600 !important;
    font-size: var(--dm-text-label) !important;
}

body.dm-app-theme .main-sidebar.main-sidebar-newtheme .form-control-sidebar {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
    border-radius: 8px !important;
}

body.dm-app-theme .main-sidebar.main-sidebar-newtheme .btn-sidebar {
    background: #ff6900 !important;
    color: #fff !important;
    border-radius: 0 8px 8px 0 !important;
}

body.dm-app-theme .main-sidebar.main-sidebar-newtheme .nav-sidebar > .nav-item > .nav-link {
    color: #334155 !important;
    border-radius: 8px !important;
    margin: 2px 10px !important;
    font-weight: 600 !important;
    font-size: var(--dm-text-ui, 14px) !important;
}

body.dm-app-theme .main-sidebar.main-sidebar-newtheme .nav-sidebar > .nav-item > .nav-link:hover {
    background: rgba(255, 105, 0, 0.12) !important;
    color: #0f172a !important;
}

body.dm-app-theme .main-sidebar.main-sidebar-newtheme .nav-sidebar > .nav-item.menu-open > .nav-link,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .nav-sidebar > .nav-item > .nav-link.active {
    background: rgba(255, 105, 0, 0.12) !important;
    color: #e65e00 !important;
    border-left: 3px solid #ff6900 !important;
    margin-left: 7px !important;
    padding-left: calc(0.75rem - 3px) !important;
}

body.dm-app-theme .main-sidebar.main-sidebar-newtheme .nav-sidebar .nav-icon {
    color: #64748b !important;
}

body.dm-app-theme .main-sidebar.main-sidebar-newtheme .nav-sidebar > .nav-item > .nav-link:hover .nav-icon,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .nav-sidebar > .nav-item.menu-open > .nav-link .nav-icon {
    color: #ff6900 !important;
}

body.dm-app-theme .main-sidebar.main-sidebar-newtheme .nav-treeview > .nav-item > .nav-link {
    color: #64748b !important;
    border-radius: 6px !important;
    margin: 1px 10px 1px 18px !important;
    font-size: var(--dm-text-label) !important;
}

body.dm-app-theme .main-sidebar.main-sidebar-newtheme .nav-treeview > .nav-item > .nav-link:hover {
    background: rgba(15, 23, 42, 0.05) !important;
    color: #0f172a !important;
}

body.dm-app-theme .main-sidebar.main-sidebar-newtheme .nav-treeview > .nav-item > .nav-link.active,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .nav-sidebar .nav-treeview .nav-link.active {
    background: rgba(255, 105, 0, 0.12) !important;
    color: #e65e00 !important;
    font-weight: 600 !important;
    border-left: 2px solid #ff6900 !important;
    padding-left: calc(0.65rem - 2px) !important;
}

body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar.main-sidebar-newtheme .brand-link {
    border-left-width: 0 !important;
    padding-left: 0.8125rem !important;
}

/* Logo strip in sidebar (AdminLTE2) */
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .logo {
    background: #fff !important;
    color: #0f172a !important;
}

/* =============================================================================
   FROM: dashboard-newtheme.css
   ============================================================================= */
#dashboard-newtheme-shell.dashboard-newtheme {
    --dash-nt-orange: #ff6900;
    --dash-nt-slate: #1e293b;
    --dash-nt-muted: #64748b;
    --dash-nt-border: #e2e8f0;
    --dash-nt-panel: #fff;
    --dash-nt-canvas: #f1f5f9;
    font-family: "Inter";
    background: var(--dash-nt-canvas) !important;
    margin: -8px -15px 0 -15px;
    padding: 16px 12px 32px;
    min-height: calc(100vh - 120px);
}

#dashboard-newtheme-shell .dashboard-nt-header-inner {
    background: var(--dash-nt-panel);
    border: 1px solid var(--dash-nt-border);
    border-left: 4px solid var(--dash-nt-orange);
    border-radius: 10px;
    padding: 18px 22px;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.07);
}

#dashboard-newtheme-shell .dashboard-nt-title {
    font-size: 22px;
    font-weight: 700;
    color: var(--dash-nt-slate);
    margin: 0 0 6px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

#dashboard-newtheme-shell .dashboard-nt-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: var(--dash-nt-orange);
    color: #fff;
    border-radius: 8px;
    font-size: 18px;
}

#dashboard-newtheme-shell .dashboard-nt-subtitle {
    margin: 0;
    font-size: 13px;
    color: var(--dash-nt-muted);
    padding-left: 50px;
}

#dashboard-newtheme-shell .btnSearchAll,
#dashboard-newtheme-shell #btnSearchAll {
    background: var(--dash-nt-orange) !important;
    border: none !important;
    color: #fff !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
}

#dashboard-newtheme-shell .form-check-input {
    accent-color: var(--dash-nt-orange);
}

#dashboard-newtheme-shell .card {
    background: var(--dash-nt-panel) !important;
    border: 1px solid var(--dash-nt-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06) !important;
}

#dashboard-newtheme-shell .card-header {
    background: #f1f5f9 !important;
    border-bottom: 2px solid var(--dash-nt-orange) !important;
}

#dashboard-newtheme-shell .table thead th {
    background: #e9ecef !important;
    color: var(--dash-nt-slate) !important;
    font-weight: 700 !important;
    font-size: var(--dm-text-table-th) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.035em;
}

#dashboard-newtheme-shell #debitorCreditorSearch {
    background: var(--dash-nt-orange) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 8px !important;
}

#dashboard-newtheme-shell .rounded-lg.shadow,
#dashboard-newtheme-shell .mt-2.w-full.bg-white {
    border-radius: 10px !important;
    border: 1px solid var(--dash-nt-border) !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05) !important;
}

#dashboard-newtheme-shell .form-check-label {
    color: var(--dash-nt-slate) !important;
}

#dashboard-newtheme-shell .card .card .card-header {
    border-bottom: 1px solid var(--dash-nt-border) !important;
    background: #f8fafc !important;
}

#dashboard-newtheme-shell .table-bordered th,
#dashboard-newtheme-shell .table-bordered td {
    border-color: var(--dash-nt-border) !important;
}

#dashboard-newtheme-shell .btn-tool:hover {
    color: var(--dash-nt-orange) !important;
}

/* Dashboard shell: BS3 panels match provided .card rules */
#dashboard-newtheme-shell .panel {
    background: var(--dash-nt-panel) !important;
    border: 1px solid var(--dash-nt-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06) !important;
}

#dashboard-newtheme-shell .panel-heading {
    background: #f1f5f9 !important;
    border-bottom: 2px solid var(--dash-nt-orange) !important;
}

/* =============================================================================
   Purchase page (/index.php/purchase) — high-visibility themed shell
   body gets .dm-page-purchase from Purchase::index()
   ============================================================================= */
body.dm-app-theme.dm-page-purchase .content-wrapper {
    background: #e8edf3 !important;
    border-left: 4px solid #ff6900 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell {
    background: #ffffff;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0 0 24px 0;
    margin: 14px 12px 24px;
    overflow: visible;
}

body.dm-app-theme.dm-page-purchase .dm-theme-purchase-banner {
    display: none !important;
}

@media (max-width: 767px) {
    body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell {
        margin: 8px 6px 16px;
        padding: 0 0 16px 0;
    }
}

/* Toolbar + tabs + panels (toolbar visuals extended in Modern SaaS block below) */
body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-content {
    padding-top: 0;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-content .nav-pills > li > a {
    border-radius: 8px;
    font-weight: 600;
    color: #64748b;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-content .nav-pills > li.active > a,
body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-content .nav-pills > li.active > a:hover,
body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-content .nav-pills > li.active > a:focus {
    background: #ff6900 !important;
    color: #fff !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .panel.panel-default {
    border-color: #e2e8f0 !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.05) !important;
    overflow: hidden;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .panel-heading {
    background: #f1f5f9 !important;
    border-bottom: 2px solid #ff6900 !important;
    color: #0f172a !important;
    font-weight: 600;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .input-group-addon.txt-addon {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #475569 !important;
    font-weight: 600;
}

/* =============================================================================
   PMS parity overrides (Fuel_Station_MS_8_PMS look-and-feel)
   Loaded last to override previous orange theme tokens/rules.
   ============================================================================= */
body.dm-app-theme {
    --dm-primary: #007bff;
    --dm-primary-hover: #0069d9;
    --dm-primary-soft: rgba(0, 123, 255, 0.12);
    --dm-slate-900: #212529;
    --dm-slate-800: #343a40;
    --dm-slate-600: #495057;
    --dm-slate-500: #6c757d;
    --dm-border: #dee2e6;
    --dm-border-strong: #ced4da;
    --dm-surface: #ffffff;
    --dm-canvas: #f4f6f9;
    --dm-radius: 6px;
    --dm-radius-sm: 4px;
    --dm-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    --dm-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.08);
    --dm-font: "Inter";
}

body.dm-app-theme .content-wrapper {
    background: #f4f6f9 !important;
}

body.dm-app-theme .main-header .navbar.navbar-static-top {
    background: #ffffff !important;
    border-bottom: 1px solid #dee2e6 !important;
    box-shadow: none !important;
}

body.dm-app-theme .main-header .logo {
    background: #ffffff !important;
    border-bottom: 1px solid #dee2e6 !important;
}

/* PMS-style sidebar: dark primary */
body.dm-app-theme .main-sidebar,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme {
    background: #343a40 !important;
    border-right: 0 !important;
    box-shadow: none !important;
}

body.dm-app-theme .main-sidebar .logo,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .logo,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .brand-link {
    background: #007bff !important;
    border-left: 0 !important;
    border-bottom: 0 !important;
    color: #ffffff !important;
}

body.dm-app-theme .main-sidebar .user-panel,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .user-panel {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.dm-app-theme .main-sidebar .user-panel .info a,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .user-panel .info a {
    color: #ffffff !important;
}

body.dm-app-theme .main-sidebar .sidebar-menu > li > a,
body.dm-app-theme .main-sidebar .sidebar-menu li > a,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > a,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu li > a {
    color: #c2c7d0 !important;
}

body.dm-app-theme .main-sidebar .sidebar-menu > li:hover > a,
body.dm-app-theme .main-sidebar .sidebar-menu > li.active > a,
body.dm-app-theme .main-sidebar .sidebar-menu > li.menu-open > a,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li:hover > a,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li.active > a,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li.menu-open > a {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-left: 3px solid #007bff !important;
    margin-left: 0 !important;
    padding-left: 12px !important;
}

body.dm-app-theme .main-sidebar .sidebar-menu .treeview-menu > li > a,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu .treeview-menu > li > a {
    color: #adb5bd !important;
}

body.dm-app-theme .main-sidebar .sidebar-menu .treeview-menu > li.active > a,
body.dm-app-theme .main-sidebar .sidebar-menu .treeview-menu > li > a:hover,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu .treeview-menu > li.active > a,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu .treeview-menu > li > a:hover {
    color: #ffffff !important;
}

body.dm-app-theme .main-sidebar .sidebar-menu > li > a,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > a {
    font-size: var(--dm-text-ui, 14px) !important;
    font-weight: 500 !important;
}

body.dm-app-theme .main-sidebar .sidebar-menu .treeview-menu > li > a,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu .treeview-menu > li > a {
    font-size: var(--dm-text-label) !important;
    font-weight: 500 !important;
}

body.dm-app-theme .main-sidebar .sidebar-menu li.header {
    font-size: var(--dm-text-caption) !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

/* Bootstrap/AdminLTE2 controls closer to PMS */
body.dm-app-theme .panel,
body.dm-app-theme .box {
    border-radius: 4px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) !important;
}

body.dm-app-theme .panel-default > .panel-heading,
body.dm-app-theme .box-header {
    background: #ffffff !important;
    border-bottom: 1px solid #dee2e6 !important;
    color: #212529 !important;
    font-size: var(--dm-text-ui, 14px);
}

body.dm-app-theme .btn-primary,
body.dm-app-theme .btn-success {
    background: #007bff !important;
    border-color: #007bff !important;
    color: #ffffff !important;
}

body.dm-app-theme .btn-primary:hover,
body.dm-app-theme .btn-success:hover {
    background: #0069d9 !important;
    border-color: #0062cc !important;
}

body.dm-app-theme .table thead th {
    background: #f8f9fa !important;
    color: #495057 !important;
    font-size: 0.75rem !important;
}

/* =============================================================================
   FINAL ORANGE THEME OVERRIDE (requested parity)
   Keep this block LAST.
   ============================================================================= */
body.dm-app-theme {
    --dm-primary: #ff6900;
    --dm-primary-hover: #e65e00;
    --dm-primary-soft: rgba(255, 105, 0, 0.12);
    --dm-slate-900: #0f172a;
    --dm-slate-800: #1e293b;
    --dm-slate-600: #475569;
    --dm-slate-500: #64748b;
    --dm-border: #e2e8f0;
    --dm-border-strong: #cbd5e1;
    --dm-surface: #ffffff;
    --dm-canvas: #f1f5f9;
    --dm-radius: 8px;
    --dm-radius-sm: 6px;
    --dm-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
    --dm-shadow-md: 0 4px 16px rgba(15, 23, 42, 0.12);
}

body.dm-app-theme .content-wrapper {
    background: #f1f5f9 !important;
}

/* Header (light, like reference) */
body.dm-app-theme .main-header .navbar.navbar-static-top {
    background: #ffffff !important;
    border-bottom: 1px solid #d7dde5 !important;
    box-shadow: none !important;
}

body.dm-app-theme .main-header .logo {
    background: #ffffff !important;
    border-bottom: 1px solid #d7dde5 !important;
    color: #0f172a !important;
}

body.dm-app-theme.skin-blue .main-header .navbar .nav > li > a,
body.dm-app-theme .main-header .dm-header-link,
body.dm-app-theme.skin-blue .main-header .navbar .sidebar-toggle {
    color: #4b5563 !important;
}

body.dm-app-theme.skin-blue .main-header .navbar .nav > li > a:hover,
body.dm-app-theme .main-header .dm-header-link:hover,
body.dm-app-theme.skin-blue .main-header .navbar .sidebar-toggle:hover {
    color: #ff6900 !important;
    background: rgba(255, 105, 0, 0.1) !important;
}

/* Sidebar (light gray, orange active) */
body.dm-app-theme .main-sidebar,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme {
    background: #eceff3 !important;
    border-right: 1px solid #d9dee5 !important;
    box-shadow: none !important;
}

body.dm-app-theme .main-sidebar .logo,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .logo,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .brand-link {
    background: #eceff3 !important;
    color: #1f2937 !important;
    border-bottom: 1px solid #d9dee5 !important;
    border-left: 0 !important;
}

body.dm-app-theme .main-sidebar .user-panel,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .user-panel {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body.dm-app-theme .main-sidebar .user-panel .info a,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .user-panel .info a {
    color: #374151 !important;
}

body.dm-app-theme .main-sidebar .sidebar-menu > li > a,
body.dm-app-theme .main-sidebar .sidebar-menu li > a,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > a,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu li > a {
    color: #4b5563 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

body.dm-app-theme .main-sidebar .sidebar-menu > li:hover > a,
body.dm-app-theme .main-sidebar .sidebar-menu > li.active > a,
body.dm-app-theme .main-sidebar .sidebar-menu > li.menu-open > a,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li:hover > a,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li.active > a,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li.menu-open > a {
    color: #111827 !important;
    background: rgba(255, 105, 0, 0.18) !important;
    border-left: 3px solid #ff6900 !important;
}

/* Fix dark dropdown when submenu opens */
body.dm-app-theme .main-sidebar .sidebar-menu .treeview-menu,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu .treeview-menu {
    background: #f5f7fa !important;
    border-top: 1px solid #e2e8f0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    margin: 0 !important;
    padding: 4px 0 !important;
}

body.dm-app-theme .main-sidebar .sidebar-menu .treeview-menu > li > a,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu .treeview-menu > li > a {
    color: #4b5563 !important;
    background: transparent !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    padding: 7px 10px 7px 24px !important;
    border-left: 2px solid transparent !important;
}

body.dm-app-theme .main-sidebar .sidebar-menu .treeview-menu > li > a:hover,
body.dm-app-theme .main-sidebar .sidebar-menu .treeview-menu > li.active > a,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu .treeview-menu > li > a:hover,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu .treeview-menu > li.active > a {
    color: #1f2937 !important;
    background: rgba(255, 105, 0, 0.12) !important;
    border-left-color: #ff6900 !important;
}

/* Third-level submenu in same light palette */
body.dm-app-theme .main-sidebar .sidebar-menu .treeview-menu .treeview-menu,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu .treeview-menu .treeview-menu {
    background: #f8fafc !important;
}

/* Footer */
body.dm-app-theme .main-footer {
    background: #f8fafc !important;
    border-top: 1px solid #d9dee5 !important;
    color: #475569 !important;
}

/* Primary actions */
body.dm-app-theme .btn-primary,
body.dm-app-theme .btn-success {
    background: #ff6900 !important;
    border-color: #ff6900 !important;
    color: #fff !important;
}

body.dm-app-theme .btn-primary:hover,
body.dm-app-theme .btn-success:hover {
    background: #e65e00 !important;
    border-color: #e65e00 !important;
}

/* Purchase page — Modern SaaS shell (visual only; same DOM & behavior) */
body.dm-app-theme.dm-page-purchase .content-wrapper {
    background: #eef2f7 !important;
    border-left: 0 !important;
    box-shadow: none !important;
}

body.dm-app-theme.dm-page-purchase .dm-theme-purchase-banner {
    display: none !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell {
    background: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 16px 12px 28px !important;
    padding: 0 0 24px 0 !important;
    overflow: visible;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-toolbar {
    background: #f8fafc !important;
    border: none !important;
    border-bottom: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 22px 16px !important;
    margin: 0 0 0 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 88px !important;
    box-sizing: border-box !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-toolbar .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-toolbar__brand {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 56px;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-toolbar__icon {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    background: #ff6900;
    color: #fff;
    font-size: 24px;
    box-shadow: 0 4px 14px rgba(255, 105, 0, 0.35);
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-toolbar__icon .fa {
    line-height: 1;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-toolbar__titles {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-toolbar .page_title {
    font-size: 24px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em;
    color: #0f172a !important;
    margin: 0 !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-toolbar__subtitle {
    display: block;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    letter-spacing: 0.02em;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-toolbar .btn,
body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .btn {
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 7px 12px !important;
    box-shadow: none !important;
    border: 1px solid #cbd5e1 !important;
    background: #f8fafc !important;
    color: #334155 !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-toolbar .btn-default {
    background: #fff !important;
    border-color: #cbd5e1 !important;
    color: #334155 !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-toolbar .btn-default:hover {
    border-color: #ff6900 !important;
    color: #e65e00 !important;
    background: rgba(255, 105, 0, 0.06) !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-toolbar .btnSave {
    background: #ff6900 !important;
    border-color: #ff6900 !important;
    color: #ffffff !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-toolbar .btnSave:hover {
    background: #e65e00 !important;
    border-color: #e65e00 !important;
    color: #ffffff !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-toolbar .btn-group > .btn.btn-default.btnPrint,
body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-toolbar .btn-group > .btnPrint + .dropdown-toggle.btn-default {
    background: #fff !important;
    color: #334155 !important;
    border: 1px solid #cbd5e1 !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-toolbar .btn-group > .btnPrint {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-toolbar .btn-group > .btnPrint + .dropdown-toggle.btn-default {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-left: 0 !important;
    margin-left: -1px !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-toolbar .btn-group > .btnPrint:hover,
body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-toolbar .btn-group > .btnPrint + .dropdown-toggle.btn-default:hover {
    background: rgba(255, 105, 0, 0.06) !important;
    border-color: #ff6900 !important;
    color: #e65e00 !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-toolbar .btnsearchitem.btn-info {
    background: transparent !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-toolbar .btnsearchitem.btn-info:hover {
    background: rgba(255, 105, 0, 0.06) !important;
    border-color: #ff6900 !important;
    color: #e65e00 !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-content {
    padding-top: 0;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-content > .container-fluid {
    padding-left: 16px;
    padding-right: 16px;
}

/* Purchase: collapsible right side panel (rates / stock / account) */
body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-tabs-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 0;
    margin-top: 10px;
    padding-top: 0;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-tabs-row__pills {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-tabs-row .dm-purchase-sidebar-toggle {
    margin-top: 0;
    align-self: flex-start;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-sidebar-toggle {
    flex-shrink: 0;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    border-color: #cbd5e1 !important;
    color: #334155 !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-sidebar-toggle:hover {
    border-color: #ff6900 !important;
    color: #e65e00 !important;
    background: rgba(255, 105, 0, 0.06) !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-sidebar-toggle .fa {
    margin-right: 6px;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-layout--sidebar-hidden .dm-purchase-layout__main {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-layout--sidebar-hidden .dm-purchase-layout__sidebar {
    display: none !important;
}

/* Purchase bottom panel: grouped sections + action bar */
body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom-panel > .panel-body.dm-purchase-bottom {
    padding: 20px 22px !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom--bare.dm-purchase-bottom {
    padding: 0 !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom__sections {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom__group {
    margin: 0;
    padding: 16px 18px;
    background: #fafbfc;
    border: 1px solid #e8edf2;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom__row-pair {
    margin-left: 0;
    margin-right: 0;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom__row-pair > [class*="col-"] {
    padding-left: 8px;
    padding-right: 8px;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom__row-pair > [class*="col-"]:first-child {
    padding-left: 0;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom__row-pair > [class*="col-"]:last-child {
    padding-right: 0;
}

@media (max-width: 991px) {
    body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom__row-pair > [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 14px;
    }

    body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom__row-pair > [class*="col-"]:last-child {
        margin-bottom: 0;
    }
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom__group--netcard {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06) !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom__group--paid {
    background: #fffefb !important;
    border-color: rgba(255, 105, 0, 0.22) !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom__heading {
    margin: 0 0 14px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #eef2f6;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom__group .row {
    margin-left: -8px;
    margin-right: -8px;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom__group .row > [class*="col-"] {
    padding-left: 8px;
    padding-right: 8px;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom__group .form-group {
    margin-bottom: 0;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom__net label {
    font-size: 12px !important;
    color: #475569 !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom__net .form-control.readonly,
body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom__net .form-control[readonly] {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    text-align: right;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom__actions {
    margin-top: 18px;
    padding: 14px 16px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom__actions-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom__actions .btn {
    border-radius: 8px !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom__meta {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #eef2f6;
    align-items: center;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom__meta .form-group {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom-panel > .panel-body.dm-purchase-bottom {
        padding: 14px !important;
    }

    body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-bottom__group {
        padding: 12px 12px;
    }
}

/* Segmented tabs (Main / Search) */
body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-content .nav.nav-pills {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 4px;
    margin-bottom: 4px !important;
    background: #f1f5f9;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-content .nav-pills > li {
    margin: 0 !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-content .nav-pills > li > a {
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 8px 18px !important;
    color: #64748b !important;
    border: 1px solid transparent;
    background: transparent !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-content .nav-pills > li.active > a,
body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-content .nav-pills > li.active > a:hover,
body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-content .nav-pills > li.active > a:focus {
    background: #ffffff !important;
    color: #0f172a !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-content .nav-pills > li:not(.active) > a:hover {
    color: #0f172a !important;
    background: rgba(255, 255, 255, 0.55) !important;
}

/* Cards */
body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .panel.panel-default {
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
    background: #ffffff !important;
    margin-bottom: 16px !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .panel.panel-default > .panel-body {
    padding: 18px 20px !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .panel-heading {
    background: #f1f5f9 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 12px 16px !important;
    border-radius: 0 !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .panel-heading,
body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .nav.nav-pills {
    border-bottom: 0 !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .input-group-addon.txt-addon {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #475569 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    border-radius: 8px 0 0 8px !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .input-group .form-control {
    border-radius: 0 8px 8px 0 !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .form-control,
body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .input-group-addon:not(.txt-addon) {
    min-height: 36px !important;
    height: auto !important;
    font-size: 13px !important;
    border-color: #cbd5e1 !important;
    border-radius: 8px !important;
    color: #0f172a !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .form-control.input-sm {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell label {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    margin-bottom: 6px !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .form-group {
    margin-bottom: 14px !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-due-days {
    margin-top: 0 !important;
    display: flex;
    align-items: flex-end;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-due-days .form-group {
    width: 100%;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-accordion-toggle {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 14px !important;
    background: #f1f5f9 !important;
    border-radius: 8px !important;
    color: #0f172a !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    border: 1px solid #e2e8f0 !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-accordion-toggle:hover,
body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-accordion-toggle:focus {
    background: #e8eef4 !important;
    color: #0f172a !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-accordion-toggle__chevron {
    float: none !important;
    opacity: 0.7;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-purchase-accordion-toggle .side_icon {
    font-size: 22px !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell #accordion .panel {
    border-radius: 10px !important;
    border-color: #e2e8f0 !important;
    overflow: hidden;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell #accordion .panel-heading {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell #collapseOne .panel-body,
body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell #accordion .panel-body {
    background: #fafbfc !important;
    border-top: 1px solid #e2e8f0 !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .switch-addon {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    border-radius: 8px 0 0 8px !important;
    padding: 8px 10px !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .readonly,
body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .form-control[readonly] {
    background: #f8fafc !important;
    color: #64748b !important;
}

/* Chosen / Select2 alignment */
body.dm-app-theme.dm-page-purchase #main_wrapper .chosen-container-single .chosen-single,
body.dm-app-theme.dm-page-purchase #main_wrapper .select2-container--default .select2-selection--single {
    min-height: 36px !important;
    height: auto !important;
    padding: 6px 10px !important;
    border-radius: 8px !important;
    border-color: #cbd5e1 !important;
    font-size: 13px !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 22px !important;
    padding-left: 2px !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px !important;
}

/* Tables */
body.dm-app-theme.dm-page-purchase #main_wrapper .table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .table > thead > tr > th {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b !important;
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 10px 10px !important;
    vertical-align: middle !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .table > tbody > tr > td {
    font-size: 13px !important;
    padding: 10px 10px !important;
    border-color: #eef2f6 !important;
    vertical-align: middle !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .table-striped > tbody > tr:nth-of-type(odd) {
    background: #fcfdfe !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .table-bordered {
    border-radius: 8px !important;
    overflow: hidden;
}

/* Right sidebar column (rates / stock) */
body.dm-app-theme.dm-page-purchase #main_wrapper .dm-theme-purchase-content .col-md-2 > .panel {
    border-radius: 12px !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-theme-purchase-content .col-md-2 > .panel .panel-body {
    padding: 14px !important;
}

body.dm-app-theme.dm-page-purchase #main_wrapper .dm-theme-purchase-content .col-md-2 label {
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b !important;
}

@media (max-width: 991px) {
    body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell {
        margin: 8px !important;
        padding: 0 0 16px 0 !important;
    }

    body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-toolbar {
        margin: 0 !important;
        width: 100% !important;
        padding: 18px 12px !important;
        min-height: 72px !important;
    }

    body.dm-app-theme.dm-page-purchase #main_wrapper.dm-theme-purchase-shell .dm-theme-purchase-content > .container-fluid {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

/* =============================================================================
   HARD OVERRIDES: fix AdminLTE dark treeview and match PMS-like light sidebar
   ============================================================================= */
body.dm-app-theme.skin-blue .main-sidebar.main-sidebar-newtheme,
body.dm-app-theme.skin-blue .main-sidebar.main-sidebar-newtheme .sidebar,
body.dm-app-theme.skin-blue .left-side {
    background: #eceff3 !important;
}

body.dm-app-theme.skin-blue .main-sidebar.main-sidebar-newtheme .sidebar-menu {
    background: transparent !important;
}

body.dm-app-theme.skin-blue .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > a {
    color: #4b5563 !important;
    border-left: 3px solid transparent !important;
    background: transparent !important;
}

body.dm-app-theme.skin-blue .main-sidebar.main-sidebar-newtheme .sidebar-menu > li:hover > a,
body.dm-app-theme.skin-blue .main-sidebar.main-sidebar-newtheme .sidebar-menu > li.active > a,
body.dm-app-theme.skin-blue .main-sidebar.main-sidebar-newtheme .sidebar-menu > li.menu-open > a {
    color: #111827 !important;
    background: rgba(255, 105, 0, 0.18) !important;
    border-left-color: #ff6900 !important;
}

/* Critical: kill dark nested menu backgrounds from AdminLTE2 skin-blue */
body.dm-app-theme.skin-blue .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > .treeview-menu,
body.dm-app-theme.skin-blue .main-sidebar.main-sidebar-newtheme .sidebar-menu .treeview-menu,
body.dm-app-theme.skin-blue .main-sidebar.main-sidebar-newtheme .sidebar-menu .treeview-menu > li > .treeview-menu {
    background: #f5f7fa !important;
    padding: 4px 0 !important;
}

body.dm-app-theme.skin-blue .main-sidebar.main-sidebar-newtheme .sidebar-menu .treeview-menu > li > a {
    color: #4b5563 !important;
    background: transparent !important;
    border-left: 2px solid transparent !important;
    padding: 7px 10px 7px 26px !important;
}

body.dm-app-theme.skin-blue .main-sidebar.main-sidebar-newtheme .sidebar-menu .treeview-menu > li:hover > a,
body.dm-app-theme.skin-blue .main-sidebar.main-sidebar-newtheme .sidebar-menu .treeview-menu > li.active > a {
    color: #1f2937 !important;
    background: rgba(255, 105, 0, 0.12) !important;
    border-left-color: #ff6900 !important;
}

/* Header spacing/size similar to PMS */
body.dm-app-theme .main-header .logo {
    min-height: 50px !important;
    line-height: 50px !important;
}

body.dm-app-theme .main-header .navbar {
    min-height: 50px !important;
}

body.dm-app-theme .main-header .navbar .sidebar-toggle {
    height: 50px !important;
    padding-top: 14px !important;
}

/* Force accordion-style submenu (open below parent, never flyout overlay) */
body.dm-app-theme .main-sidebar .sidebar-menu > li {
    position: relative !important;
}

body.dm-app-theme .main-sidebar .sidebar-menu > li > .treeview-menu,
body.dm-app-theme .main-sidebar .sidebar-menu .treeview-menu {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    float: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    background: #f5f7fa !important;
    z-index: auto !important;
}

/* If user collapses manually, keep submenu under item (no right overlap) */
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar .sidebar-menu > li > .treeview-menu {
    display: none !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    background: #f5f7fa !important;
}

body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar .sidebar-menu > li.menu-open > .treeview-menu,
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar .sidebar-menu > li.active > .treeview-menu,
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar .sidebar-menu > li:hover > .treeview-menu {
    display: block !important;
}

/* Remove transparency bleed in opened submenu area */
body.dm-app-theme .main-sidebar .sidebar-menu .treeview-menu,
body.dm-app-theme .main-sidebar .sidebar-menu .treeview-menu > li > a {
    opacity: 1 !important;
    backdrop-filter: none !important;
}

/* =============================================================================
   PROFESSIONAL UI POLISH: typography, fields, lists, buttons, tables
   Keep this block last for consistent PMS-like sizing.
   ============================================================================= */
body.dm-app-theme {
    font-family: "Inter" !important;
    color: #1f2937 !important;
    font-size: 13px !important;
}

body.dm-app-theme .content-wrapper,
body.dm-app-theme .right-side,
body.dm-app-theme .main-footer {
    font-size: 13px !important;
    color: #374151 !important;
}

body.dm-app-theme h1,
body.dm-app-theme h2,
body.dm-app-theme h3,
body.dm-app-theme h4,
body.dm-app-theme h5 {
    color: #0f172a !important;
    font-weight: 700 !important;
}

body.dm-app-theme label,
body.dm-app-theme .control-label,
body.dm-app-theme .form-group label {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    margin-bottom: 5px !important;
}

body.dm-app-theme .form-control,
body.dm-app-theme input[type="text"],
body.dm-app-theme input[type="number"],
body.dm-app-theme input[type="date"],
body.dm-app-theme input[type="email"],
body.dm-app-theme input[type="password"],
body.dm-app-theme select,
body.dm-app-theme textarea {
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: #1f2937 !important;
    font-size: 13px !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 6px 10px !important;
    box-shadow: none !important;
}

body.dm-app-theme textarea {
    min-height: 72px !important;
    height: auto !important;
    line-height: 1.35 !important;
}

body.dm-app-theme .form-control:focus,
body.dm-app-theme input:focus,
body.dm-app-theme select:focus,
body.dm-app-theme textarea:focus {
    border-color: #ff6900 !important;
    box-shadow: 0 0 0 2px rgba(255, 105, 0, 0.14) !important;
}

body.dm-app-theme .input-group-addon,
body.dm-app-theme .txt-addon {
    min-height: 34px !important;
    height: 34px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    background: #f8fafc !important;
    color: #475569 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 6px 10px !important;
}

/* Select/chosen/list box polish */
body.dm-app-theme select[multiple],
body.dm-app-theme .listbox,
body.dm-app-theme select[size] {
    min-height: 130px !important;
    height: 130px !important;
    padding: 6px !important;
}

body.dm-app-theme .chosen-container-single .chosen-single,
body.dm-app-theme .chosen-container-multi .chosen-choices,
body.dm-app-theme .select2-container .select2-choice,
body.dm-app-theme .select2-container .select2-selection--single {
    min-height: 34px !important;
    height: 34px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    background-image: none !important;
    font-size: 13px !important;
    line-height: 32px !important;
    box-shadow: none !important;
}

body.dm-app-theme .chosen-container-single .chosen-single span,
body.dm-app-theme .select2-container .select2-choice > .select2-chosen,
body.dm-app-theme .select2-container .select2-selection__rendered {
    line-height: 32px !important;
    font-size: 13px !important;
    color: #1f2937 !important;
}

body.dm-app-theme .chosen-results li,
body.dm-app-theme .select2-results li,
body.dm-app-theme .select2-results .select2-result-label,
body.dm-app-theme .select2-results__option {
    font-size: 13px !important;
    color: #374151 !important;
    padding: 8px 10px !important;
}

/* Button sizing and color hierarchy */
body.dm-app-theme .btn {
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
    min-height: 32px !important;
    padding: 6px 12px !important;
    box-shadow: none !important;
}

body.dm-app-theme .btn-primary,
body.dm-app-theme .btn-success {
    background: #ff6900 !important;
    border-color: #ff6900 !important;
    color: #ffffff !important;
}

body.dm-app-theme .btn-primary:hover,
body.dm-app-theme .btn-success:hover {
    background: #e65e00 !important;
    border-color: #e65e00 !important;
}

body.dm-app-theme .btn-default,
body.dm-app-theme .btn-secondary {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #334155 !important;
}

body.dm-app-theme .btn-default:hover,
body.dm-app-theme .btn-secondary:hover {
    background: #f8fafc !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

/* Grid/table density and readability */
body.dm-app-theme .table {
    border-color: #e2e8f0 !important;
    color: #374151 !important;
    font-size: 12px !important;
}

body.dm-app-theme .table > thead > tr > th {
    background: #f8fafc !important;
    color: #475569 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    border-bottom: 1px solid #dbe3ee !important;
    padding: 8px 8px !important;
    white-space: nowrap !important;
}

body.dm-app-theme .table > tbody > tr > td {
    padding: 7px 8px !important;
    border-top: 1px solid #edf2f7 !important;
    vertical-align: middle !important;
}

body.dm-app-theme .table-hover > tbody > tr:hover > td {
    background: rgba(255, 105, 0, 0.06) !important;
}

/* Panel/card professional finish */
body.dm-app-theme .panel,
body.dm-app-theme .box {
    border: 1px solid #dbe3ee !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

body.dm-app-theme .panel > .panel-heading,
body.dm-app-theme .box .box-header {
    background: #f8fafc !important;
    color: #1f2937 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 10px 12px !important;
}

body.dm-app-theme .panel > .panel-body,
body.dm-app-theme .box .box-body {
    padding: 12px !important;
}

/* Keep icon fonts and logos visible after global typography override */
body.dm-app-theme .fa,
body.dm-app-theme .fa:before,
body.dm-app-theme .fa:after {
    font-family: FontAwesome !important;
}

body.dm-app-theme .glyphicon,
body.dm-app-theme .glyphicon:before,
body.dm-app-theme .glyphicon:after {
    font-family: "Glyphicons Halflings" !important;
}

body.dm-app-theme [class^="ion-"],
body.dm-app-theme [class*=" ion-"] {
    font-family: Ionicons !important;
}

body.dm-app-theme .main-header .logo .logo-lg img,
body.dm-app-theme .main-header .logo .logo-mini img {
    display: inline-block !important;
    max-height: 38px !important;
    width: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
}

/* Sidebar polish requested: search icon + hover icon + PMS-like menu text */
body.dm-app-theme .main-sidebar .sidebar-form .btn .fa-search,
body.dm-app-theme .main-sidebar .sidebar-form .btn .glyphicon-search,
body.dm-app-theme .main-sidebar .sidebar-form .btn .ion-search {
    color: #ff6900 !important;
}

body.dm-app-theme .main-sidebar .sidebar-menu > li > a {
    font-size: 12px !important;
    color: #4b5563 !important;
    font-weight: 600 !important;
}

body.dm-app-theme .main-sidebar .sidebar-menu > li > a > i,
body.dm-app-theme .main-sidebar .sidebar-menu > li > a .side_icon,
body.dm-app-theme .main-sidebar .sidebar-menu > li > a [class^="ion-"],
body.dm-app-theme .main-sidebar .sidebar-menu > li > a [class*=" ion-"],
body.dm-app-theme .main-sidebar .sidebar-menu > li > a [class^="fa-"],
body.dm-app-theme .main-sidebar .sidebar-menu > li > a [class*=" fa-"],
body.dm-app-theme .main-sidebar .sidebar-menu > li > a [class^="glyphicon-"],
body.dm-app-theme .main-sidebar .sidebar-menu > li > a [class*=" glyphicon-"] {
    color: #9ca3af !important;
}

body.dm-app-theme .main-sidebar .sidebar-menu > li:hover > a > i,
body.dm-app-theme .main-sidebar .sidebar-menu > li.active > a > i,
body.dm-app-theme .main-sidebar .sidebar-menu > li.menu-open > a > i,
body.dm-app-theme .main-sidebar .sidebar-menu > li:hover > a .side_icon,
body.dm-app-theme .main-sidebar .sidebar-menu > li.active > a .side_icon,
body.dm-app-theme .main-sidebar .sidebar-menu > li.menu-open > a .side_icon,
body.dm-app-theme .main-sidebar .sidebar-menu > li:hover > a [class^="ion-"],
body.dm-app-theme .main-sidebar .sidebar-menu > li.active > a [class^="ion-"],
body.dm-app-theme .main-sidebar .sidebar-menu > li.menu-open > a [class^="ion-"],
body.dm-app-theme .main-sidebar .sidebar-menu > li:hover > a [class^="fa-"],
body.dm-app-theme .main-sidebar .sidebar-menu > li.active > a [class^="fa-"],
body.dm-app-theme .main-sidebar .sidebar-menu > li.menu-open > a [class^="fa-"],
body.dm-app-theme .main-sidebar .sidebar-menu > li:hover > a [class^="glyphicon-"],
body.dm-app-theme .main-sidebar .sidebar-menu > li.active > a [class^="glyphicon-"],
body.dm-app-theme .main-sidebar .sidebar-menu > li.menu-open > a [class^="glyphicon-"] {
    color: #ff6900 !important;
}

/* Page heading icons in orange */
body.dm-app-theme .content-header h1 i,
body.dm-app-theme .page_title i,
body.dm-app-theme .page-header h1 i,
body.dm-app-theme .panel-title i {
    color: #ff6900 !important;
}

/* Dashboard icon visibility + color recovery */
body.dm-app-theme .stat_ico i,
body.dm-app-theme .dashboard i.fa,
body.dm-app-theme .dashboard [class^="ion-"],
body.dm-app-theme .dashboard [class*=" ion-"] {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #ff6900 !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

body.dm-app-theme .stat_ico.color_f,
body.dm-app-theme .stat_ico.color_g,
body.dm-app-theme .stat_ico.color_a,
body.dm-app-theme .stat_ico.color_d {
    background: rgba(255, 105, 0, 0.12) !important;
    border: 1px solid rgba(255, 105, 0, 0.3) !important;
}

/* Dashboard voucher/report links (new shell only — matches dm-app-theme-new layout) */
body.dm-app-theme #dashboard-newtheme-shell .dashboard-links-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 10px !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dashboard-links-grid > li.dashboardvoucherlist {
    width: 100% !important;
    margin: 0 !important;
    list-style: none !important;
    position: relative !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dashboard-links-grid > li.dashboardvoucherlist > a.users-list-name {
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    border: 1px solid #d9dee5 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 8px 10px 8px 46px !important;
    text-align: left !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dashboard-links-grid > li.dashboardvoucherlist > a.users-list-name:hover {
    border-color: #ff6900 !important;
    background: rgba(255, 105, 0, 0.08) !important;
    color: #e65e00 !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dashboard-links-grid .dashboard-link-icon {
    position: absolute !important;
    left: 12px !important;
    top: 10px !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 105, 0, 0.14) !important;
    border: 1px solid rgba(255, 105, 0, 0.3) !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dashboard-links-grid .dashboard-link-icon i {
    color: #ff6900 !important;
    font-size: 12px !important;
}

/* ==========================================================================
   DASHBOARD PHASE-1 PROFESSIONAL POLISH (scoped)
   ========================================================================== */
body.dm-app-theme #dashboard-newtheme-shell.dashboard-newtheme {
    background: #f3f6fb !important;
    padding-bottom: 20px !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dashboard-nt-header-inner {
    border-radius: 12px !important;
    border: 1px solid #d9e2ee !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06) !important;
    padding: 18px 20px !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dashboard-nt-title {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dashboard-nt-subtitle {
    font-size: 14px !important;
    color: #64748b !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dm-dashboard-kpi-panel {
    border: 1px solid #d9e2ee !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 6px rgba(15, 23, 42, 0.05) !important;
    overflow: hidden !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dm-dashboard-filterbar {
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 10px 14px !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dm-dashboard-filterbar .radio-inline {
    margin-right: 18px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #334155 !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dm-kpi-card {
    border: 1px solid #dce5f1 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    min-height: 92px !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dm-kpi-card .info-box-icon {
    width: 74px !important;
    font-size: 30px !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dm-kpi-card .info-box-text {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #334155 !important;
    letter-spacing: 0.3px !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dm-kpi-card .info-box-number {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.15 !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dm-dashboard-section {
    border: 1px solid #d9e2ee !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 6px rgba(15, 23, 42, 0.05) !important;
    overflow: hidden !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dm-dashboard-section > .box-header {
    background: #ff6900 !important;
    border-bottom: 1px solid #e65e00 !important;
    padding: 11px 14px !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dm-dashboard-section > .box-header .box-title {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dm-dashboard-section > .box-header .box-title i {
    color: #ffffff !important;
    margin-right: 6px !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dm-dashboard-section > .box-header .btn,
body.dm-app-theme #dashboard-newtheme-shell .dm-dashboard-section > .box-header .btn-box-tool {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.18) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dm-dashboard-section > .box-header .btn:hover,
body.dm-app-theme #dashboard-newtheme-shell .dm-dashboard-section > .box-header .btn-box-tool:hover {
    background: rgba(255, 255, 255, 0.28) !important;
    color: #ffffff !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dm-dashboard-section > .box-body {
    background: #fbfdff !important;
    padding: 12px !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dm-dashboard-widgets-row .direct-chat-messages {
    min-height: 260px !important;
    max-height: 260px !important;
    background: #ffffff !important;
    border: 1px solid #e6ecf3 !important;
    border-radius: 8px !important;
    padding: 10px !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dm-dashboard-widgets-row .direct-chat-text {
    border-radius: 8px !important;
    border: 1px solid #e5ebf3 !important;
    background: #f8fafc !important;
    color: #334155 !important;
    font-size: 12px !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dm-dashboard-section .table > thead > tr > th {
    background: #f8fafc !important;
    color: #475569 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

/* Collapsed sidebar readability tuning */
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > a {
    min-height: 44px !important;
    padding: 11px 10px !important;
}

body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > a > i,
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > a .side_icon,
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > a [class^="fa-"],
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > a [class*=" fa-"],
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > a [class^="ion-"],
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > a [class*=" ion-"],
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > a [class^="glyphicon-"],
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > a [class*=" glyphicon-"] {
    font-size: 16px !important;
}

body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > .treeview-menu {
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    margin-top: 2px !important;
    padding: 4px 0 4px 0 !important;
}

body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > .treeview-menu > li > a {
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 8px 12px 8px 28px !important;
}

/* Final fix: disable AdminLTE hover flyout overlay in collapsed mode */
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar .sidebar-menu > li:hover > .treeview-menu,
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar.main-sidebar-newtheme .sidebar-menu > li:hover > .treeview-menu,
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar .sidebar-menu > li.menu-open > .treeview-menu,
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar.main-sidebar-newtheme .sidebar-menu > li.menu-open > .treeview-menu,
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar .sidebar-menu > li.active > .treeview-menu,
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar.main-sidebar-newtheme .sidebar-menu > li.active > .treeview-menu {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    margin: 2px 0 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #f5f7fa !important;
    z-index: auto !important;
}

/* Keep collapsed hover from forcing right-flyout geometry */
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar .sidebar-menu > li:hover > a + .treeview-menu,
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar.main-sidebar-newtheme .sidebar-menu > li:hover > a + .treeview-menu {
    transform: none !important;
}

/* Sidebar hover look to match reference screenshot */
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > a {
    border-left: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 11px 12px !important;
    color: #334155 !important;
    font-size: 14px !important;
}

body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > a .nav_title,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > a > span {
    color: #334155 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > a > i,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > a .side_icon,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > a [class^="fa-"],
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > a [class^="ion-"],
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > a [class^="glyphicon-"] {
    color: #64748b !important;
    font-size: 16px !important;
    width: 22px !important;
    text-align: center !important;
    margin-right: 8px !important;
}

body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li:hover > a,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li.active > a,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li.menu-open > a {
    background: #e9ddd3 !important;
    color: #1f2937 !important;
    border-left: 0 !important;
}

body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li:hover > a .nav_title,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li.active > a .nav_title,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li.menu-open > a .nav_title,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li:hover > a > span,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li.active > a > span,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li.menu-open > a > span {
    color: #1f2937 !important;
}

body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li:hover > a > i,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li:hover > a .side_icon,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li:hover > a [class^="fa-"],
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li:hover > a [class^="ion-"],
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li:hover > a [class^="glyphicon-"],
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li.active > a > i,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li.menu-open > a > i {
    color: #ff6900 !important;
}

body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > a .pull-right-container > .fa-angle-left,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > a .pull-right-container > .fa-angle-down,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > a .pull-right-container > .fa {
    color: #1f2937 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

/* FINAL: force submenu to open downward, never flyout right */
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar .sidebar-menu > li,
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar.main-sidebar-newtheme .sidebar-menu > li,
body.dm-app-theme.sidebar-mini.sidebar-collapse .left-side .sidebar-menu > li {
    position: relative !important;
}

body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar .sidebar-menu > li > .treeview-menu,
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar.main-sidebar-newtheme .sidebar-menu > li > .treeview-menu,
body.dm-app-theme.sidebar-mini.sidebar-collapse .left-side .sidebar-menu > li > .treeview-menu,
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar .sidebar-menu > li:hover > .treeview-menu,
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar.main-sidebar-newtheme .sidebar-menu > li:hover > .treeview-menu,
body.dm-app-theme.sidebar-mini.sidebar-collapse .left-side .sidebar-menu > li:hover > .treeview-menu,
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar .sidebar-menu > li.menu-open > .treeview-menu,
body.dm-app-theme.sidebar-mini.sidebar-collapse .main-sidebar.main-sidebar-newtheme .sidebar-menu > li.menu-open > .treeview-menu,
body.dm-app-theme.sidebar-mini.sidebar-collapse .left-side .sidebar-menu > li.menu-open > .treeview-menu {
    position: relative !important;
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin: 2px 0 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    z-index: auto !important;
    background: #f5f7fa !important;
}

/* ==========================================================================
   PMS FORMS + REPORTS UNIFIED STYLE (phase rollout: global foundation)
   ========================================================================== */
body.dm-app-theme,
body.dm-app-theme .content-wrapper,
body.dm-app-theme .content,
body.dm-app-theme .right-side {
    font-family: "Inter" !important;
    color: #334155 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

body.dm-app-theme h1,
body.dm-app-theme h2,
body.dm-app-theme h3,
body.dm-app-theme h4,
body.dm-app-theme h5,
body.dm-app-theme h6 {
    font-family: "Inter" !important;
    color: #0f172a !important;
}

body.dm-app-theme .control-label,
body.dm-app-theme .form-group > label,
body.dm-app-theme .col-form-label,
body.dm-app-theme label {
    color: #475569 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin-bottom: 5px !important;
}

/* Keep icon fonts intact from global typography override */
body.dm-app-theme .fa,
body.dm-app-theme .fa:before,
body.dm-app-theme .fa:after {
    font-family: FontAwesome !important;
}

body.dm-app-theme .glyphicon,
body.dm-app-theme .glyphicon:before,
body.dm-app-theme .glyphicon:after {
    font-family: "Glyphicons Halflings" !important;
}

body.dm-app-theme [class^="ion-"],
body.dm-app-theme [class*=" ion-"] {
    font-family: Ionicons !important;
}

/* Form controls */
body.dm-app-theme .form-control,
body.dm-app-theme input[type="text"],
body.dm-app-theme input[type="number"],
body.dm-app-theme input[type="date"],
body.dm-app-theme input[type="email"],
body.dm-app-theme input[type="password"],
body.dm-app-theme input[type="search"],
body.dm-app-theme select,
body.dm-app-theme textarea {
    font-size: 13px !important;
    color: #1f2937 !important;
    border: 1px solid #cfd8e3 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body.dm-app-theme .form-control,
body.dm-app-theme input[type="text"],
body.dm-app-theme input[type="number"],
body.dm-app-theme input[type="date"],
body.dm-app-theme input[type="email"],
body.dm-app-theme input[type="password"],
body.dm-app-theme input[type="search"],
body.dm-app-theme select {
    min-height: 34px !important;
    height: 34px !important;
    padding: 6px 10px !important;
}

body.dm-app-theme textarea {
    min-height: 88px !important;
    height: auto !important;
    padding: 8px 10px !important;
}

body.dm-app-theme .form-control:focus,
body.dm-app-theme input:focus,
body.dm-app-theme select:focus,
body.dm-app-theme textarea:focus {
    border-color: #ff6900 !important;
    box-shadow: 0 0 0 2px rgba(255, 105, 0, 0.15) !important;
}

body.dm-app-theme .input-group-addon,
body.dm-app-theme .input-group-btn > .btn {
    min-height: 34px !important;
    height: 34px !important;
    border-color: #cfd8e3 !important;
    background: #f8fafc !important;
    color: #475569 !important;
    font-size: 12px !important;
}

/* Chosen / Select2 — all variants trigger box */
body.dm-app-theme .chosen-container-single .chosen-single,
body.dm-app-theme .chosen-container-multi .chosen-choices,
body.dm-app-theme .chzn-container-single .chzn-single,
body.dm-app-theme .chzn-container-multi .chzn-choices,
body.dm-app-theme .select2-container .select2-choice,
body.dm-app-theme .select2-container .select2-selection--single {
    min-height: 34px !important;
    height: 34px !important;
    border: 1px solid #cfd8e3 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
    font-size: 13px !important;
    line-height: 32px !important;
}

body.dm-app-theme .chosen-container-single .chosen-single span,
body.dm-app-theme .chzn-container-single .chzn-single span,
body.dm-app-theme .select2-container .select2-choice > .select2-chosen,
body.dm-app-theme .select2-container .select2-selection__rendered {
    line-height: 32px !important;
    font-size: 13px !important;
    color: #1f2937 !important;
}

body.dm-app-theme .chosen-results li,
body.dm-app-theme .chzn-results li,
body.dm-app-theme .select2-results li,
body.dm-app-theme .select2-results .select2-result-label,
body.dm-app-theme .select2-results__option {
    font-size: 13px !important;
    color: #334155 !important;
    padding: 8px 10px !important;
}

/* Buttons */
body.dm-app-theme .btn {
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    min-height: 32px !important;
    padding: 6px 12px !important;
    box-shadow: none !important;
}

body.dm-app-theme .btn-primary,
body.dm-app-theme .btn-success {
    background: #ff6900 !important;
    border-color: #ff6900 !important;
    color: #ffffff !important;
}

body.dm-app-theme .btn-primary:hover,
body.dm-app-theme .btn-success:hover {
    background: #e65e00 !important;
    border-color: #e65e00 !important;
}

body.dm-app-theme .btn-default,
body.dm-app-theme .btn-secondary {
    background: #ffffff !important;
    border-color: #cfd8e3 !important;
    color: #334155 !important;
}

/* Panel/box containers (forms + reports shells) */
body.dm-app-theme .panel,
body.dm-app-theme .box,
body.dm-app-theme #main_wrapper {
    border: 1px solid #dbe3ee !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 5px rgba(15, 23, 42, 0.05) !important;
}

body.dm-app-theme .panel > .panel-heading,
body.dm-app-theme .box .box-header {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    padding: 10px 12px !important;
}

body.dm-app-theme .panel > .panel-heading .panel-title,
body.dm-app-theme .box .box-title {
    font-size: 14px !important;
    font-weight: 700 !important;
}

body.dm-app-theme .panel > .panel-body,
body.dm-app-theme .box .box-body,
body.dm-app-theme .page_content {
    padding: 12px !important;
    background: #fbfdff !important;
}

/* Report tables and filter bars */
body.dm-app-theme .table {
    border-color: #e2e8f0 !important;
    font-size: 12px !important;
    color: #334155 !important;
}

body.dm-app-theme .table > thead > tr > th {
    background: #f8fafc !important;
    color: #475569 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    border-bottom: 1px solid #dbe3ee !important;
    padding: 8px 8px !important;
}

body.dm-app-theme .table > tbody > tr > td {
    border-top: 1px solid #edf2f7 !important;
    padding: 7px 8px !important;
    vertical-align: middle !important;
}

body.dm-app-theme .table-hover > tbody > tr:hover > td {
    background: rgba(255, 105, 0, 0.06) !important;
}

body.dm-app-theme .page_bar,
body.dm-app-theme .content-header,
body.dm-app-theme .box-header.with-border {
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

body.dm-app-theme #dashboard-newtheme-shell .dm-dashboard-section .box-header.with-border {
    background: #ff6900 !important;
    border-bottom: 1px solid #e65e00 !important;
}

/* Outlier pass: commonly used legacy wrappers */
body.dm-app-theme .page_title,
body.dm-app-theme .content-header > h1 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

body.dm-app-theme .nav.nav-tabs > li > a,
body.dm-app-theme .nav.nav-pills > li > a {
    font-size: 12px !important;
    font-weight: 600 !important;
    border-radius: 6px 6px 0 0 !important;
    color: #475569 !important;
}

body.dm-app-theme .nav.nav-tabs > li.active > a,
body.dm-app-theme .nav.nav-tabs > li.active > a:hover,
body.dm-app-theme .nav.nav-pills > li.active > a,
body.dm-app-theme .nav.nav-pills > li.active > a:hover {
    background: rgba(255, 105, 0, 0.12) !important;
    color: #e65e00 !important;
    border-color: #ff6900 !important;
}

/* ==========================================================================
   Supplier Add form: status control + input-group corner refinement
   ========================================================================== */
body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .input-group-addon.txt-addon {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    border-right: 0 !important;
    background: #f8fafc !important;
    color: #475569 !important;
    font-weight: 600 !important;
}

body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .form-control,
body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group select.form-control {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-left: 1px solid #cfd8e3 !important;
}

/* Select2 inside addon/input row */
body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .select2-container .select2-selection--single {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

/* Status control polish (Active / In Active) */
body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .switch-addon {
    display: inline-flex !important;
    align-items: center !important;
    padding: 6px 10px !important;
    min-height: 34px !important;
    border: 1px solid #cfd8e3 !important;
    border-right: 0 !important;
    border-radius: 6px 0 0 6px !important;
    background: #f8fafc !important;
    color: #475569 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .bootstrap-switch {
    height: 34px !important;
    line-height: 32px !important;
    border: 1px solid #cfd8e3 !important;
    border-radius: 0 6px 6px 0 !important;
    box-shadow: none !important;
}

body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .bootstrap-switch .bootstrap-switch-handle-on,
body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .bootstrap-switch .bootstrap-switch-handle-off,
body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .bootstrap-switch .bootstrap-switch-label {
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 32px !important;
}

body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    background: #16a34a !important;
}

body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
    background: #e2e8f0 !important;
    color: #475569 !important;
}

/* Bootstrap Switch v3 in this project uses `.switch` classes */
body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group {
    display: flex !important;
    align-items: stretch !important;
}

body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .switch {
    min-width: 150px !important;
    border: 1px solid #cfd8e3 !important;
    border-left: 0 !important;
    border-radius: 0 6px 6px 0 !important;
    box-shadow: none !important;
    margin-left: 0 !important;
}

body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .switch > div > span,
body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .switch > div > label {
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .switch > div > span.switch-primary {
    background: #16a34a !important;
    color: #ffffff !important;
}

body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .switch > div > span.switch-default {
    background: #e2e8f0 !important;
    color: #475569 !important;
}

body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .switch.switch-focused {
    border-color: #ff6900 !important;
    box-shadow: 0 0 0 2px rgba(255, 105, 0, 0.14) !important;
}

/* Supplier tabs: remove extra heading spacing */
body.dm-app-theme #main_wrapper.dm-supplier-form-shell .nav.nav-pills {
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
}

body.dm-app-theme #main_wrapper.dm-supplier-form-shell .nav.nav-pills > li {
    margin-right: 4px !important;
}

body.dm-app-theme #main_wrapper.dm-supplier-form-shell .nav.nav-pills > li > a {
    padding: 8px 12px !important;
}

/* Label vertical center for supplier input groups */
body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .input-group-addon.txt-addon,
body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .switch-addon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
}

/* Status row: compact label and properly sized toggle next to label */
body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .switch-addon {
    min-width: 74px !important;
    width: auto !important;
    padding: 6px 10px !important;
}

body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .switch-addon + .switch {
    min-width: 126px !important;
    width: 126px !important;
    margin-left: 0 !important;
}

body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .switch > div > span,
body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .switch > div > label {
    min-height: 32px !important;
    line-height: 20px !important;
}

/* Fit list boxes/dropdowns to text-field size and width */
body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .select2-container,
body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .chosen-container,
body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .chzn-container {
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .select2-container .select2-selection--single,
body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .chosen-container-single .chosen-single,
body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .chzn-container-single .chzn-single {
    height: 34px !important;
    min-height: 34px !important;
    line-height: 32px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .select2-container .select2-selection__rendered,
body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .chosen-container-single .chosen-single span,
body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .chzn-container-single .chzn-single span {
    line-height: 32px !important;
}

body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .select2-container .select2-selection__arrow,
body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .chosen-container-single .chosen-single div,
body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group .chzn-container-single .chzn-single div {
    height: 32px !important;
}

/* Route unified control (Tailwind-like modern input group) */
body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group.dm-route-group {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    border: 1px solid #cfd8e3 !important;
    border-radius: 10px !important;
    overflow: visible !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05) !important;
}

body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group.dm-route-group .tw-group-label {
    min-width: 94px !important;
    height: 40px !important;
    border: 0 !important;
    border-right: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 14px !important;
    background: #f8fafc !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group.dm-route-group .tw-group-field,
body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group.dm-route-group .select2-container {
    flex: 1 1 auto !important;
    width: 1% !important;
    min-width: 0 !important;
}

body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group.dm-route-group .select2-container .select2-selection--single {
    height: 40px !important;
    min-height: 40px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group.dm-route-group .select2-container .select2-selection__rendered {
    line-height: 40px !important;
    padding-left: 14px !important;
    padding-right: 36px !important;
    color: #334155 !important;
    font-size: 13px !important;
}

body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group.dm-route-group .select2-container .select2-selection__arrow {
    height: 38px !important;
    right: 8px !important;
}

body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group.dm-route-group:focus-within {
    border-color: #ff6900 !important;
    box-shadow: 0 0 0 2px rgba(255, 105, 0, 0.14) !important;
}

@media (max-width: 767px) {
    body.dm-app-theme #main_wrapper.dm-supplier-form-shell .input-group.dm-route-group .tw-group-label {
        min-width: 80px !important;
        padding: 0 10px !important;
    }
}

/* ==========================================================================
   Account line: refresh / add + Chosen or Select2 on one row (cash book, JV, …)
   ========================================================================== */
body.dm-app-theme .dm-inline-account-picker {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    width: 100%;
}

body.dm-app-theme .dm-inline-account-picker__btn {
    flex: 0 0 auto;
    align-self: center;
}

body.dm-app-theme .dm-inline-account-picker__field {
    flex: 1 1 auto;
    min-width: 0;
}

body.dm-app-theme .dm-inline-account-picker__field .chzn-container,
body.dm-app-theme .dm-inline-account-picker__field .select2-container {
    width: 100% !important;
    max-width: 100%;
}

body.dm-app-theme .dm-inline-account-picker__field select.form-control {
    width: 100%;
}

/* ==========================================================================
   Global form grid strip style (apply across voucher/forms tables)
   ========================================================================== */
body.dm-app-theme .page_content #no-more-tables table.table-bordered.table-striped.table-condensed.cf thead.tbl_thead > tr > th,
body.dm-app-theme .page_content table.table-bordered.table-striped.table-condensed.cf thead.tbl_thead > tr > th {
    background: #f8fafc !important;
    color: #475569 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-color: #dbe3ee !important;
    padding: 8px 8px !important;
}

/* Voucher line-item grids (#purchase_table*): room for rate / base rate / tax% inputs.
   Bootstrap .table-condensed uses 1px padding in style_22.css — loosen slightly here.
   Wide tables scroll horizontally instead of squeezing numeric fields. */
body.dm-app-theme #main_wrapper #no-more-tables:has(table#purchase_table),
body.dm-app-theme #main_wrapper #no-more-tables:has(table#purchase_table2),
body.dm-app-theme #main_wrapper #no-more-tables:has(table#purchase_table_less) {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

body.dm-app-theme #main_wrapper table#purchase_table,
body.dm-app-theme #main_wrapper table#purchase_table2,
body.dm-app-theme #main_wrapper table#purchase_table_less {
    width: max-content;
    min-width: 100%;
    table-layout: auto;
}

body.dm-app-theme #main_wrapper table#purchase_table th,
body.dm-app-theme #main_wrapper table#purchase_table td,
body.dm-app-theme #main_wrapper table#purchase_table2 th,
body.dm-app-theme #main_wrapper table#purchase_table2 td,
body.dm-app-theme #main_wrapper table#purchase_table_less th,
body.dm-app-theme #main_wrapper table#purchase_table_less td {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

/* Any condensed line grid (with or without .table-bordered) */
body.dm-app-theme #main_wrapper table.table-condensed#purchase_table > thead > tr > th,
body.dm-app-theme #main_wrapper table.table-condensed#purchase_table > tbody > tr > td,
body.dm-app-theme #main_wrapper table.table-condensed#purchase_table > tfoot > tr > td,
body.dm-app-theme #main_wrapper table.table-condensed#purchase_table2 > thead > tr > th,
body.dm-app-theme #main_wrapper table.table-condensed#purchase_table2 > tbody > tr > td,
body.dm-app-theme #main_wrapper table.table-condensed#purchase_table2 > tfoot > tr > td,
body.dm-app-theme #main_wrapper table.table-condensed#purchase_table_less > thead > tr > th,
body.dm-app-theme #main_wrapper table.table-condensed#purchase_table_less > tbody > tr > td,
body.dm-app-theme #main_wrapper table.table-condensed#purchase_table_less > tfoot > tr > td {
    padding: 4px 6px !important;
}

body.dm-app-theme #main_wrapper table#purchase_table tbody > tr > td:has(> input.form-control),
body.dm-app-theme #main_wrapper table#purchase_table2 tbody > tr > td:has(> input.form-control),
body.dm-app-theme #main_wrapper table#purchase_table_less tbody > tr > td:has(> input.form-control) {
    min-width: 7.25rem;
}

body.dm-app-theme #main_wrapper table#purchase_table tbody td input.form-control,
body.dm-app-theme #main_wrapper table#purchase_table2 tbody td input.form-control,
body.dm-app-theme #main_wrapper table#purchase_table_less tbody td input.form-control {
    min-width: 6.75rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* ==========================================================================
   Global reports theme (all report pages)
   ========================================================================== */
body.dm-app-theme .page_title.report_title,
body.dm-app-theme .content .report_title {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    letter-spacing: 0 !important;
}

body.dm-app-theme .content .report_title + h5,
body.dm-app-theme .content .report-subtitle,
body.dm-app-theme .content .text-muted.report-subtitle {
    font-size: 13px !important;
    color: #64748b !important;
    font-weight: 500 !important;
}

body.dm-app-theme .content .btnSearch,
body.dm-app-theme .content #btnSearch,
body.dm-app-theme .content #btnChart {
    font-size: 12px !important;
    font-weight: 700 !important;
    min-height: 34px !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
}

body.dm-app-theme .content input#from_date,
body.dm-app-theme .content input#fromDate,
body.dm-app-theme .content input#to_date,
body.dm-app-theme .content input#toDate,
body.dm-app-theme .content .ts_datepicker,
body.dm-app-theme .content .datepicker,
body.dm-app-theme .content select#user_dropdown,
body.dm-app-theme .content select#party_dropdown,
body.dm-app-theme .content select#party_dropdown11 {
    font-size: 13px !important;
    min-height: 34px !important;
    height: 34px !important;
}

body.dm-app-theme .content .report-rows td,
body.dm-app-theme .content .rptTable td,
body.dm-app-theme .content #report-table td,
body.dm-app-theme .content table.table tbody td {
    font-size: 12px !important;
    color: #334155 !important;
}

/* Report data typography aligned with app-wide theme */
body.dm-app-theme .content .report-rows td,
body.dm-app-theme .content .rptTable td,
body.dm-app-theme .content #report-table td,
body.dm-app-theme .content #datatable_example tbody td,
body.dm-app-theme .content #datatable_example_accountledger tbody td,
body.dm-app-theme .content #cpv_datatable_example tbody td,
body.dm-app-theme .content table.table tbody td {
    font-family: "Inter" !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
}

body.dm-app-theme .content .rptTable > thead > tr > th,
body.dm-app-theme .content #report-table > thead > tr > th,
body.dm-app-theme .content #datatable_example > thead > tr > th,
body.dm-app-theme .content #datatable_example_accountledger > thead > tr > th,
body.dm-app-theme .content #cpv_datatable_example > thead > tr > th,
body.dm-app-theme .content table.table > thead > tr > th,
body.dm-app-theme .content #no-more-tables table > thead > tr > th {
    font-family: "Inter" !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

body.dm-app-theme .content .report-rows td.numeric,
body.dm-app-theme .content table.table tbody td.numeric,
body.dm-app-theme .content table.table tbody td.text-right {
    font-variant-numeric: tabular-nums;
}

/* Strong report results typography (for dynamically rendered analytical tables) */
body.dm-app-theme #main_wrapper .page_content #datatable_example,
body.dm-app-theme #main_wrapper .page_content #datatable_example_accountledger,
body.dm-app-theme #main_wrapper .page_content #cpv_datatable_example,
body.dm-app-theme #main_wrapper .page_content #datatable_example tbody,
body.dm-app-theme #main_wrapper .page_content #datatable_example_accountledger tbody,
body.dm-app-theme #main_wrapper .page_content #cpv_datatable_example tbody,
body.dm-app-theme #main_wrapper .page_content #datatable_example thead,
body.dm-app-theme #main_wrapper .page_content #datatable_example_accountledger thead,
body.dm-app-theme #main_wrapper .page_content #cpv_datatable_example thead,
body.dm-app-theme #main_wrapper .page_content #datatable_example tr,
body.dm-app-theme #main_wrapper .page_content #datatable_example_accountledger tr,
body.dm-app-theme #main_wrapper .page_content #cpv_datatable_example tr,
body.dm-app-theme #main_wrapper .page_content #datatable_example th,
body.dm-app-theme #main_wrapper .page_content #datatable_example_accountledger th,
body.dm-app-theme #main_wrapper .page_content #cpv_datatable_example th,
body.dm-app-theme #main_wrapper .page_content #datatable_example td,
body.dm-app-theme #main_wrapper .page_content #datatable_example_accountledger td,
body.dm-app-theme #main_wrapper .page_content #cpv_datatable_example td,
body.dm-app-theme #main_wrapper .page_content #datatable_example td span,
body.dm-app-theme #main_wrapper .page_content #datatable_example_accountledger td span,
body.dm-app-theme #main_wrapper .page_content #cpv_datatable_example td span,
body.dm-app-theme #main_wrapper .page_content #datatable_example td a,
body.dm-app-theme #main_wrapper .page_content #datatable_example_accountledger td a,
body.dm-app-theme #main_wrapper .page_content #cpv_datatable_example td a,
body.dm-app-theme #main_wrapper .page_content #tbl_body td,
body.dm-app-theme #main_wrapper .page_content .item-row-td-report td {
    font-family: "Inter" !important;
}

body.dm-app-theme #main_wrapper .page_content #datatable_example tbody td,
body.dm-app-theme #main_wrapper .page_content #datatable_example_accountledger tbody td,
body.dm-app-theme #main_wrapper .page_content #cpv_datatable_example tbody td,
body.dm-app-theme #main_wrapper .page_content #tbl_body td,
body.dm-app-theme #main_wrapper .page_content .item-row-td-report td {
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
    color: #334155 !important;
}

body.dm-app-theme #main_wrapper .page_content #datatable_example thead th,
body.dm-app-theme #main_wrapper .page_content #datatable_example_accountledger thead th,
body.dm-app-theme #main_wrapper .page_content #cpv_datatable_example thead th,
body.dm-app-theme #main_wrapper .page_content #datatable_example .dthead th,
body.dm-app-theme #main_wrapper .page_content #datatable_example_accountledger .dthead_accountledger th {
    font-size: 12px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: #475569 !important;
}

body.dm-app-theme .content .rptTable > thead > tr > th,
body.dm-app-theme .content #report-table > thead > tr > th,
body.dm-app-theme .content table.table > thead > tr > th,
body.dm-app-theme .content #no-more-tables table > thead > tr > th {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #475569 !important;
    background: #f8fafc !important;
    border-bottom: 1px solid #dbe3ee !important;
}

body.dm-app-theme .content .panel .panel-heading,
body.dm-app-theme .content .box .box-header {
    font-size: 13px !important;
    font-weight: 700 !important;
}

body.dm-app-theme .content .dataTables_wrapper .dataTables_info,
body.dm-app-theme .content .dataTables_wrapper .dataTables_length label,
body.dm-app-theme .content .dataTables_wrapper .dataTables_filter label,
body.dm-app-theme .content .dataTables_wrapper .paginate_button {
    font-size: 12px !important;
}

body.dm-app-theme .content .dataTables_wrapper .dataTables_paginate .paginate_button {
    cursor: pointer !important;
}

body.dm-app-theme .content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    cursor: not-allowed !important;
}

body.dm-app-theme #main_wrapper .dm-report-types-card {
    margin: 10px 0 12px !important;
    padding: 10px 12px !important;
    background: #ffffff !important;
    border: 1px solid #dbe3ee !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 6px rgba(15, 23, 42, 0.04) !important;
}

body.dm-app-theme #main_wrapper .dm-report-types-card .AllGroups,
body.dm-app-theme #main_wrapper .dm-report-types-card .AllGroups2 {
    margin-bottom: 6px !important;
}

body.dm-app-theme #main_wrapper .dm-report-types-card .AllGroups2 {
    margin-bottom: 0 !important;
}

body.dm-app-theme #main_wrapper .dm-report-types-card .dm-report-group-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.dm-app-theme #main_wrapper .dm-report-types-card .dm-report-group-label {
    font-weight: 700 !important;
    color: #475569 !important;
    margin-top: 8px !important;
}

body.dm-app-theme #main_wrapper .dm-report-types-card .dm-report-group-controls {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Cheque-issue style: label → single-line select → Hide switch (per strip); two strips side by side (Bootstrap cols) */
body.dm-app-theme #main_wrapper .dm-report-types-card .dm-report-group-row--sbs {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.dm-app-theme #main_wrapper .dm-report-types-card .dm-report-group-inline-strip {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 40px !important;
}

body.dm-app-theme #main_wrapper .dm-report-types-card .dm-report-group-inline-strip .dm-report-group-label {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding-top: 0 !important;
    white-space: nowrap !important;
}

body.dm-app-theme #main_wrapper .dm-report-types-card .dm-report-group-inline-strip .dm-report-group-field-wrap {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

body.dm-app-theme #main_wrapper .dm-report-types-card .dm-report-group-inline-strip .dm-report-group-toggle {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
}

body.dm-app-theme #main_wrapper .dm-report-types-card .dm-report-group-controls .btnSelCre,
body.dm-app-theme #main_wrapper .dm-report-types-card .dm-report-group-controls .btnSelCre2 {
    margin: 0 !important;
    border-radius: 7px !important;
    border: 1px solid #fdba74 !important;
    background: #fff7ed !important;
    color: #b34700 !important;
    font-weight: 700 !important;
}

body.dm-app-theme #main_wrapper .dm-report-types-card .dm-report-group-controls .btnSelCre.btn-primary,
body.dm-app-theme #main_wrapper .dm-report-types-card .dm-report-group-controls .btnSelCre2.btn-primary {
    background: #ff6900 !important;
    border-color: #ff6900 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.16) !important;
}

/* Single-line select (size=1): compact; full list on open */
body.dm-app-theme #main_wrapper .dm-report-types-card .dm-report-group-listbox {
    flex: 1 1 120px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    margin: 0 !important;
    padding: 4px 8px !important;
    border-radius: 8px !important;
    border: 1px solid #fdba74 !important;
    background: #fffdfb !important;
    color: #7c2d12 !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
}

body.dm-app-theme #main_wrapper .dm-report-types-card .dm-report-group-listbox option {
    padding: 4px 8px !important;
}

body.dm-app-theme #main_wrapper .dm-report-types-card .dm-report-group-toggle {
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

body.dm-app-theme #main_wrapper .dm-report-types-card .dm-report-group-toggle .bootstrap-switch {
    margin: 0 !important;
}

/* Toggle UI aligned with app design (orange theme) */
body.dm-app-theme #main_wrapper .dm-report-types-card .dm-report-group-toggle .bootstrap-switch {
    border: 1px solid #fdba74 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: none !important;
    min-width: auto !important;
    width: auto !important;
}

body.dm-app-theme #main_wrapper .dm-report-types-card .dm-report-group-toggle .bootstrap-switch .bootstrap-switch-handle-on,
body.dm-app-theme #main_wrapper .dm-report-types-card .dm-report-group-toggle .bootstrap-switch .bootstrap-switch-handle-off,
body.dm-app-theme #main_wrapper .dm-report-types-card .dm-report-group-toggle .bootstrap-switch .bootstrap-switch-label {
    font-family: "Inter" !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    height: 30px !important;
    line-height: 20px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

body.dm-app-theme #main_wrapper .dm-report-types-card .dm-report-group-toggle .bootstrap-switch .bootstrap-switch-container {
    display: inline-flex !important;
    align-items: stretch !important;
}

body.dm-app-theme #main_wrapper .dm-report-types-card .dm-report-group-toggle .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    background: #ff6900 !important;
    color: #ffffff !important;
    border-radius: 9px 0 0 9px !important;
    min-width: 54px !important;
}

body.dm-app-theme #main_wrapper .dm-report-types-card .dm-report-group-toggle .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
    background: #fff7ed !important;
    color: #b34700 !important;
    border-radius: 0 9px 9px 0 !important;
    min-width: 54px !important;
}

body.dm-app-theme #main_wrapper .dm-report-types-card .dm-report-group-toggle .bootstrap-switch .bootstrap-switch-label {
    width: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

/* Report page upper area — avoid painting every control orange */
body.dm-app-theme #main_wrapper .panel.panel-default .btnSearch:not(.dm-report-btn),
body.dm-app-theme #main_wrapper .panel.panel-default #btnReset:not(.dm-report-btn),
body.dm-app-theme #main_wrapper .panel.panel-default .btnPrint:not(.dm-report-toolbar-btn),
body.dm-app-theme #main_wrapper .panel.panel-default #btnPrint2:not(.dm-report-toolbar-btn),
body.dm-app-theme #main_wrapper .panel.panel-default .PrintReceiveable:not(.dm-report-toolbar-btn),
body.dm-app-theme #main_wrapper .panel.panel-default #txtReportsCombinationDefault:not(.dm-report-toolbar-btn) {
    background: #ff6900 !important;
    border-color: #ff6900 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

body.dm-app-theme #main_wrapper .panel.panel-default .btnSearch:not(.dm-report-btn):hover,
body.dm-app-theme #main_wrapper .panel.panel-default #btnReset:not(.dm-report-btn):hover,
body.dm-app-theme #main_wrapper .panel.panel-default .btnPrint:not(.dm-report-toolbar-btn):hover,
body.dm-app-theme #main_wrapper .panel.panel-default #btnPrint2:not(.dm-report-toolbar-btn):hover,
body.dm-app-theme #main_wrapper .panel.panel-default .PrintReceiveable:not(.dm-report-toolbar-btn):hover,
body.dm-app-theme #main_wrapper .panel.panel-default #txtReportsCombinationDefault:not(.dm-report-toolbar-btn):hover {
    background: #e65e00 !important;
    border-color: #e65e00 !important;
    color: #ffffff !important;
}

/* Report data table toolbar (report_new): single flex row + dropdowns */
#main_wrapper .dm-report-datatable-toolbar {
    margin-bottom: 10px;
}
#main_wrapper .dm-report-datatable-toolbar__inner {
    padding: 12px 16px;
}
#main_wrapper .dm-report-datatable-toolbar__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
    margin: 0;
    border: none;
    background: transparent;
}
#main_wrapper .dm-report-datatable-toolbar__actions .dm-report-toolbar-field {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}
#main_wrapper .dm-report-datatable-toolbar__actions .dm-report-toolbar-label {
    margin: 0;
    font-weight: 600;
    font-size: 12px;
    color: #475569;
    white-space: nowrap;
}
#main_wrapper .dm-report-datatable-toolbar__actions .dm-report-toolbar-select {
    min-width: 110px;
    max-width: 220px;
    height: 30px;
    padding: 4px 8px;
    font-size: 12px;
}
#main_wrapper .dm-report-datatable-toolbar__actions .dm-report-toolbar-meta-item {
    display: inline-flex;
    align-items: center;
}

body.dm-app-theme #main_wrapper .dm-report-datatable-toolbar {
    border: 1px solid #dbe3ee !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.05) !important;
}
body.dm-app-theme #main_wrapper .dm-report-datatable-toolbar .panel-body {
    padding: 12px 16px !important;
}
body.dm-app-theme #main_wrapper #htmlexportPDF.dm-report-datatable-toolbar .panel-body {
    padding: 8px 12px !important;
}

body.dm-app-theme #main_wrapper #htmlexportPDF .btnApplyMoreFilters,
body.dm-app-theme #main_wrapper #htmlexportPDF #btnApplyMoreFilters {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
    font-weight: 600 !important;
}
body.dm-app-theme #main_wrapper #htmlexportPDF #btnApplyMoreFilters:hover,
body.dm-app-theme #main_wrapper #htmlexportPDF #btnApplyMoreFilters.active:hover {
    background: #e2e8f0 !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

/* Report first card: from / to / language / period on one row */
#main_wrapper .dm-report-filters-top-row .dm-report-language-field,
#main_wrapper .dm-report-filters-top-row .dm-report-period-field {
    margin-bottom: 0;
}
body.dm-app-theme #main_wrapper .dm-report-filters-top-row .dm-report-toolbar-label {
    display: block;
    font-weight: 600;
    font-size: 12px;
    color: #475569;
    margin-bottom: 4px;
}
body.dm-app-theme #main_wrapper .dm-report-filters-top-row .dm-report-toolbar-select {
    width: 100%;
    max-width: 100%;
    height: 32px;
    font-size: 12px;
    border-radius: 8px;
    border: 1px solid #dbe3ee;
}

/* —— Report page header & cards (report_new upper UI) —— */
body.dm-app-theme #main_wrapper.dm-report-page {
    background: #f8fafc;
}
body.dm-app-theme #main_wrapper.dm-report-page .page_content {
    background: transparent;
}
body.dm-app-theme #main_wrapper .dm-report-page-header {
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 0;
    padding: 12px 0 14px;
}
body.dm-app-theme #main_wrapper .dm-report-page-header__inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}
body.dm-app-theme #main_wrapper .dm-report-page-header__h1 {
    margin: 0;
    padding: 0;
    line-height: 1.25;
    text-transform: none;
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
}
body.dm-app-theme #main_wrapper .dm-report-page-header__title-main {
    display: block;
    font-weight: 700;
    letter-spacing: -0.01em;
}
body.dm-app-theme #main_wrapper .dm-report-page-header__title-meta {
    display: block;
    margin-top: 4px;
    font-size: 0.95rem;
    font-weight: 500;
    color: #64748b;
}
/* Legacy group hint strings — kept for JS sync logic; not shown (totals card is source of truth) */
body.dm-app-theme #main_wrapper .dm-report-header-group-legacy {
    display: none !important;
}
body.dm-app-theme #main_wrapper .dm-report-card {
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04) !important;
    background: #ffffff !important;
    overflow: hidden;
}
body.dm-app-theme #main_wrapper .dm-report-card .panel-heading.dm-report-card__head {
    padding: 10px 16px !important;
    margin: 0 !important;
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
}
body.dm-app-theme #main_wrapper .dm-report-card__title {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
}
body.dm-app-theme #main_wrapper .dm-report-card__body.panel-body {
    padding: 16px !important;
}
body.dm-app-theme #main_wrapper .dm-report-card--filters .dm-report-card__body.panel-body {
    padding: 12px 14px 10px !important;
}
body.dm-app-theme #main_wrapper .dm-report-hidden-fields {
    margin: 0;
    padding: 0;
    border: 0;
}
body.dm-app-theme #main_wrapper .dm-report-filters-top-row {
    margin-left: -8px;
    margin-right: -8px;
}
body.dm-app-theme #main_wrapper .dm-report-filters-top-row > [class*="col-"] {
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 12px;
}
body.dm-app-theme #main_wrapper .dm-report-date-field {
    margin-bottom: 0;
}
body.dm-app-theme #main_wrapper .dm-report-field-label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    margin-bottom: 4px;
}
body.dm-app-theme #main_wrapper .dm-report-date-field .form-control,
body.dm-app-theme #main_wrapper .dm-report-filters-top-row .dm-report-toolbar-select,
body.dm-app-theme #main_wrapper .dm-report-filters-top-row .dm-report-language-field .form-control,
body.dm-app-theme #main_wrapper .dm-report-filters-top-row .dm-report-period-field .form-control {
    height: 34px;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    font-size: 13px;
    box-shadow: none;
}
body.dm-app-theme #main_wrapper .dm-report-date-field .form-control:focus {
    border-color: #2563eb;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.15);
}
body.dm-app-theme #main_wrapper .dm-report-filter-card__actions {
    margin-top: 4px;
    margin-bottom: 0;
}
body.dm-app-theme #main_wrapper .dm-report-filter-card__actions-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px 10px;
    padding-top: 8px;
    border-top: 1px solid #f1f5f9;
    margin-top: 6px;
}
body.dm-app-theme #main_wrapper .dm-report-card--filters .dm-report-btn {
    min-height: 34px;
    padding: 6px 14px;
    font-weight: 600;
    border-radius: 8px;
}
body.dm-app-theme #main_wrapper .dm-report-card--filters .dm-report-btn--primary {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
}
body.dm-app-theme #main_wrapper .dm-report-card--filters .dm-report-btn--primary:hover {
    background: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
    color: #ffffff !important;
}
body.dm-app-theme #main_wrapper .dm-report-card--filters .dm-report-btn--secondary {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
}
body.dm-app-theme #main_wrapper .dm-report-card--filters .dm-report-btn--secondary:hover {
    background: #f8fafc !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}
body.dm-app-theme #main_wrapper .dm-report-card--filters #btnApplyMoreFilters.dm-report-btn--filters-mid {
    background: #eff6ff !important;
    border: 1px solid #2563eb !important;
    color: #1d4ed8 !important;
}
body.dm-app-theme #main_wrapper .dm-report-card--filters #btnApplyMoreFilters.dm-report-btn--filters-mid:hover,
body.dm-app-theme #main_wrapper .dm-report-card--filters #btnApplyMoreFilters.dm-report-btn--filters-mid.active:hover {
    background: #dbeafe !important;
    border-color: #1d4ed8 !important;
    color: #1e3a8a !important;
}
body.dm-app-theme #main_wrapper .dm-report-card--grouping .dm-report-card__body {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
body.dm-app-theme #main_wrapper .dm-report-card--grouping .dm-report-types-card {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}
/* Row 1: label full width. Row 2: listbox + Show/Hide switch on one line */
body.dm-app-theme #main_wrapper .dm-report-card--grouping .dm-report-group-inline-strip {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    align-content: flex-start !important;
    gap: 8px 12px !important;
    min-height: 0 !important;
    padding: 8px 10px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    background: #fafbfc !important;
}
body.dm-app-theme #main_wrapper .dm-report-card--grouping .dm-report-group-row--sbs > [class*="col-"] {
    margin-bottom: 8px;
}
body.dm-app-theme #main_wrapper .dm-report-card--grouping .dm-report-group-inline-strip .dm-report-group-label {
    flex: 1 1 100% !important;
    width: 100% !important;
    white-space: normal !important;
    margin: 0 0 2px 0 !important;
    padding-top: 0 !important;
    font-size: 12px;
    font-weight: 700;
    color: #475569;
}
body.dm-app-theme #main_wrapper .dm-report-card--grouping .dm-report-group-inline-strip .dm-report-group-field-wrap {
    flex: 1 1 auto !important;
    min-width: 120px !important;
    max-width: calc(100% - 130px) !important;
    width: auto !important;
}
body.dm-app-theme #main_wrapper .dm-report-card--grouping .dm-report-group-inline-strip .dm-report-group-toggle {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    justify-content: flex-end !important;
}
body.dm-app-theme #main_wrapper .dm-report-card--grouping .dm-report-group-listbox {
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    max-width: 100% !important;
}
/*
 * Totals card: bootstrap-switch jQuery plugin v3.0 wraps .bs_switch in div.switch (NOT .bootstrap-switch).
 * style_22.css forces border-radius:0 on .switch — override with higher specificity + vendor prefixes.
 */
body.dm-app-theme #main_wrapper .dm-report-card--grouping .dm-report-types-card .dm-report-group-toggle div.switch {
    display: inline-block !important;
    min-width: 112px !important;
    height: 34px !important;
    line-height: 32px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 999px !important;
    -webkit-border-radius: 999px !important;
    -moz-border-radius: 999px !important;
    overflow: hidden !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08) !important;
    vertical-align: middle !important;
    background: #f1f5f9 !important;
}
body.dm-app-theme #main_wrapper .dm-report-card--grouping .dm-report-types-card .dm-report-group-toggle .switch.switch-focused {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.22) !important;
    -webkit-box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.22) !important;
    -moz-box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.22) !important;
}
body.dm-app-theme #main_wrapper .dm-report-card--grouping .dm-report-types-card .dm-report-group-toggle .switch > div {
    border-radius: inherit !important;
    -webkit-border-radius: inherit !important;
    -moz-border-radius: inherit !important;
}
body.dm-app-theme #main_wrapper .dm-report-card--grouping .dm-report-types-card .dm-report-group-toggle .switch > div > span.switch-handle-on,
body.dm-app-theme #main_wrapper .dm-report-card--grouping .dm-report-types-card .dm-report-group-toggle .switch > div > span.switch-handle-off {
    font-family: "Inter", system-ui, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 32px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
body.dm-app-theme #main_wrapper .dm-report-card--grouping .dm-report-types-card .dm-report-group-toggle .switch > div > span.switch-handle-on.switch-primary {
    background: #2563eb !important;
    background-color: #2563eb !important;
    color: #ffffff !important;
    border-radius: 999px 0 0 999px !important;
    -webkit-border-radius: 999px 0 0 999px !important;
    -moz-border-radius: 999px 0 0 999px !important;
}
body.dm-app-theme #main_wrapper .dm-report-card--grouping .dm-report-types-card .dm-report-group-toggle .switch > div > span.switch-handle-off.switch-default {
    background: #e2e8f0 !important;
    background-color: #e2e8f0 !important;
    color: #334155 !important;
    border-radius: 0 999px 999px 0 !important;
    -webkit-border-radius: 0 999px 999px 0 !important;
    -moz-border-radius: 0 999px 999px 0 !important;
}
body.dm-app-theme #main_wrapper .dm-report-card--grouping .dm-report-types-card .dm-report-group-toggle .switch.switch-on > div > label,
body.dm-app-theme #main_wrapper .dm-report-card--grouping .dm-report-types-card .dm-report-group-toggle .switch.switch-off > div > label {
    background-image: none !important;
    background-color: rgba(255, 255, 255, 0.92) !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}

/* Toolbar: grouped actions + control row
   Fix overlap: global .nav-light { height: 36px } + .btn-glass { flex-grow: 1 } break this layout */
#main_wrapper #htmlexportPDF.dm-report-datatable-toolbar .dm-report-datatable-toolbar__inner {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
}
#main_wrapper #htmlexportPDF nav.nav-light.dm-report-datatable-toolbar__actions,
#main_wrapper #htmlexportPDF nav.nav-light.dm-report-toolbar__actions-main {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    width: 100% !important;
    overflow: visible !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    align-content: flex-start !important;
    gap: 12px 16px !important;
    box-sizing: border-box !important;
}
#main_wrapper #htmlexportPDF nav.nav-light .btn-glass {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
}
#main_wrapper #htmlexportPDF nav.nav-light .dm-report-toolbar-btn {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
}
#main_wrapper #htmlexportPDF .dm-report-toolbar__actions-main {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 10px 12px;
    margin: 0 0 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f1f5f9;
}
#main_wrapper #htmlexportPDF .dm-report-toolbar__group {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid #eef2f7;
}
/* Print + Copy + Print layout on one row */
#main_wrapper #htmlexportPDF .dm-report-toolbar__print-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    width: 100%;
    flex: 1 1 100%;
    min-height: 34px;
}
#main_wrapper #htmlexportPDF .dm-report-toolbar__print-row > .dm-report-toolbar-btn,
#main_wrapper #htmlexportPDF .dm-report-toolbar__print-row > .btn {
    flex-shrink: 0;
}
#main_wrapper #htmlexportPDF .dm-report-toolbar__print-row .report_orientation .dm-report-toolbar-field,
#main_wrapper #htmlexportPDF .dm-report-toolbar__print-orientation .dm-report-toolbar-field {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
}
#main_wrapper #htmlexportPDF .dm-report-toolbar__print-row .dm-report-toolbar-label {
    margin-bottom: 0 !important;
    white-space: nowrap;
}
#main_wrapper #htmlexportPDF .dm-report-toolbar__print-row .dm-report-toolbar-select {
    height: 32px;
    min-width: 110px;
    max-width: 160px;
}
#main_wrapper #htmlexportPDF .dm-report-toolbar__group-label {
    display: block;
    width: 100%;
    flex: 0 0 100%;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #94a3b8;
    margin-bottom: 2px;
}
#main_wrapper #htmlexportPDF .dm-report-toolbar__group--document,
#main_wrapper #htmlexportPDF .dm-report-toolbar__group--export,
#main_wrapper #htmlexportPDF .dm-report-toolbar__group--advanced {
    flex: 1 1 200px;
    min-width: 160px;
}
#main_wrapper #htmlexportPDF .dm-report-toolbar__group--export {
    gap: 8px 10px;
}
#main_wrapper #htmlexportPDF .dm-report-toolbar__export-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    width: 100%;
    flex: 1 1 100%;
    min-height: 34px;
}
#main_wrapper #htmlexportPDF .dm-report-toolbar__export-row > .dm-report-toolbar-btn,
#main_wrapper #htmlexportPDF .dm-report-toolbar__export-row > a.btn {
    flex-shrink: 0;
}
body.dm-app-theme #main_wrapper #htmlexportPDF .dm-report-toolbar-btn {
    font-weight: 600 !important;
    border-radius: 8px !important;
}
body.dm-app-theme #main_wrapper #htmlexportPDF .dm-report-toolbar-btn--neutral {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
}
body.dm-app-theme #main_wrapper #htmlexportPDF .dm-report-toolbar-btn--neutral:hover {
    background: #f8fafc !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}
body.dm-app-theme #main_wrapper #htmlexportPDF .dm-report-toolbar-btn--export {
    background: #fffbeb !important;
    border: 1px solid #fcd34d !important;
    color: #92400e !important;
}
body.dm-app-theme #main_wrapper #htmlexportPDF .dm-report-toolbar-btn--export:hover {
    background: #fef3c7 !important;
    border-color: #f59e0b !important;
    color: #78350f !important;
}
body.dm-app-theme #main_wrapper #htmlexportPDF .dm-report-toolbar-btn--filters {
    border-color: #2563eb !important;
    color: #1d4ed8 !important;
    background: #eff6ff !important;
}
body.dm-app-theme #main_wrapper #htmlexportPDF .dm-report-toolbar-btn--filters:hover {
    background: #dbeafe !important;
}
#main_wrapper #htmlexportPDF .dm-report-toolbar__controls-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 14px;
    clear: both;
    margin-top: 0;
    padding-top: 4px;
}
/* Report / Sales / Stock + Search on one line (wraps on narrow viewports) */
#main_wrapper #htmlexportPDF .dm-report-toolbar__controls-row--meta {
    flex-wrap: nowrap;
    align-items: center;
}
#main_wrapper #htmlexportPDF .dm-report-toolbar__controls-meta {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    flex: 1 1 auto;
    min-width: 0;
}
#main_wrapper #htmlexportPDF .dm-report-toolbar__controls-meta .dm-report-toolbar-meta-item {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0;
}
#main_wrapper #htmlexportPDF .dm-report-toolbar__controls-meta .reporttypes .dm-report-toolbar-field,
#main_wrapper #htmlexportPDF .dm-report-toolbar__controls-meta .rptype .dm-report-toolbar-field,
#main_wrapper #htmlexportPDF .dm-report-toolbar__controls-meta .stock_types .dm-report-toolbar-field {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    margin: 0;
}
#main_wrapper #htmlexportPDF .dm-report-toolbar__controls-meta .dm-report-toolbar-label {
    margin-bottom: 0 !important;
    white-space: nowrap;
}
#main_wrapper #htmlexportPDF .dm-report-toolbar__controls-meta .dm-report-toolbar-select {
    height: 32px;
    min-width: 100px;
    max-width: 200px;
    width: auto;
}
/* Report type dropdown — wider than default meta selects (~1.7× prior max) */
#main_wrapper #htmlexportPDF .dm-report-toolbar__controls-meta select[name="types"],
#main_wrapper #htmlexportPDF .dm-report-toolbar__controls-meta .dm-report-toolbar-select--report-type {
    min-width: 220px !important;
    max-width: 340px !important;
    width: min(340px, 100%) !important;
}
#main_wrapper #htmlexportPDF .dm-report-toolbar__controls-right {
    flex: 0 1 320px;
    max-width: 360px;
    min-width: 160px;
    position: relative;
    z-index: 2;
}
#main_wrapper .dm-report-table-search-slot {
    position: relative;
    z-index: 2;
    width: 100%;
    min-width: 0;
}
#main_wrapper .dm-report-table-search-slot .dataTables_filter {
    float: none !important;
    text-align: right;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    width: 100%;
}
#main_wrapper .dm-report-table-search-slot .dataTables_filter label {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
    margin: 0 !important;
    margin-top: 0 !important;
    font-weight: 600;
    font-size: 12px !important;
    color: #475569;
}
/* Override style_22 .dataTables_filter input { padding: 15px 160px ... } (causes huge white box) */
#main_wrapper .dm-report-table-search-slot .dataTables_filter input {
    flex: 1 1 140px;
    max-width: 280px;
    min-width: 120px;
    width: auto !important;
    height: 34px !important;
    padding: 6px 12px !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    font-size: 13px !important;
    box-sizing: border-box !important;
}
body.dm-app-theme #main_wrapper #htmlexportPDF .dm-report-table-search-slot .dataTables_filter input {
    padding: 6px 12px !important;
}
body.dm-app-theme #main_wrapper #htmlexportPDF .dm-report-table-search-slot .dataTables_filter label {
    margin-top: 0 !important;
}
body.dm-app-theme #main_wrapper .dm-shortcut-kbd {
    display: inline-block;
    margin-left: 4px;
    padding: 1px 5px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
    color: #64748b;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    vertical-align: middle;
}

@media (max-width: 991px) {
    #main_wrapper #htmlexportPDF .dm-report-toolbar__group--document,
    #main_wrapper #htmlexportPDF .dm-report-toolbar__group--export,
    #main_wrapper #htmlexportPDF .dm-report-toolbar__group--advanced {
        flex: 1 1 100%;
    }
    #main_wrapper #htmlexportPDF .dm-report-toolbar__controls-row--meta {
        flex-wrap: wrap;
    }
    #main_wrapper #htmlexportPDF .dm-report-toolbar__controls-right {
        flex: 1 1 100%;
        max-width: none;
    }
}

body.dm-app-theme #Filters-lookup .modal-header .btn,
body.dm-app-theme #Chart-Report-Lookup .modal-header .btn {
    background: #ff6900 !important;
    border-color: #ff6900 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

body.dm-app-theme #Filters-lookup .modal-header .btn:hover,
body.dm-app-theme #Chart-Report-Lookup .modal-header .btn:hover {
    background: #e65e00 !important;
    border-color: #e65e00 !important;
    color: #ffffff !important;
}

/* ==========================================================================
   App-wide form + reports menu polish (promoted from purchase style language)
   ========================================================================== */
body.dm-app-theme #main_wrapper .panel.panel-default {
    border: 1px solid #dbe3ee !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.05) !important;
    overflow: hidden !important;
    background: #fff !important;
}

body.dm-app-theme #main_wrapper .panel.panel-default > .panel-heading {
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    padding: 10px 14px !important;
}

body.dm-app-theme #main_wrapper .panel.panel-default > .panel-body {
    padding: 14px !important;
}

body.dm-app-theme #main_wrapper .form-group {
    margin-bottom: 12px !important;
}

body.dm-app-theme #main_wrapper .form-group > label,
body.dm-app-theme #main_wrapper .control-label {
    color: #334155 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

body.dm-app-theme #main_wrapper .report .form-group .form-control,
body.dm-app-theme #main_wrapper .report .form-group select.form-control,
body.dm-app-theme #main_wrapper .report .form-group .input-group-addon {
    min-height: 34px !important;
    height: 34px !important;
}

body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu .treeview-menu > li.report > a {
    border-left: 2px solid transparent !important;
    padding-left: 16px !important;
}

body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu .treeview-menu > li.report:hover > a,
body.dm-app-theme .main-sidebar.main-sidebar-newtheme .sidebar-menu .treeview-menu > li.report.active > a {
    border-left-color: #ff6900 !important;
    background: rgba(255, 105, 0, 0.08) !important;
}

/* ==========================================================================
   Dropdowns & list boxes — orange hover/selection, z-index, taller lists (no clip)
   Applies project-wide under body.dm-app-theme (Select2, Chosen, Chzn, BS menus).
   ========================================================================== */
body.dm-app-theme {
    --dm-dd-orange: #ff6900;
    --dm-dd-orange-hover: #e65e00;
    --dm-dd-orange-soft: rgba(255, 105, 0, 0.16);
    --dm-dd-orange-softer: rgba(255, 105, 0, 0.1);
    --dm-dd-orange-ink: #9a3412;
    --dm-dd-z: 10050;
    --dm-dd-z-modal: 10080;
}

/* Let absolutely positioned dropdowns escape rounded panels/boxes */
body.dm-app-theme .box,
body.dm-app-theme .panel,
body.dm-app-theme .card {
    overflow: visible !important;
}

body.dm-app-theme .table-responsive {
    overflow-x: auto !important;
    overflow-y: visible !important;
}

body.dm-app-theme .tab-content > .tab-pane.active,
body.dm-app-theme .tab-content > .active.tab-pane,
body.dm-app-theme .pill-content > .pill-pane.active {
    overflow: visible !important;
}

/* ----- Select2 (v4 default + classic) ----- */
body.dm-app-theme .select2-dropdown {
    border-color: #fed7aa !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.14) !important;
    z-index: var(--dm-dd-z) !important;
}

body.dm-app-theme.modal-open .select2-dropdown,
body.modal-open.dm-app-theme .select2-dropdown {
    z-index: var(--dm-dd-z-modal) !important;
}

body.dm-app-theme .select2-container--default .select2-results > .select2-results__options {
    max-height: min(55vh, 360px) !important;
}

body.dm-app-theme .select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: var(--dm-dd-orange-softer) !important;
    color: var(--dm-dd-orange-ink) !important;
    font-weight: 600 !important;
}

body.dm-app-theme .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--dm-dd-orange) !important;
    color: #fff !important;
}

body.dm-app-theme .select2-container--default .select2-results__option--highlighted[aria-selected="true"] {
    background-color: var(--dm-dd-orange-hover) !important;
    color: #fff !important;
}

body.dm-app-theme .select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: var(--dm-dd-orange) !important;
    color: #fff !important;
}

body.dm-app-theme .select2-container--default.select2-container--focus .select2-selection--single,
body.dm-app-theme .select2-container--default.select2-container--open .select2-selection--single,
body.dm-app-theme .select2-container--default.select2-container--focus .select2-selection--multiple,
body.dm-app-theme .select2-container--default.select2-container--open .select2-selection--multiple {
    border-color: var(--dm-dd-orange) !important;
}

body.dm-app-theme .select2-container--default .select2-selection--single:hover,
body.dm-app-theme .select2-container--default .select2-selection--multiple:hover {
    border-color: #fdba74 !important;
}

body.dm-app-theme .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: var(--dm-dd-orange-soft) !important;
    border: 1px solid #fdba74 !important;
    color: var(--dm-dd-orange-ink) !important;
}

/* Select2 v3 */
body.dm-app-theme .select2-drop.select2-drop-active {
    border-color: #fed7aa !important;
    z-index: var(--dm-dd-z) !important;
}

body.dm-app-theme .select2-drop .select2-results li.select2-highlighted,
body.dm-app-theme .select2-container .select2-drop .select2-results > li.highlighted {
    background: var(--dm-dd-orange) !important;
    color: #fff !important;
}

body.dm-app-theme .select2-drop .select2-results li.select2-selected {
    background: var(--dm-dd-orange-softer) !important;
    color: var(--dm-dd-orange-ink) !important;
}

/* ----- Chosen ----- */
body.dm-app-theme .chosen-container .chosen-drop {
    z-index: var(--dm-dd-z) !important;
    border-color: #fed7aa !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.14) !important;
}

body.dm-app-theme.modal-open .chosen-container .chosen-drop,
body.modal-open.dm-app-theme .chosen-container .chosen-drop {
    z-index: var(--dm-dd-z-modal) !important;
}

body.dm-app-theme .chosen-container .chosen-results {
    max-height: min(55vh, 340px) !important;
}

body.dm-app-theme .chosen-container .chosen-results li.highlighted {
    background: var(--dm-dd-orange) !important;
    color: #fff !important;
}

body.dm-app-theme .chosen-container .chosen-results li.result-selected {
    background: var(--dm-dd-orange-softer) !important;
    color: var(--dm-dd-orange-ink) !important;
    font-weight: 600 !important;
}

body.dm-app-theme .chosen-container-active.chosen-with-drop .chosen-single,
body.dm-app-theme .chosen-container-active .chosen-single {
    border-color: var(--dm-dd-orange) !important;
    box-shadow: 0 0 0 2px rgba(255, 105, 0, 0.12) !important;
}

/* ----- Chosen (Chzn) legacy class names ----- */
body.dm-app-theme .chzn-container .chzn-drop {
    z-index: var(--dm-dd-z) !important;
    border-color: #fed7aa !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.14) !important;
}

body.dm-app-theme.modal-open .chzn-container .chzn-drop,
body.modal-open.dm-app-theme .chzn-container .chzn-drop {
    z-index: var(--dm-dd-z-modal) !important;
}

body.dm-app-theme .chzn-container .chzn-results {
    max-height: min(55vh, 340px) !important;
}

body.dm-app-theme .chzn-results li.highlighted {
    background: var(--dm-dd-orange) !important;
    color: #fff !important;
}

body.dm-app-theme .chzn-results li.result-selected {
    background: var(--dm-dd-orange-softer) !important;
    color: var(--dm-dd-orange-ink) !important;
    font-weight: 600 !important;
}

/* ----- Native single selects (supported browsers) ----- */
body.dm-app-theme select.form-control:not([multiple]):not([size]) {
    accent-color: var(--dm-dd-orange);
}

body.dm-app-theme select.form-control[multiple],
body.dm-app-theme select.form-control[size] {
    border-color: #e2e8f0 !important;
}

/* ----- Bootstrap dropdown menus (toolbar / split buttons) ----- */
body.dm-app-theme .dropdown-menu {
    z-index: var(--dm-dd-z) !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12) !important;
}

body.dm-app-theme.modal-open .dropdown-menu,
body.modal-open.dm-app-theme .dropdown-menu {
    z-index: var(--dm-dd-z-modal) !important;
}

body.dm-app-theme .dropdown-menu > li > a:hover,
body.dm-app-theme .dropdown-menu > li > a:focus {
    background-color: var(--dm-dd-orange-soft) !important;
    color: var(--dm-dd-orange-ink) !important;
}

body.dm-app-theme .dropdown-menu > .active > a,
body.dm-app-theme .dropdown-menu > .active > a:hover,
body.dm-app-theme .dropdown-menu > .active > a:focus {
    background-color: var(--dm-dd-orange) !important;
    color: #fff !important;
}

body.dm-app-theme .navbar-nav .dropdown-menu > li > a:hover,
body.dm-app-theme .navbar-nav .dropdown-menu > li > a:focus {
    background-color: var(--dm-dd-orange-soft) !important;
    color: var(--dm-dd-orange-ink) !important;
}

body.dm-app-theme .dropdown-item:hover,
body.dm-app-theme .dropdown-item:focus {
    background-color: var(--dm-dd-orange-soft) !important;
    color: var(--dm-dd-orange-ink) !important;
}

body.dm-app-theme .dropdown-item.active,
body.dm-app-theme .dropdown-item:active {
    background-color: var(--dm-dd-orange) !important;
    color: #fff !important;
}

body.dm-app-theme .select2-search--dropdown .select2-search__field:focus {
    border-color: var(--dm-dd-orange) !important;
    outline: 0 !important;
}

/* ==========================================================================
   Reports — #Filters-lookup modal (Select2 v3, panels, no clipped lists)
   ========================================================================== */
body.dm-app-theme #Filters-lookup.dm-filters-lookup-modal .dm-filters-modal-dialog {
    width: 92% !important;
    max-width: 1100px !important;
    margin: 1.5rem auto !important;
}

body.dm-app-theme #Filters-lookup .dm-filters-modal-content {
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 16px 48px rgba(15, 23, 42, 0.18) !important;
    overflow: visible !important;
}

body.dm-app-theme #Filters-lookup .dm-filters-modal-header {
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 14px 18px !important;
    background: #f8fafc !important;
    border-radius: 12px 12px 0 0 !important;
}

body.dm-app-theme #Filters-lookup .dm-filters-modal-header-inner {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

body.dm-app-theme #Filters-lookup .dm-filters-modal-title {
    margin: 0 !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

body.dm-app-theme #Filters-lookup .dm-filters-modal-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: flex-end !important;
}

body.dm-app-theme #Filters-lookup .dm-filters-modal-body {
    padding: 16px 18px 20px !important;
    background: #f1f5f9 !important;
    overflow: visible !important;
}

body.dm-app-theme #Filters-lookup .dm-filters-modal-columns {
    margin-left: -8px !important;
    margin-right: -8px !important;
    overflow: visible !important;
}

body.dm-app-theme #Filters-lookup .dm-filters-modal-columns > [id^="txtPaneladvanced"] {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

body.dm-app-theme #Filters-lookup .dm-filters-panel-body {
    max-height: min(70vh, 520px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: auto !important;
    padding: 12px 14px !important;
}

body.dm-app-theme #Filters-lookup .dm-report-filter-row.row {
    margin-bottom: 0 !important;
    padding-bottom: 36px !important;
    overflow: visible !important;
}

/* Extra air below the control so tall multi-select chips never touch the next label */
body.dm-app-theme #Filters-lookup .dm-report-filter-row.row + .dm-report-filter-row.row {
    margin-top: 6px !important;
}

body.dm-app-theme #Filters-lookup .dm-report-filter-label {
    display: block !important;
    font-weight: 600 !important;
    font-size: var(--dm-text-label, 0.8125rem) !important;
    color: var(--dm-slate-600, #475569) !important;
    margin-bottom: 8px !important;
    margin-top: 2px !important;
}

body.dm-app-theme #Filters-lookup .dm-report-filter-hide-wrap {
    margin-bottom: 0 !important;
    padding-top: 4px !important;
}

@media (min-width: 768px) {
    body.dm-app-theme #Filters-lookup .dm-report-filter-hide-wrap {
        padding-top: 26px !important;
        padding-bottom: 4px !important;
    }
}

body.dm-app-theme #Filters-lookup .dm-report-filter-hide-label {
    font-weight: 500 !important;
    font-size: var(--dm-text-label, 0.8125rem) !important;
    color: var(--dm-slate-600, #475569) !important;
    margin: 0 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

body.dm-app-theme #Filters-lookup .dm-report-filter-hide-label input {
    margin: 0 !important;
    vertical-align: middle !important;
}

/* Select2 v3 — full width, no inner horizontal scroll */
body.dm-app-theme #Filters-lookup .select2-container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body.dm-app-theme #Filters-lookup .select2-container .select2-choice,
body.dm-app-theme #Filters-lookup .select2-container.select2-container-multi .select2-choices {
    border-radius: 6px !important;
    border-color: #cbd5e1 !important;
    min-height: 36px !important;
    height: auto !important;
    background: #fff !important;
}

body.dm-app-theme #Filters-lookup .select2-container .select2-choice > .select2-chosen {
    line-height: 34px !important;
}

body.dm-app-theme #Filters-lookup .select2-container.select2-container-multi .select2-choices .select2-search-field,
body.dm-app-theme #Chart-Report-Lookup .select2-container.select2-container-multi .select2-choices .select2-search-field {
    flex: 1 1 140px !important;
    width: auto !important;
    min-width: 100px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.dm-app-theme #Filters-lookup .select2-container.select2-container-multi .select2-choices .select2-search-field input,
body.dm-app-theme #Chart-Report-Lookup .select2-container.select2-container-multi .select2-choices .select2-search-field input {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

body.dm-app-theme #Filters-lookup .panel {
    overflow: visible !important;
    border-radius: 10px !important;
    border-color: #e2e8f0 !important;
}

body.dm-app-theme #Filters-lookup .panel-heading .panel-title > a {
    font-weight: 700 !important;
    font-size: 0.9375rem !important;
    color: #0f172a !important;
}

/* --------------------------------------------------------------------------
   Filters modal — Select2 v3 multi: single clean control, no double border,
   full width, dropdown affordance (multi-select is tag + search, not native <select>)
   -------------------------------------------------------------------------- */
body.dm-app-theme #Filters-lookup .dm-report-filter-field {
    display: flow-root !important;
    margin-bottom: 0 !important;
    padding: 0 0 10px 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.dm-app-theme #Filters-lookup .dm-report-filter-field > select.select2 {
    border: 0 !important;
    box-shadow: none !important;
}

/* Container: no outer chrome — border lives only on .select2-choices / .select2-choice */
body.dm-app-theme #Filters-lookup .select2-container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    vertical-align: top !important;
    position: relative !important;
    z-index: auto !important;
}

/* Multi-select: flex replaces float:left on <li> so wrapped tags expand layout (no overlap on next row) */
body.dm-app-theme #Filters-lookup .select2-container.select2-container-multi .select2-choices,
body.dm-app-theme #Chart-Report-Lookup .select2-container.select2-container-multi .select2-choices {
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    gap: 4px 6px !important;
    float: none !important;
    width: 100% !important;
    min-height: 38px !important;
    max-height: min(40vh, 200px) !important;
    margin: 0 !important;
    font-size: 12px !important;
    padding: 4px 32px 4px 8px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    background: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    position: relative !important;
}

body.dm-app-theme #Filters-lookup .select2-container-multi .select2-choices > li,
body.dm-app-theme #Chart-Report-Lookup .select2-container-multi .select2-choices > li {
    float: none !important;
}

body.dm-app-theme #Filters-lookup .select2-container-multi.select2-container-active .select2-choices,
body.dm-app-theme #Filters-lookup .select2-container-multi.select2-dropdown-open .select2-choices {
    border-color: var(--dm-dd-orange) !important;
    box-shadow: 0 0 0 2px rgba(255, 105, 0, 0.12) !important;
}

body.dm-app-theme #Filters-lookup .select2-container-multi .select2-choices::after {
    content: "" !important;
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    width: 0 !important;
    height: 0 !important;
    margin-top: -2px !important;
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-top: 6px solid #64748b !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

body.dm-app-theme #Filters-lookup .select2-container-multi .select2-choices .select2-search-field input,
body.dm-app-theme #Chart-Report-Lookup .select2-container-multi .select2-choices .select2-search-field input {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 120px !important;
    height: 26px !important;
    margin: 0 !important;
    padding: 4px 2px !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    line-height: 1.25 !important;
    font-size: 12px !important;
}

body.dm-app-theme #Filters-lookup .select2-container-multi .select2-choices .select2-search-choice,
body.dm-app-theme #Chart-Report-Lookup .select2-container-multi .select2-choices .select2-search-choice {
    margin: 0 !important;
    padding: 3px 22px 3px 20px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
}

body.dm-app-theme #Filters-lookup .select2-container-multi .select2-choices .select2-search-choice > div,
body.dm-app-theme #Filters-lookup .select2-container-multi .select2-choices .select2-search-choice .select2-chosen,
body.dm-app-theme #Chart-Report-Lookup .select2-container-multi .select2-choices .select2-search-choice > div,
body.dm-app-theme #Chart-Report-Lookup .select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    color: #334155 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    word-break: break-word !important;
}

body.dm-app-theme #Filters-lookup .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close,
body.dm-app-theme #Chart-Report-Lookup .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close {
    top: 50% !important;
    margin-top: -6px !important;
    transform: none !important;
}

/* Single-select (if used in modal): match multi look */
body.dm-app-theme #Filters-lookup .select2-container:not(.select2-container-multi) .select2-choice {
    box-sizing: border-box !important;
    height: 38px !important;
    min-height: 38px !important;
    line-height: 36px !important;
    padding: 0 32px 0 10px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    background: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.dm-app-theme #Filters-lookup .select2-container:not(.select2-container-multi).select2-container-active .select2-choice {
    border-color: var(--dm-dd-orange) !important;
    box-shadow: 0 0 0 2px rgba(255, 105, 0, 0.12) !important;
}

body.dm-app-theme #Filters-lookup .select2-container .select2-choice > .select2-chosen {
    line-height: 36px !important;
}

/* ==========================================================================
   Global dropdown fixes — text size, max-height, input-group alignment
   Select2 v3, Select2 v4, Chosen, Chzn — all under body.dm-app-theme
   ========================================================================== */

/* --- 1. Uniform font-size across ALL dropdown libraries (13px = matches form inputs) --- */
body.dm-app-theme .select2-results li,
body.dm-app-theme .select2-results .select2-result-label,
body.dm-app-theme .select2-drop .select2-results li,
body.dm-app-theme .select2-drop .select2-results .select2-result-label {
    font-size: 13px !important;
    color: #334155 !important;
    padding: 8px 10px !important;
    line-height: 1.4 !important;
}

body.dm-app-theme .select2-results__option,
body.dm-app-theme .select2-container--default .select2-results__option {
    font-size: 13px !important;
    padding: 8px 10px !important;
    line-height: 1.4 !important;
}

body.dm-app-theme .chosen-results li,
body.dm-app-theme .chzn-results li {
    font-size: 13px !important;
    padding: 8px 10px !important;
    line-height: 1.4 !important;
}

body.dm-app-theme .select2-drop .select2-search input,
body.dm-app-theme .select2-search--dropdown .select2-search__field,
body.dm-app-theme .chosen-search input,
body.dm-app-theme .chzn-search input {
    font-size: 13px !important;
    padding: 6px 8px !important;
}

body.dm-app-theme .select2-container .select2-choice > .select2-chosen,
body.dm-app-theme .select2-container .select2-chosen {
    font-size: 13px !important;
}

body.dm-app-theme .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 13px !important;
}

body.dm-app-theme .chosen-container-single .chosen-single span,
body.dm-app-theme .chzn-container-single .chzn-single span {
    font-size: 13px !important;
}

/* --- 2. Prevent dropdowns from being cut off (override restrictive max-height) --- */
body.dm-app-theme .select2-results {
    max-height: min(55vh, 340px) !important;
    overflow-y: auto !important;
}

body.dm-app-theme .select2-drop {
    max-height: none !important;
    overflow: visible !important;
}

body.dm-app-theme .chosen-drop .chosen-results,
body.dm-app-theme .chzn-drop .chzn-results {
    max-height: min(55vh, 340px) !important;
    overflow-y: auto !important;
}

body.dm-app-theme .chosen-container .chosen-drop,
body.dm-app-theme .chzn-container .chzn-drop {
    overflow: visible !important;
}

/* --- 3. Select2 (v3) inside .input-group — proper width/alignment --- */
body.dm-app-theme .input-group .select2-container {
    display: table-cell !important;
    width: 100% !important;
}

body.dm-app-theme .input-group .select2-container .select2-choice {
    height: 34px !important;
    line-height: 32px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body.dm-app-theme .input-group .select2-container.select2-container-active .select2-choice {
    border-color: var(--dm-dd-orange, #ff6900) !important;
    box-shadow: 0 0 0 2px rgba(255, 105, 0, 0.12) !important;
}

/* --- 4. Normalize input-sm selects enhanced by Select2 --- */
body.dm-app-theme select.input-sm + .select2-container .select2-choice,
body.dm-app-theme .select2-container .select2-choice {
    min-height: 34px !important;
    font-size: 13px !important;
}

body.dm-app-theme select.input-sm + .select2-container .select2-choice > .select2-chosen {
    line-height: 32px !important;
    font-size: 13px !important;
}

/* --- 5. Select2 (v4) inside .input-group --- */
body.dm-app-theme .input-group .select2-container--default .select2-selection--single {
    height: 34px !important;
    min-height: 34px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

/* --- 6. Native select inside .input-group (Customer Type etc.) --- */
body.dm-app-theme .input-group > select.form-control {
    font-size: 13px !important;
    height: 34px !important;
    color: #1f2937 !important;
    border-color: #cbd5e1 !important;
}

body.dm-app-theme .input-group > select.form-control:focus {
    border-color: var(--dm-dd-orange, #ff6900) !important;
    box-shadow: 0 0 0 2px rgba(255, 105, 0, 0.12) !important;
}

body.dm-app-theme .input-group > select.form-control option {
    font-size: 13px !important;
    padding: 6px 8px !important;
}

/* --- 7. Ensure dropdown panels don't clip under overflow:hidden ancestors --- */
body.dm-app-theme .form-group,
body.dm-app-theme .input-group {
    overflow: visible !important;
}

body.dm-app-theme .tab-content {
    overflow: visible !important;
}

body.dm-app-theme .panel-body {
    overflow: visible !important;
}

/* --- 8. Select2 v3 container: neutralize .form-control when on the wrapper --- */
body.dm-app-theme .select2-container {
    display: block !important;
    width: 100% !important;
}

body.dm-app-theme .select2-container.form-control,
body.dm-app-theme .select2-container.input-sm,
body.dm-app-theme .select2-container.form-control.input-sm {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    background-image: none !important;
    line-height: normal !important;
    font-size: inherit !important;
}

body.dm-app-theme .input-group .select2-container.form-control,
body.dm-app-theme .input-group .select2-container.input-sm {
    display: table-cell !important;
}

/* Also neutralize Chosen containers that inherit form-control */
body.dm-app-theme .chosen-container.form-control,
body.dm-app-theme .chzn-container.form-control {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

body.dm-app-theme .select2-container .select2-choice .select2-arrow {
    top: 0 !important;
    right: 0 !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    background: transparent !important;
    border-left: 1px solid #e2e8f0 !important;
}

body.dm-app-theme .select2-container .select2-choice .select2-arrow b {
    background-position: 0 3px !important;
}

/* Select2 v3 search input inside dropdown */
body.dm-app-theme .select2-drop .select2-search input.select2-input {
    font-size: 13px !important;
    height: 34px !important;
    padding: 6px 10px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}

/* Select2 v3 dropdown panel */
body.dm-app-theme .select2-drop.select2-drop-active {
    border: 1px solid #cbd5e1 !important;
    border-top: none !important;
    border-radius: 0 0 6px 6px !important;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.10) !important;
}

/* --- 9. Chosen/Select2 container full-width in input-group (table-cell layout) --- */
body.dm-app-theme .input-group > .chosen-container,
body.dm-app-theme .input-group > .chzn-container {
    display: table-cell !important;
    width: 100% !important;
}

body.dm-app-theme .input-group > .chosen-container.form-control,
body.dm-app-theme .input-group > .chzn-container.form-control {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

body.dm-app-theme .input-group > .chosen-container-single .chosen-single,
body.dm-app-theme .input-group > .chzn-container-single .chzn-single {
    height: 34px !important;
    line-height: 32px !important;
}

/* --- 10. Hide original <select> after Select2/Chosen initialization ---
   Select2 v3 adds .select2-offscreen to the original <select>.
   Chosen adds .chzn-done / .chosen-done.
   Our theme's "body.dm-app-theme select { height:34px !important }"
   has higher specificity than the vendor hiding rules, making the
   original select visible (double-dropdown bug).                    */
body.dm-app-theme select.select2,
body.dm-app-theme select.select2-offscreen,
body.dm-app-theme select.chzn-done,
body.dm-app-theme select.chosen-done {
    display: none !important;
}

/* --- 10b. CSS safety net: hide Select2 CONTAINER when Chosen owns the element ---
   If the JS monkey-patch fails or runs late, both plugin containers
   may coexist. These rules hide the Select2 container in that case. */
body.dm-app-theme select.chzn-done + .select2-container {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
}
body.dm-app-theme .chzn-container + .select2-container {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
}
body.dm-app-theme .chosen-container + .select2-container {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
}
body.dm-app-theme .select2-container:has(~ .chzn-container) {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
}
body.dm-app-theme .select2-container:has(~ .chosen-container) {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
}

/* --- 11. Orange theme for dropdown focus / active / highlighted states --- */

/* Select2 v3 — trigger focus */
body.dm-app-theme .select2-container-active .select2-choice,
body.dm-app-theme .select2-container-active .select2-choices {
    border-color: #ff6900 !important;
    box-shadow: 0 0 0 2px rgba(255, 105, 0, 0.14) !important;
}

/* Select2 v3 — dropdown panel border */
body.dm-app-theme .select2-drop-active {
    border-color: #ff6900 !important;
}

body.dm-app-theme .select2-drop-active .select2-search {
    border-bottom: 1px solid #fed7aa !important;
}

/* Select2 v3 — highlighted option (orange) */
body.dm-app-theme .select2-results .select2-highlighted {
    background: #ff6900 !important;
    color: #ffffff !important;
}

/* Select2 v3 — hover on results */
body.dm-app-theme .select2-results li.select2-result-selectable:hover {
    background: #fff7ed !important;
    color: #1f2937 !important;
}

/* Select2 v4 — trigger focus */
body.dm-app-theme .select2-container--default.select2-container--open .select2-selection--single,
body.dm-app-theme .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #ff6900 !important;
    box-shadow: 0 0 0 2px rgba(255, 105, 0, 0.14) !important;
}

/* Select2 v4 — highlighted option (orange) */
body.dm-app-theme .select2-container--default .select2-results__option--highlighted[aria-selected],
body.dm-app-theme .select2-container--default .select2-results__option--highlighted {
    background: #ff6900 !important;
    color: #ffffff !important;
}

/* Select2 v4 — hover on results */
body.dm-app-theme .select2-container--default .select2-results__option:hover {
    background: #fff7ed !important;
}

/* Chosen — trigger focus */
body.dm-app-theme .chosen-container-active .chosen-single,
body.dm-app-theme .chosen-container-active .chosen-choices,
body.dm-app-theme .chzn-container-active .chzn-single,
body.dm-app-theme .chzn-container-active .chzn-choices {
    border-color: #ff6900 !important;
    box-shadow: 0 0 0 2px rgba(255, 105, 0, 0.14) !important;
}

/* Chosen — highlighted option (orange) */
body.dm-app-theme .chosen-results li.highlighted,
body.dm-app-theme .chosen-results li.active-result:hover,
body.dm-app-theme .chzn-results li.highlighted,
body.dm-app-theme .chzn-results li.active-result:hover {
    background: #ff6900 !important;
    color: #ffffff !important;
}

/* Chosen — dropdown border */
body.dm-app-theme .chosen-container-active .chosen-drop,
body.dm-app-theme .chzn-container-active .chzn-drop {
    border-color: #ff6900 !important;
}