:root {
    --modern-surface: #ffffff;
    --modern-surface-soft: #f8fafc;
    --modern-border: #d9e2ef;
    --modern-border-strong: #c2cfdf;
    --modern-text: #142235;
    --modern-text-soft: #526277;
    --modern-heading: #0f172a;
    --modern-primary: #185adb;
    --modern-primary-soft: #e9f1ff;
    --modern-success: #0f9f6e;
    --modern-warning: #f59e0b;
    --modern-danger: #dc2626;
    --modern-shadow-sm: 0 10px 26px rgba(15, 23, 42, 0.08);
    --modern-shadow-md: 0 20px 40px rgba(15, 23, 42, 0.12);
    --modern-radius: 16px;
    --modern-radius-sm: 12px;
    --bg-main: #f4f7fb;
    --bg-card: #ffffff;
    --bg-card-soft: #f8fafc;
    --bg-input: #ffffff;
    --bg-hover: rgba(24, 90, 219, 0.08);
    --bg-selected: rgba(24, 90, 219, 0.12);
    --text-main: #142235;
    --text-secondary: #526277;
    --text-muted: #6b7f94;
    --border-color: #d9e2ef;
    --primary: #185adb;
    --success: #0f9f6e;
    --danger: #dc2626;
}

body,
.content-wrapper,
.content-wrapper .content,
.box,
.panel,
.well,
.modal-content,
.modal-body,
.modal-footer,
.dropdown-menu,
.nav-tabs-custom,
.info-box,
.small-box,
.small-box-footer,
.table,
table,
.list-group-item,
.callout,
.alert,
.popover,
.swal2-popup {
    color: var(--modern-text);
}

a,
.text-primary,
.text-info {
    color: var(--modern-primary);
}

.text-muted,
.help-block,
small,
.small {
    color: var(--modern-text-soft) !important;
}

.box,
.panel,
.well,
.modal-content,
.nav-tabs-custom,
.info-box,
.callout,
.popover {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.99)) !important;
    border: 1px solid var(--modern-border) !important;
    border-radius: var(--modern-radius) !important;
    box-shadow: var(--modern-shadow-sm);
}

.box-header,
.panel-heading,
.nav-tabs-custom > .nav-tabs,
.modal-footer {
    border-color: var(--modern-border) !important;
}

.box-header .box-title,
.panel-title,
.modal-title,
.nav-tabs-custom > .nav-tabs > li > a,
label,
.control-label,
.form-group label {
    color: var(--modern-heading) !important;
}

.modal-header {
    background: linear-gradient(135deg, #0f172a 0%, #185adb 100%) !important;
}

.modal-header .modal-title,
.modal-header .close,
.modal-header .close span {
    color: #f8fbff !important;
    opacity: 1;
}

.modal-body,
.box-body,
.panel-body,
.tab-content,
.list-group-item {
    background: transparent;
}

.form-control,
select.form-control,
textarea.form-control,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.input-group-addon {
    border: 1px solid var(--modern-border) !important;
    border-radius: var(--modern-radius-sm) !important;
    color: var(--modern-text) !important;
    background: var(--ui-input-bg, var(--modern-surface)) !important;
    min-height: 42px;
    box-shadow: none;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
}

.input-group-addon {
    font-weight: 700;
}

.input-group .form-control,
.input-group .input-group-addon,
.input-group .input-group-btn > .btn {
    min-height: 42px;
}

.input-group .input-group-btn > .btn,
.input-group-btn > .btn,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:hover {
    position: relative;
    z-index: 3;
}

.input-group-btn > .btn,
.input-group .input-group-btn > .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.form-control:focus,
select.form-control:focus,
textarea.form-control:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: rgba(24, 90, 219, 0.45) !important;
    box-shadow: 0 0 0 3px rgba(24, 90, 219, 0.12) !important;
}

.select2-container .select2-selection--single .select2-selection__rendered,
.select2-container .select2-selection--multiple .select2-selection__rendered,
.select2-container .select2-selection--multiple .select2-selection__choice,
.select2-results__option {
    color: var(--modern-text) !important;
}

.select2-dropdown {
    border: 1px solid var(--modern-border) !important;
    border-radius: var(--modern-radius-sm) !important;
    box-shadow: var(--modern-shadow-sm);
    background: var(--ui-dropdown-bg, var(--modern-surface)) !important;
}

.btn:not(.btn-link):not(.swal2-styled) {
    border-width: 1px !important;
    border-style: solid !important;
}

.btn-default,
.btn-secondary {
    background: var(--ui-neutral-button-bg, linear-gradient(180deg, #eef4fb 0%, #dfe8f3 100%)) !important;
    border-color: var(--ui-neutral-button-border, #bfd0e2) !important;
    color: #102132 !important;
}

.btn-outline-secondary,
.dt-button,
.dataTables_wrapper .dt-buttons .btn,
.dataTables_wrapper .dt-buttons .dt-button,
.dataTables_wrapper .dt-buttons .buttons-copy,
.dataTables_wrapper .dt-buttons .buttons-csv,
.dataTables_wrapper .dt-buttons .buttons-excel,
.dataTables_wrapper .dt-buttons .buttons-pdf,
.dataTables_wrapper .dt-buttons .buttons-print,
.dataTables_wrapper .dt-buttons .buttons-colvis {
    background: var(--ui-neutral-button-bg, linear-gradient(180deg, #eef4fb 0%, #dfe8f3 100%)) !important;
    border: 1px solid var(--ui-neutral-button-border, #bfd0e2) !important;
    color: #102132 !important;
}

.btn-default *,
.btn-secondary *,
.btn-light *,
.btn-outline-secondary *,
.dt-button *,
.dataTables_wrapper .dt-buttons .btn *,
.dataTables_wrapper .dt-buttons .dt-button *,
.dataTables_wrapper .dt-buttons .buttons-copy *,
.dataTables_wrapper .dt-buttons .buttons-csv *,
.dataTables_wrapper .dt-buttons .buttons-excel *,
.dataTables_wrapper .dt-buttons .buttons-pdf *,
.dataTables_wrapper .dt-buttons .buttons-print *,
.dataTables_wrapper .dt-buttons .buttons-colvis *,
.btn-flat.btn-default *,
.btn-flat.btn-light * {
    color: inherit !important;
}

.btn-default i,
.btn-default span,
.btn-secondary i,
.btn-secondary span,
.btn-default .fa,
.btn-default .fas,
.btn-default .glyphicon,
.btn-secondary .fa,
.btn-secondary .fas,
.btn-secondary .glyphicon,
.btn-outline-secondary i,
.btn-outline-secondary span,
.btn-outline-secondary .fa,
.btn-outline-secondary .fas,
.btn-outline-secondary .glyphicon,
.dt-button i,
.dt-button span,
.dt-button .fa,
.dt-button .fas,
.dt-button .glyphicon,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    color: var(--modern-heading) !important;
}

.btn-light {
    background: linear-gradient(180deg, #f8fbff 0%, #edf3f9 100%) !important;
    border-color: #d0dceb !important;
    color: #102132 !important;
}

.btn-warning {
    border-color: rgba(180, 83, 9, 0.35) !important;
}

.btn-primary,
.btn-success,
.btn-danger,
.btn-info,
.btn-warning {
    text-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus {
    color: var(--modern-primary) !important;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active,
.dt-button:hover,
.dt-button:focus,
.dt-button:active,
.dataTables_wrapper .dt-buttons .btn:hover,
.dataTables_wrapper .dt-buttons .btn:focus,
.dataTables_wrapper .dt-buttons .btn:active,
.dataTables_wrapper .dt-buttons .dt-button:hover,
.dataTables_wrapper .dt-buttons .dt-button:focus,
.dataTables_wrapper .dt-buttons .dt-button:active,
.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-flat.btn-default:hover,
.btn-flat.btn-default:focus,
.btn-flat.btn-default:active,
.btn-flat.btn-light:hover,
.btn-flat.btn-light:focus,
.btn-flat.btn-light:active {
    background: var(--ui-neutral-button-bg, linear-gradient(180deg, #e6eef8 0%, #d6e1ee 100%)) !important;
    border-color: var(--ui-neutral-button-border, #afc2d7) !important;
    color: #0f1d2f !important;
}

.btn-default:hover *,
.btn-default:focus *,
.btn-default:active *,
.btn-secondary:hover *,
.btn-secondary:focus *,
.btn-secondary:active *,
.btn-outline-secondary:hover *,
.btn-outline-secondary:focus *,
.btn-outline-secondary:active *,
.dt-button:hover *,
.dt-button:focus *,
.dt-button:active *,
.dataTables_wrapper .dt-buttons .btn:hover *,
.dataTables_wrapper .dt-buttons .btn:focus *,
.dataTables_wrapper .dt-buttons .btn:active *,
.dataTables_wrapper .dt-buttons .dt-button:hover *,
.dataTables_wrapper .dt-buttons .dt-button:focus *,
.dataTables_wrapper .dt-buttons .dt-button:active *,
.btn-light:hover *,
.btn-light:focus *,
.btn-light:active *,
.btn-flat.btn-default:hover *,
.btn-flat.btn-default:focus *,
.btn-flat.btn-default:active *,
.btn-flat.btn-light:hover *,
.btn-flat.btn-light:focus *,
.btn-flat.btn-light:active * {
    color: inherit !important;
}

.btn-semantic-primary,
.btn-semantic-primary:hover,
.btn-semantic-primary:focus,
.btn-semantic-primary:active {
    background: linear-gradient(135deg, #185adb 0%, #2f80ed 100%) !important;
    border-color: rgba(24, 90, 219, 0.44) !important;
    color: #ffffff !important;
}

.btn-semantic-info,
.btn-semantic-info:hover,
.btn-semantic-info:focus,
.btn-semantic-info:active {
    background: linear-gradient(135deg, #0f5ad7 0%, #38bdf8 100%) !important;
    border-color: rgba(15, 90, 215, 0.34) !important;
    color: #ffffff !important;
}

.btn-semantic-warning,
.btn-semantic-warning:hover,
.btn-semantic-warning:focus,
.btn-semantic-warning:active {
    background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%) !important;
    border-color: rgba(180, 83, 9, 0.34) !important;
    color: #1f1300 !important;
}

.btn-semantic-neutral,
.btn-semantic-neutral:hover,
.btn-semantic-neutral:focus,
.btn-semantic-neutral:active {
    background: var(--ui-neutral-button-bg, linear-gradient(180deg, #eef4fb 0%, #dfe8f3 100%)) !important;
    border-color: var(--ui-neutral-button-border, #bfd0e2) !important;
    color: #102132 !important;
}

.btn-semantic-cancel,
.btn-semantic-cancel:hover,
.btn-semantic-cancel:focus,
.btn-semantic-cancel:active {
    background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%) !important;
    border-color: rgba(185, 28, 28, 0.42) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(220, 38, 38, 0.18) !important;
}

.btn-semantic-primary *,
.btn-semantic-info *,
.btn-semantic-warning *,
.btn-semantic-neutral *,
.btn-semantic-cancel * {
    color: inherit !important;
}

.table,
table.dataTable,
.dataTables_wrapper .dataTable {
    background: var(--modern-surface) !important;
}

.dataTables_wrapper .dt-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.dataTables_wrapper .dt-buttons .btn,
.dataTables_wrapper .dt-buttons .dt-button {
    border-radius: 12px !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
    text-decoration: none !important;
}

.table td,
.table th,
table.dataTable td,
table.dataTable th,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    color: var(--modern-text) !important;
}

.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th {
    border-color: var(--modern-border) !important;
}

.dropdown-menu {
    background: var(--ui-dropdown-bg, var(--modern-surface)) !important;
    border: 1px solid var(--modern-border) !important;
}

.dropdown-menu > li > a,
.dropdown-menu .divider + li > a {
    color: var(--modern-text) !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background: var(--modern-primary-soft) !important;
    color: var(--modern-primary) !important;
}

.alert-success,
.callout.callout-success {
    color: #065f46 !important;
}

.alert-danger,
.callout.callout-danger {
    color: #991b1b !important;
}

.alert-warning,
.callout.callout-warning {
    color: #92400e !important;
}

.alert-info,
.callout.callout-info {
    color: #1d4ed8 !important;
}

.alert,
.callout,
.alert *,
.callout * {
    color: inherit !important;
}

.alert .close,
.callout .close,
.alert a,
.callout a {
    color: inherit !important;
}

.label-default,
.badge-default,
.bg-gray,
.bg-light-blue,
.bg-aqua,
.bg-green,
.bg-yellow,
.bg-red,
.bg-navy,
.bg-teal,
.bg-purple,
.bg-orange,
.bg-maroon,
.label,
.badge {
    text-shadow: none;
}

.label-default,
.badge-default,
.bg-gray {
    background: #eef2f7 !important;
    color: var(--modern-heading) !important;
    border: 1px solid var(--modern-border) !important;
}

.label-default *,
.badge-default *,
.bg-gray * {
    color: inherit !important;
}

.small-box {
    color: #f8fbff !important;
}

.small-box h3,
.small-box p,
.small-box .icon,
.small-box .small-box-footer,
.small-box a,
.small-box a:hover,
.small-box a:focus {
    color: #f8fbff !important;
}

.info-box-text,
.info-box-number,
.caption,
.invoice-col p,
.invoice-col span,
.description-block > .description-header,
.description-block > .description-text {
    color: var(--modern-text) !important;
}

.nav-tabs-custom > .nav-tabs > li.active > a,
.nav-tabs-custom > .nav-tabs > li.active:hover > a,
.nav-tabs-custom > .nav-tabs > li.active > a:focus {
    background: #ffffff !important;
    color: var(--modern-primary) !important;
}

.nav-tabs-custom > .nav-tabs > li > a:hover {
    background: rgba(24, 90, 219, 0.08) !important;
}

.modal .table,
.modal table.dataTable,
.modal .list-group-item,
.modal .help-block,
.modal .text-muted,
.modal label {
    color: var(--modern-text) !important;
}

.swal2-popup,
.swal2-title,
.swal2-html-container {
    color: var(--modern-text) !important;
}

@media (max-width: 767px) {
    .btn,
    .btn-xs,
    .btn-sm,
    .btn-lg {
        white-space: normal;
        line-height: 1.25;
        min-height: 40px;
    }

    .btn-group,
    .table-responsive .btn-group {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .btn-group > .btn,
    .btn-group-vertical > .btn {
        float: none;
        border-radius: 12px !important;
        margin-left: 0 !important;
    }

    .modal-dialog {
        margin: 10px;
    }

    .modal-body,
    .box-body,
    .panel-body {
        padding: 16px;
    }

    .input-group .form-control,
    .input-group .input-group-addon,
    .input-group .input-group-btn > .btn {
        min-height: 40px;
    }

    .table-responsive {
        border: 0;
    }
}

.business-settings-shell {
    background: var(--ui-surface-elevated);
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius-md);
    box-shadow: var(--ui-shadow-sm);
    overflow: hidden;
    padding: 0 !important;
}

.business-settings-nav {
    background: linear-gradient(180deg, var(--ui-surface-soft), var(--ui-surface));
    border-right: 1px solid var(--ui-border);
    padding: 18px 14px !important;
    min-height: 100%;
}

.business-settings-nav .list-group {
    gap: 8px;
    display: flex;
    flex-direction: column;
}

.business-settings-nav .list-group-item {
    border: 1px solid var(--ui-border) !important;
    border-radius: 14px !important;
    background: transparent !important;
    color: var(--ui-text) !important;
    font-weight: 700;
    text-align: left !important;
    padding: 12px 14px !important;
}

.business-settings-nav .list-group-item.active,
.business-settings-nav .list-group-item:hover,
.business-settings-nav .list-group-item:focus {
    background: linear-gradient(135deg, var(--ui-primary-soft), rgba(255, 255, 255, 0.02)) !important;
    border-color: rgba(24, 90, 219, 0.22) !important;
    color: var(--ui-primary-strong) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.business-settings-content {
    padding: 20px 18px !important;
}

.settings-section-title {
    color: var(--ui-heading);
    font-weight: 800;
}

.settings-section-copy {
    color: var(--ui-text-soft) !important;
}

.settings-theme-grid .form-group {
    background: linear-gradient(180deg, var(--ui-surface), var(--ui-surface-soft));
    border: 1px solid var(--ui-border);
    border-radius: 16px;
    padding: 14px;
    min-height: 100%;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.settings-theme-grid .theme-color-group {
    display: flex;
    align-items: stretch;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid var(--ui-border);
    background: var(--ui-input-bg, var(--ui-surface));
}

.settings-theme-grid .theme-color-group .input-group-addon {
    width: 52px !important;
    min-width: 52px !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-right: 1px solid var(--ui-border) !important;
    background: var(--ui-surface-soft) !important;
}

.settings-theme-grid .theme-color-picker {
    width: 100% !important;
    height: 100% !important;
    min-height: 46px;
    border: 0 !important;
    background: transparent !important;
    padding: 6px !important;
}

.settings-theme-grid .theme-color-hex {
    border: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 991px) {
    .business-settings-nav,
    .business-settings-content {
        width: 100% !important;
        float: none !important;
    }

    .business-settings-nav {
        border-right: 0;
        border-bottom: 1px solid var(--ui-border);
    }

    .business-settings-nav .list-group {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    }
}

/* ==================== GLOBAL THEME TOKENS ==================== */
.dark-mode,
body[data-theme-mode="dark"] {
    --bg-main: #07111d;
    --bg-card: #0f1b2d;
    --bg-card-soft: #13243a;
    --bg-input: #0c1728;
    --bg-hover: rgba(86, 163, 255, 0.12);
    --bg-selected: rgba(86, 163, 255, 0.18);
    --text-main: #d8e4f4;
    --text-secondary: #a8bdd6;
    --text-muted: #89a0bb;
    --border-color: #23364f;
    --primary: #56a3ff;
    --success: #1ec98f;
    --danger: #ff6b6b;
}

body,
.content-wrapper,
.content-wrapper .content,
.box,
.panel,
.well,
.modal-content,
.modal-body,
.modal-footer,
.dropdown-menu,
.nav-tabs-custom,
.info-box,
.small-box,
.small-box-footer,
.table,
table,
.list-group-item,
.callout,
.alert,
.popover,
.swal2-popup {
    color: var(--text-main);
}

.text-muted,
.help-block,
small,
.small {
    color: var(--text-muted) !important;
}

.box,
.panel,
.well,
.modal-content,
.nav-tabs-custom,
.info-box,
.callout,
.popover,
.list-group-item {
    background: var(--ui-surface-elevated, linear-gradient(180deg, var(--bg-card), var(--bg-card-soft))) !important;
    border-color: var(--border-color) !important;
}

.small-box {
    border: 1px solid var(--border-color) !important;
}

.info-box {
    background: linear-gradient(180deg, color-mix(in srgb, var(--bg-card) 98%, transparent), color-mix(in srgb, var(--bg-card-soft) 98%, transparent)) !important;
}

.form-control,
select.form-control,
textarea.form-control,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.input-group-addon,
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
    background: var(--bg-input) !important;
    color: var(--text-main) !important;
    border-color: var(--border-color) !important;
}

.form-control::placeholder,
textarea.form-control::placeholder,
input.form-control::placeholder,
.dataTables_wrapper .dataTables_filter input::placeholder {
    color: var(--text-muted) !important;
    opacity: 1 !important;
}

.form-control:focus,
select.form-control:focus,
textarea.form-control:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single,
.dataTables_wrapper .dataTables_filter input:focus,
.dataTables_wrapper .dataTables_length select:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px var(--ui-primary-rgb-soft, rgba(24, 90, 219, 0.12)) !important;
}

.select2-dropdown,
.select2-container--open .select2-dropdown {
    background: var(--ui-dropdown-bg, var(--bg-card)) !important;
    border-color: var(--border-color) !important;
}

.select2-search--dropdown,
.select2-search--inline {
    background: transparent !important;
}

.select2-search--dropdown .select2-search__field,
.select2-search--inline .select2-search__field {
    background: var(--bg-input) !important;
    color: var(--text-main) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 10px !important;
}

.select2-search--dropdown .select2-search__field::placeholder,
.select2-search--inline .select2-search__field::placeholder {
    color: var(--text-muted) !important;
    opacity: 1 !important;
}

.select2-container .select2-selection--single .select2-selection__rendered,
.select2-container .select2-selection--multiple .select2-selection__rendered,
.select2-container .select2-selection--multiple .select2-selection__choice,
.select2-results__option,
.select2-results__group {
    color: var(--text-main) !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: var(--text-muted) !important;
}

.select2-results__option {
    background: transparent !important;
}

.select2-results__option--highlighted[aria-selected],
.select2-results__option--highlighted[aria-selected="true"] {
    background: var(--bg-hover) !important;
    color: var(--text-main) !important;
}

.select2-results__option[aria-selected="true"] {
    background: var(--bg-selected) !important;
    color: var(--text-main) !important;
}

.dropdown-menu {
    background: var(--ui-dropdown-bg, var(--bg-card)) !important;
    border-color: var(--border-color) !important;
}

.dropdown-menu > li > a,
.dropdown-menu .divider + li > a {
    color: var(--text-main) !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background: var(--bg-hover) !important;
    color: var(--primary) !important;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_length label {
    color: var(--text-secondary) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: transparent !important;
    color: var(--text-secondary) !important;
    border-color: transparent !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--bg-hover) !important;
    color: var(--text-main) !important;
    border-color: var(--border-color) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--bg-selected) !important;
    color: var(--text-main) !important;
    border-color: var(--border-color) !important;
}

.dataTables_wrapper .dt-buttons .buttons-copy i,
.dataTables_wrapper .dt-buttons .buttons-copy svg,
.dataTables_wrapper .dt-buttons .buttons-copy .fa,
.dataTables_wrapper .dt-buttons .buttons-copy .fas,
.dataTables_wrapper .dt-buttons .buttons-copy .far,
.dataTables_wrapper .dt-buttons .buttons-copy .fal,
.dataTables_wrapper .dt-buttons .buttons-copy .fab,
.dataTables_wrapper .dt-buttons .buttons-copy .fa-solid,
.dataTables_wrapper .dt-buttons .buttons-copy .fa-regular,
.dataTables_wrapper .dt-buttons .buttons-copy .glyphicon {
    color: #7c3aed !important;
    fill: #7c3aed !important;
}

.dataTables_wrapper .dt-buttons .buttons-csv i,
.dataTables_wrapper .dt-buttons .buttons-csv svg,
.dataTables_wrapper .dt-buttons .buttons-csv .fa,
.dataTables_wrapper .dt-buttons .buttons-csv .fas,
.dataTables_wrapper .dt-buttons .buttons-csv .far,
.dataTables_wrapper .dt-buttons .buttons-csv .fal,
.dataTables_wrapper .dt-buttons .buttons-csv .fab,
.dataTables_wrapper .dt-buttons .buttons-csv .fa-solid,
.dataTables_wrapper .dt-buttons .buttons-csv .fa-regular,
.dataTables_wrapper .dt-buttons .buttons-csv .glyphicon {
    color: #0f766e !important;
    fill: #0f766e !important;
}

.dataTables_wrapper .dt-buttons .buttons-excel i,
.dataTables_wrapper .dt-buttons .buttons-excel svg,
.dataTables_wrapper .dt-buttons .buttons-excel .fa,
.dataTables_wrapper .dt-buttons .buttons-excel .fas,
.dataTables_wrapper .dt-buttons .buttons-excel .far,
.dataTables_wrapper .dt-buttons .buttons-excel .fal,
.dataTables_wrapper .dt-buttons .buttons-excel .fab,
.dataTables_wrapper .dt-buttons .buttons-excel .fa-solid,
.dataTables_wrapper .dt-buttons .buttons-excel .fa-regular,
.dataTables_wrapper .dt-buttons .buttons-excel .glyphicon {
    color: #15803d !important;
    fill: #15803d !important;
}

.dataTables_wrapper .dt-buttons .buttons-pdf i,
.dataTables_wrapper .dt-buttons .buttons-pdf svg,
.dataTables_wrapper .dt-buttons .buttons-pdf .fa,
.dataTables_wrapper .dt-buttons .buttons-pdf .fas,
.dataTables_wrapper .dt-buttons .buttons-pdf .far,
.dataTables_wrapper .dt-buttons .buttons-pdf .fal,
.dataTables_wrapper .dt-buttons .buttons-pdf .fab,
.dataTables_wrapper .dt-buttons .buttons-pdf .fa-solid,
.dataTables_wrapper .dt-buttons .buttons-pdf .fa-regular,
.dataTables_wrapper .dt-buttons .buttons-pdf .glyphicon {
    color: #dc2626 !important;
    fill: #dc2626 !important;
}

.dataTables_wrapper .dt-buttons .buttons-print i,
.dataTables_wrapper .dt-buttons .buttons-print svg,
.dataTables_wrapper .dt-buttons .buttons-print .fa,
.dataTables_wrapper .dt-buttons .buttons-print .fas,
.dataTables_wrapper .dt-buttons .buttons-print .far,
.dataTables_wrapper .dt-buttons .buttons-print .fal,
.dataTables_wrapper .dt-buttons .buttons-print .fab,
.dataTables_wrapper .dt-buttons .buttons-print .fa-solid,
.dataTables_wrapper .dt-buttons .buttons-print .fa-regular,
.dataTables_wrapper .dt-buttons .buttons-print .glyphicon {
    color: #1d4ed8 !important;
    fill: #1d4ed8 !important;
}

.dataTables_wrapper .dt-buttons .buttons-colvis i,
.dataTables_wrapper .dt-buttons .buttons-colvis svg,
.dataTables_wrapper .dt-buttons .buttons-colvis .fa,
.dataTables_wrapper .dt-buttons .buttons-colvis .fas,
.dataTables_wrapper .dt-buttons .buttons-colvis .far,
.dataTables_wrapper .dt-buttons .buttons-colvis .fal,
.dataTables_wrapper .dt-buttons .buttons-colvis .fab,
.dataTables_wrapper .dt-buttons .buttons-colvis .fa-solid,
.dataTables_wrapper .dt-buttons .buttons-colvis .fa-regular,
.dataTables_wrapper .dt-buttons .buttons-colvis .glyphicon {
    color: #b45309 !important;
    fill: #b45309 !important;
}

.table tbody tr:nth-child(even),
table.dataTable tbody tr:nth-child(even) {
    background: color-mix(in srgb, var(--bg-card) 90%, var(--bg-card-soft)) !important;
}

.table tbody tr:hover,
table.dataTable tbody tr:hover {
    background: var(--bg-hover) !important;
}

.dark-mode .content-wrapper,
body[data-theme-mode="dark"] .content-wrapper,
.dark-mode .wrapper,
body[data-theme-mode="dark"] .wrapper {
    background: var(--bg-main) !important;
}

/* HMS/admin pages: compact headers, readable help text and stable toolbars. */
.hms-module-nav-wrap {
    padding: 4px 16px 0;
}

.hms-module-nav {
    min-height: 40px;
    margin: 0 !important;
    background: var(--bg-card, #ffffff) !important;
    border: 1px solid var(--border-color, #d9e2ef) !important;
    border-radius: 8px;
    box-shadow: 0 4px 14px rgba(15, 35, 80, 0.05);
}

.hms-module-nav .navbar-brand,
.hms-module-nav .navbar-nav > li > a {
    color: var(--modern-text, #1f2d3d) !important;
    font-weight: 650;
    padding-top: 12px;
    padding-bottom: 12px;
}

.hms-main-nav {
    float: none;
}

.hms-module-nav .navbar-collapse {
    max-height: none;
}

.hms-module-nav .navbar-brand {
    color: var(--modern-heading, #102033) !important;
}

.hms-module-nav .navbar-nav > .active > a,
.hms-module-nav .navbar-nav > .active > a:hover,
.hms-module-nav .navbar-nav > .active > a:focus,
.hms-module-nav .navbar-nav > li > a:hover,
.hms-module-nav .navbar-nav > li > a:focus {
    color: var(--primary, #185adb) !important;
    background: var(--bg-selected, #e8f0ff) !important;
}

.hms-modern-header,
.ui-stable-content-header,
.hms-page-header {
    position: static !important;
    right: auto !important;
    float: none !important;
    display: block !important;
    clear: both;
    margin: 8px 16px 10px !important;
    padding: 14px 16px !important;
    background: #f8fbff !important;
    border: 1px solid #dbe7f5 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    color: #0f172a !important;
}

.hms-page-heading {
    position: static !important;
    float: none !important;
    right: auto !important;
    width: 100%;
    min-width: 0;
}

.hms-modern-header h1,
.ui-stable-content-header h1,
.hms-page-header h1 {
    margin: 0;
    color: #0f172a !important;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
}

.hms-modern-header p,
.ui-stable-content-header h1 small,
.hms-page-help,
.hms-page-header p {
    margin: 6px 0 0;
    padding: 0;
    color: #475569 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

.hms-modern-header > p,
.hms-page-header > p {
    margin-top: 6px;
}

.ui-stable-content-header h1 small {
    display: block;
}

.hms-modern-header p i,
.ui-stable-content-header h1 small i,
.hms-page-help i,
.hms-page-header p i {
    color: #185adb !important;
}

.hms-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
    margin: 12px 0 0;
}

.hms-header-filter {
    display: inline-flex;
    align-items: center;
    margin: 0;
}

.hms-dashboard-page,
.hms-bookings-page,
.hms-booking-show,
.hms-calendar-page,
.hms-channel-page,
.hms-coupons-page,
.hms-extras-page,
.hms-list-page,
.hms-pricing-page,
.hms-rack-page,
.hms-report-page,
.hms-rooms-page,
.hms-unavailable-page,
.taxonomy-admin-page {
    padding-top: 2px !important;
}

.hms-panel,
.hms-report-page .box.box-solid,
.taxonomy-panel,
.ui-stable-toolbar-box {
    overflow: hidden;
    background: var(--bg-card, #ffffff) !important;
    border: 1px solid var(--border-color, #d9e2ef) !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(15, 35, 80, 0.06) !important;
    color: var(--modern-text, #1f2d3d) !important;
}

.hms-kpi-row {
    margin-bottom: 8px;
}

.hms-kpi-card {
    min-height: 84px;
    margin-bottom: 10px;
    padding: 14px 16px;
    background: var(--bg-card, #ffffff) !important;
    border: 1px solid var(--border-color, #d9e2ef) !important;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(15, 35, 80, 0.06);
    color: var(--modern-heading, #102033) !important;
}

.hms-kpi-card span {
    display: block;
    color: var(--modern-text, #1f2d3d) !important;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
    text-transform: none;
}

.hms-kpi-card strong {
    display: block;
    color: var(--modern-heading, #102033) !important;
    font-size: 30px;
    line-height: 1.15;
}

.hms-kpi-occupied {
    border-top: 4px solid #2563eb !important;
    background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%) !important;
}

.hms-kpi-pending {
    border-top: 4px solid #d97706 !important;
    background: linear-gradient(180deg, #ffffff 0%, #fff8ea 100%) !important;
}

.hms-kpi-free {
    border-top: 4px solid #059669 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f0fdf6 100%) !important;
}

.hms-dashboard-redesign {
    padding-top: 0 !important;
}

.hms-dashboard-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px 18px;
    flex-wrap: wrap;
    margin: 0 0 12px;
    padding: 0;
}

.hms-dashboard-title {
    flex: 1 1 360px;
    min-width: 0;
}

.hms-dashboard-title h1 {
    margin: 0;
    color: #102033 !important;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0;
}

.hms-dashboard-title p {
    margin: 3px 0 0;
    color: #506177 !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
}

.hms-dashboard-actions,
.hms-dashboard-filter {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin: 0;
}

.hms-dashboard-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 6px;
    white-space: nowrap;
}

.hms-dashboard-kpis {
    margin-bottom: 6px;
}

.hms-dashboard-kpi {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 118px;
    margin-bottom: 14px;
    padding: 18px 18px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #d8e2ee;
    border-radius: 8px;
    box-shadow: 0 10px 26px rgba(16, 32, 51, 0.08);
}

.hms-dashboard-kpi span {
    display: block;
    max-width: 190px;
    color: #4d5f75 !important;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.35;
}

.hms-dashboard-kpi strong {
    display: block;
    margin-top: 8px;
    color: #0f2033 !important;
    font-size: 42px;
    font-weight: 850;
    line-height: 0.95;
}

.hms-dashboard-kpi i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    font-size: 21px;
}

.hms-dashboard-kpi.kpi-blue {
    border-left: 5px solid #2563eb;
}

.hms-dashboard-kpi.kpi-blue i {
    color: #1747b7;
    background: #e8f0ff;
}

.hms-dashboard-kpi.kpi-amber {
    border-left: 5px solid #d97706;
}

.hms-dashboard-kpi.kpi-amber i {
    color: #8a4b00;
    background: #fff0c7;
}

.hms-dashboard-kpi.kpi-green {
    border-left: 5px solid #059669;
}

.hms-dashboard-kpi.kpi-green i {
    color: #04734f;
    background: #d9fbe9;
}

.hms-dashboard-kpi.kpi-slate {
    border-left: 5px solid #64748b;
}

.hms-dashboard-kpi.kpi-slate i {
    color: #334155;
    background: #eef2f7;
}

.hms-dashboard-card {
    min-height: 100%;
    margin-bottom: 14px;
    padding: 16px;
    background: #ffffff;
    border: 1px solid #d8e2ee;
    border-radius: 8px;
    box-shadow: 0 10px 26px rgba(16, 32, 51, 0.07);
    color: #24364a;
}

.hms-dashboard-card-muted {
    background: #fbfcfe;
}

.hms-dashboard-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4ebf3;
}

.hms-dashboard-card-header h3 {
    margin: 0;
    color: #102033 !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0;
}

.hms-dashboard-card-header span {
    color: #506177 !important;
    font-size: 12px;
    font-weight: 750;
    white-space: nowrap;
}

.hms-dashboard-list {
    display: grid;
    gap: 9px;
}

.hms-booking-mini {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 12px;
    background: #f8fafc;
    border: 1px solid #e4ebf3;
    border-radius: 8px;
}

.hms-booking-mini-main {
    min-width: 0;
}

.hms-booking-mini-main strong,
.hms-booking-mini-main span,
.hms-booking-mini-main small {
    display: block;
}

.hms-booking-mini-main strong {
    color: #102033 !important;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;
}

.hms-booking-mini-main span {
    color: #506177 !important;
    font-size: 13px;
}

.hms-booking-mini-main small,
.hms-booking-mini-meta small {
    color: #637083 !important;
    font-size: 12px;
    line-height: 1.35;
}

.hms-booking-mini-meta {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 6px;
    text-align: right;
}

.hms-status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.hms-status-success {
    color: #07543d;
    background: #c7f3df;
}

.hms-status-warning {
    color: #6b3f00;
    background: #ffe8a3;
}

.hms-status-danger {
    color: #7f1d1d;
    background: #ffd0d0;
}

.hms-status-info {
    color: #07435c;
    background: #cfeeff;
}

.hms-status-neutral {
    color: #34465d;
    background: #e9eef5;
}

.hms-empty-state {
    padding: 18px 14px;
    color: #66758a !important;
    background: #f8fafc;
    border: 1px dashed #cfd9e6;
    border-radius: 8px;
    font-weight: 650;
    text-align: center;
}

.hms-dashboard-room-types,
.hms-guest-breakdown,
.hms-operations-summary {
    display: grid;
    gap: 10px;
}

.hms-room-type-row,
.hms-guest-breakdown > div,
.hms-operations-summary > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 48px;
    padding: 10px 12px;
    background: #f8fafc;
    border: 1px solid #e4ebf3;
    border-radius: 8px;
}

.hms-room-type-row span,
.hms-guest-breakdown span,
.hms-operations-summary span {
    color: #40566d !important;
    font-size: 13px;
    font-weight: 750;
}

.hms-room-type-row strong,
.hms-guest-breakdown strong,
.hms-operations-summary strong {
    color: #102033 !important;
    font-size: 22px;
    font-weight: 850;
    line-height: 1;
}

.hms-guest-breakdown > div {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
}

.hms-guest-breakdown small {
    color: #637083 !important;
    font-size: 12px;
    font-weight: 650;
}

.hms-operations-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.hms-operations-summary > div {
    align-items: flex-start;
    flex-direction: column;
}

.hms-chart-card {
    overflow: hidden;
}

.hms-chart-card > div[id],
.hms-chart-card .chart {
    min-height: 280px;
}

.hms-channel-tabs {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.hms-channel-tabs .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 6px;
    white-space: normal;
}

.hms-channel-summary {
    margin-bottom: 2px;
}

.hms-inline-filter,
.hms-inline-form,
.hms-action-cell {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin: 0;
}

.hms-inline-filter {
    max-width: 100%;
}

.hms-action-cell {
    min-width: 150px;
}

.hms-json-textarea,
.hms-json-preview {
    font-family: Menlo, Consolas, Monaco, monospace;
}

.hms-json-preview {
    max-width: 360px;
    max-height: 160px;
    margin: 0;
    padding: 8px;
    overflow: auto;
    color: var(--modern-heading, #102033);
    background: var(--bg-card-soft, #f7faff);
    border: 1px solid var(--border-color, #d9e2ef);
    border-radius: 6px;
    font-size: 11px;
    line-height: 1.45;
    white-space: pre-wrap;
}

.hms-rate-page .hms-panel {
    border-top: 3px solid #2f6fed;
}

.hms-rate-tabs {
    align-items: center;
}

.hms-rate-section {
    margin: 0 0 16px;
    padding: 14px 14px 2px;
    background: #f8fbff;
    border: 1px solid #dfe8f5;
    border-radius: 8px;
}

.hms-rate-section h4 {
    margin: 0 0 12px;
    color: #172033;
    font-size: 14px;
    font-weight: 700;
}

.hms-toggle-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    min-height: 58px;
}

.hms-toggle-row label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: #243047;
    font-weight: 600;
}

.hms-checkbox-field {
    padding-top: 25px;
}

.hms-form-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 8px;
}

.hms-panel .box-header,
.hms-report-page .box-header,
.taxonomy-panel .box-header,
.hms-filter-panel .box-header {
    background: var(--bg-card, #ffffff) !important;
    border-bottom: 1px solid var(--border-color, #d9e2ef) !important;
}

.hms-panel .box-title,
.hms-report-page .box-title,
.taxonomy-panel .box-title,
.hms-filter-panel .box-title,
.hms-panel h3,
.hms-report-page h3 {
    color: var(--modern-heading, #102033) !important;
    font-weight: 750;
    letter-spacing: 0;
}

.hms-panel .table,
.hms-report-page .table,
.taxonomy-panel .table,
.ui-stable-toolbar-box .table {
    color: var(--modern-text, #1f2d3d) !important;
    background: var(--bg-card, #ffffff) !important;
}

.hms-panel .table > thead > tr > th,
.hms-report-page .table > thead > tr > th,
.taxonomy-panel .table > thead > tr > th,
.ui-stable-toolbar-box .table > thead > tr > th,
.hms-panel .table th,
.hms-report-page .table th {
    color: var(--modern-heading, #102033) !important;
    background: var(--bg-card-soft, #f7faff) !important;
    border-color: var(--border-color, #d9e2ef) !important;
    font-weight: 750;
}

.hms-panel .table > tbody > tr > td,
.hms-report-page .table > tbody > tr > td,
.taxonomy-panel .table > tbody > tr > td,
.ui-stable-toolbar-box .table > tbody > tr > td {
    color: var(--modern-text, #1f2d3d) !important;
    border-color: var(--border-color, #d9e2ef) !important;
}

.hms-panel label,
.hms-filter-panel label,
.taxonomy-panel label {
    color: #26384d !important;
    font-weight: 650;
}

.hms-panel .help-block,
.hms-panel .text-muted,
.hms-filter-panel .help-block,
.taxonomy-panel .help-block {
    color: #566b82 !important;
}

.hms-filter-panel {
    margin-bottom: 10px;
}

.hms-filter-panel > .box-header {
    padding: 10px 14px !important;
}

.hms-filter-panel > .box-body,
.hms-filter-panel .box-body {
    padding: 12px 14px 4px !important;
}

.hms-filter-panel .box-title a {
    color: var(--modern-heading, #102033) !important;
    text-decoration: none !important;
}

.hms-list-page .box.box-solid,
.hms-pricing-page .box.box-solid {
    margin-bottom: 12px;
}

.hms-pricing-page .box-body:before,
.hms-pricing-page .box-body:after,
.hms-pricing-page form:before,
.hms-pricing-page form:after {
    content: " ";
    display: table;
}

.hms-pricing-page .box-body:after,
.hms-pricing-page form:after {
    clear: both;
}

.hms-pricing-page .alert.alert-info {
    color: #17324d;
    background: #eef6ff;
    border-color: #cfe2ff;
}

.hms-pricing-page .table-responsive,
.hms-list-page .table-responsive,
.hms-bookings-page .table-responsive,
.hms-calendar-page .table-responsive,
.hms-rack-page .table-responsive {
    border: 1px solid var(--border-color, #d9e2ef);
    border-radius: 8px;
}

.hms-data-table,
.hms-panel table.table {
    width: 100% !important;
}

.hms-panel .table td:last-child,
.hms-report-page .table td:last-child {
    color: var(--modern-heading, #102033) !important;
    font-weight: 750;
}

.hms-report-page hr {
    margin: 10px 0 14px;
    border-top-color: var(--border-color, #d9e2ef);
}

.hms-report-page .box-body > .row > [class*="col-"] {
    margin-bottom: 12px;
    color: var(--modern-text, #1f2d3d);
}

.hms-report-page strong {
    color: var(--modern-heading, #102033) !important;
}

.hms-panel .badge.bg-green,
.hms-panel .bg-green.badge {
    color: #065f46 !important;
    background: #bbf7d0 !important;
}

.hms-panel .badge.bg-yellow,
.hms-panel .bg-yellow.badge {
    color: #7c4a03 !important;
    background: #fde68a !important;
}

.hms-panel .badge.bg-red,
.hms-panel .bg-red.badge {
    color: #991b1b !important;
    background: #fecaca !important;
}

.taxonomy-admin-page #category_table .taxonomy-row-parent td {
    background: linear-gradient(180deg, #f6fbff 0%, #edf7ff 100%) !important;
    border-top-color: #cfe7fb !important;
}

.taxonomy-admin-page #category_table .taxonomy-row-child td {
    background: var(--bg-card, #ffffff) !important;
}

.taxonomy-admin-page .taxonomy-name-title {
    color: var(--modern-heading, #102033) !important;
}

.taxonomy-admin-page .taxonomy-name-note {
    color: var(--primary, #185adb) !important;
}

.ui-stable-toolbar-box > .box-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    min-height: 0;
    padding: 12px 14px !important;
}

.ui-stable-toolbar-box > .box-header .box-title {
    min-width: 0;
    margin: 0;
    color: var(--modern-heading, #102033) !important;
    font-size: 16px;
    font-weight: 750;
    line-height: 1.25;
}

.ui-stable-toolbar-box > .box-header .box-tools {
    position: static !important;
    top: auto !important;
    right: auto !important;
    float: none !important;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    max-width: 100%;
    margin: 0 !important;
}

.ui-stable-toolbar-box > .box-header .box-tools .form-group {
    max-width: 100%;
    margin-bottom: 0 !important;
}

.ui-stable-toolbar-box > .box-header .box-tools .btn,
.ui-stable-toolbar-box > .box-header .box-tools .btn-block {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: auto;
    white-space: nowrap;
}

.taxonomy-admin-page .table-responsive,
.hms-coupons-page .table-responsive,
.hms-report-page .table-responsive {
    border: 1px solid var(--border-color, #d9e2ef);
    border-radius: 8px;
}

.hms-panel .label,
.hms-report-page .label,
.taxonomy-panel .label {
    color: #ffffff;
}

.hms-panel .label-default,
.hms-report-page .label-default,
.taxonomy-panel .label-default {
    color: #26384d !important;
    background: #e9eef5 !important;
}

.hms-panel .label-warning,
.hms-report-page .label-warning,
.taxonomy-panel .label-warning {
    color: #6b3f00 !important;
    background: #ffe8a3 !important;
}

.hms-panel .label-info,
.hms-report-page .label-info,
.taxonomy-panel .label-info {
    color: #07435c !important;
    background: #cfeeff !important;
}

.hms-panel .label-success,
.hms-report-page .label-success,
.taxonomy-panel .label-success {
    color: #07543d !important;
    background: #c7f3df !important;
}

.hms-panel .label-danger,
.hms-report-page .label-danger,
.taxonomy-panel .label-danger {
    color: #7f1d1d !important;
    background: #ffd0d0 !important;
}

.hms-ical-tools {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
    min-width: 180px;
}

.hms-ical-tools .btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.hms-log-mini {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
    margin-bottom: 4px;
    color: #34465d;
}

.hms-ical-result {
    margin: 0 0 12px;
    border-radius: 8px;
}

@media (max-width: 767px) {
    .hms-module-nav-wrap {
        padding: 4px 10px 0;
    }

    .hms-module-nav .navbar-brand,
    .hms-module-nav .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .hms-modern-header,
    .ui-stable-content-header {
        margin: 6px 10px 10px !important;
        padding: 12px !important;
    }

    .hms-modern-header h1,
    .ui-stable-content-header h1 {
        font-size: 22px;
    }

    .hms-header-actions,
    .hms-header-filter,
    .hms-header-actions .btn,
    .ui-stable-toolbar-box > .box-header .box-tools,
    .ui-stable-toolbar-box > .box-header .box-tools .btn {
        width: 100%;
    }

    .ui-stable-toolbar-box > .box-header {
        align-items: stretch;
    }

    .ui-stable-toolbar-box > .box-header .box-tools {
        flex-direction: column;
    }

    .ui-stable-toolbar-box > .box-header .box-tools .form-group,
    .ui-stable-toolbar-box > .box-header .box-tools .select2-container,
    .ui-stable-toolbar-box > .box-header .box-tools select.form-control {
        width: 100% !important;
    }

    .hms-channel-tabs,
    .hms-form-actions,
    .hms-inline-filter,
    .hms-header-actions {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .hms-channel-tabs .btn,
    .hms-form-actions .btn,
    .hms-inline-filter .btn,
    .hms-header-filter .select2-container,
    .hms-header-filter select.form-control {
        width: 100%;
    }

    .hms-dashboard-topbar,
    .hms-dashboard-actions,
    .hms-dashboard-filter {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .hms-dashboard-title h1 {
        font-size: 22px;
    }

    .hms-dashboard-actions .btn,
    .hms-dashboard-actions .select2-container,
    .hms-dashboard-actions select.form-control {
        width: 100% !important;
    }

    .hms-dashboard-kpi {
        min-height: 104px;
    }

    .hms-dashboard-kpi strong {
        font-size: 36px;
    }

    .hms-booking-mini {
        align-items: stretch;
        flex-direction: column;
    }

    .hms-booking-mini-meta {
        align-items: flex-start;
        text-align: left;
    }

    .hms-operations-summary {
        grid-template-columns: 1fr;
    }

    .hms-action-cell {
        min-width: 0;
    }

    .hms-json-preview {
        max-width: 240px;
    }
}