/* ========== Chrome UI — paleta jak login ========== */

/* Dark overrides for base custom.css rules */
ul.settings-menu {
    background-color: var(--tw-soft, #262626);
}

ul.settings-menu li {
    border-bottom: 1px solid var(--tw-line, #3a3a3a);
    border-right: 1px solid var(--tw-line, #3a3a3a);
    color: var(--tw-muted, #9ca3af);
}

ul.settings-menu li:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.04);
}

ul.settings-menu li.active {
    background-color: var(--tw-accent, #c2410c);
    border-right: 1px solid var(--tw-accent, #c2410c);
    color: #fff;
}

.table>thead>tr>th {
    border-bottom: 2px solid var(--tw-line, #3a3a3a);
    background: rgba(0, 0, 0, 0.28);
    color: var(--tw-muted, #9ca3af);
}

:root {
    --tw-ink: #f3f4f6;
    --tw-muted: #9ca3af;
    --tw-line: #3a3a3a;
    --tw-panel: #2c2c2c;
    --tw-soft: #262626;
    --tw-canvas: #1a1a1a;
    --tw-accent: #c2410c;
    --tw-accent-hover: #ea580c;
    --tw-accent-soft: rgba(194, 65, 12, 0.18);
    --tw-accent-ring: rgba(194, 65, 12, 0.25);
    --tw-surface-page: #1e1e1e;
    --tw-surface-card: #2c2c2c;
    --tw-primary: var(--tw-accent);
}

body {
    background: var(--tw-canvas);
}

#site,
#wrapper {
    background: var(--tw-canvas);
}

.dashboard-container {
    background: transparent;
}

.dashboard-wrapper,
.dashboard-wrapper-lg {
    background: var(--tw-surface-page);
    color: var(--tw-ink);
    font-family: 'Outfit', system-ui, sans-serif;
}

header.hidden-print,
#site > #wrapper > header {
    background-color: var(--tw-canvas);
    background-image:
        radial-gradient(ellipse 60% 120% at 0% 50%, rgba(194, 65, 12, 0.18), transparent 55%),
        linear-gradient(180deg, #222222 0%, #1a1a1a 100%);
    border-bottom: 1px solid var(--tw-line);
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
}

header .logo {
    color: var(--tw-ink) !important;
    font-family: 'Outfit', system-ui, sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.02em;
    text-decoration: none;
}

header .logo:hover {
    color: #fff !important;
    text-decoration: none;
}

header .header-duty {
    font-size: 16px;
    color: var(--tw-ink);
    font-family: 'Outfit', system-ui, sans-serif;
}

ul#mini-nav li.list-box a {
    color: var(--tw-ink);
}

ul#mini-nav li.list-box a i {
    color: var(--tw-ink);
}

ul#mini-nav li.list-box:hover a,
ul#mini-nav li.list-box:hover a i {
    color: var(--tw-accent-hover);
}

ul#mini-nav li.list-box .info-label.success-bg {
    background: var(--tw-accent) !important;
}

ul#mini-nav li.list-box.user-profile .user-avtar {
    color: var(--tw-ink);
}

ul#mini-nav li.list-box.user-profile .dropdown-menu {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
}

.sub-nav {
    background-color: var(--tw-soft);
    background-image:
        radial-gradient(ellipse 50% 100% at 100% 0%, rgba(194, 65, 12, 0.16), transparent 55%),
        linear-gradient(180deg, #2c2c2c 0%, #242424 100%);
    border-bottom: 1px solid var(--tw-line);
    border-radius: 0 8px 0 0;
    height: 54px;
    line-height: 54px;
}

.sub-nav li {
    border-right-color: rgba(255, 255, 255, 0.08);
}

.sub-nav li a {
    color: var(--tw-ink);
}

.sub-nav li .heading {
    font-family: 'Space Grotesk', 'Outfit', system-ui, sans-serif;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #fff;
    opacity: 1;
}

.sub-nav .btn-warning {
    background: var(--tw-accent);
    border-color: var(--tw-accent);
    color: #fff;
}

.sub-nav .btn-warning:hover,
.sub-nav .btn-warning:focus {
    background: var(--tw-accent-hover);
    border-color: var(--tw-accent-hover);
    color: #fff;
}

.sub-nav .btn-info {
    background: transparent;
    border-color: var(--tw-line);
    color: var(--tw-ink);
}

.sub-nav .btn-info:hover,
.sub-nav .btn-info:focus {
    background: rgba(255, 255, 255, 0.06);
    border-color: #4b4b4b;
    color: #fff;
}

footer.hidden-print,
.dashboard-container footer {
    background: var(--tw-soft);
    background-image: linear-gradient(180deg, #262626 0%, #1f1f1f 100%);
    color: var(--tw-muted);
    border: 1px solid var(--tw-line);
    border-top: 2px solid var(--tw-accent);
    border-radius: 0 0 8px 8px;
    font-family: 'Outfit', system-ui, sans-serif;
    font-size: 12px;
    line-height: 30px;
    padding: 10px 15px;
    margin-bottom: 10px;
}

footer.hidden-print p,
.dashboard-container footer p {
    margin-bottom: 0;
    color: var(--tw-muted);
}

/* --- Menu #cssmenu --- */
#cssmenu > ul > li {
    background-color: var(--tw-panel);
    background-image: linear-gradient(180deg, #333333 0%, #2a2a2a 85%, #222222 100%);
    border: 1px solid var(--tw-line);
    border-bottom: 0;
}

#cssmenu > ul > li > a {
    color: var(--tw-muted);
}

#cssmenu > ul > li > a i {
    color: var(--tw-muted);
}

#cssmenu > ul > li:hover,
#cssmenu > ul > li.active,
#cssmenu > ul > li.active:hover {
    background: var(--tw-accent);
    background-image: none;
    border-color: var(--tw-accent);
}

#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a i,
#cssmenu > ul > li.active > a i {
    color: #fff;
}

#cssmenu ul ul li {
    background: var(--tw-panel);
}

#cssmenu li:hover > ul > li:hover,
#cssmenu ul ul li:hover {
    background: var(--tw-accent) !important;
}

#cssmenu ul ul ul li {
    background: #242424;
}

#cssmenu ul ul ul li:hover {
    background: var(--tw-accent-hover) !important;
}

#cssmenu ul ul li a {
    color: var(--tw-ink);
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
    color: #fff;
}

#cssmenu ul ul li.has-sub > a:after,
#cssmenu ul ul li.has-sub > a:before {
    background: var(--tw-muted);
}

@media all and (max-width: 768px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (-o-min-device-pixel-ratio: 2 / 1) and (max-width: 1024px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min-resolution: 192dpi) and (max-width: 1024px),
only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    #cssmenu {
        background-color: var(--tw-soft);
        background-image: linear-gradient(180deg, #2c2c2c 0%, #1f1f1f 100%);
        border: 1px solid var(--tw-line);
    }

    #cssmenu ul li {
        background: var(--tw-panel);
        border-top-color: var(--tw-line);
    }

    #cssmenu ul li:hover {
        background: #333;
    }

    #cssmenu ul ul li,
    #cssmenu li:hover > ul > li {
        background: #242424;
    }

    #cssmenu ul ul li:hover,
    #cssmenu li:hover > ul > li:hover {
        background: var(--tw-accent) !important;
    }
}

/* --- Bootstrap accents (global, treść jasna) --- */
.btn-primary {
    background-color: var(--tw-accent);
    border-color: var(--tw-accent);
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: var(--tw-accent-hover);
    border-color: var(--tw-accent-hover);
    color: #fff;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #9a3412;
    border-color: #9a3412;
}

.btn-info {
    background-color: #9a3412;
    border-color: #9a3412;
    color: #fff;
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    background-color: var(--tw-accent);
    border-color: var(--tw-accent);
    color: #fff;
}

.dashboard-wrapper a:not(.btn):not(.list-group-item):not(.msg-folder):not(.msg-reader-back),
.dashboard-wrapper-lg a:not(.btn):not(.list-group-item):not(.msg-folder):not(.msg-reader-back) {
    color: var(--tw-accent);
}

.dashboard-wrapper a:not(.btn):not(.list-group-item):not(.msg-folder):not(.msg-reader-back):hover,
.dashboard-wrapper-lg a:not(.btn):not(.list-group-item):not(.msg-folder):not(.msg-reader-back):hover {
    color: var(--tw-accent-hover);
}

.dashboard-wrapper .msg-shell a:not(.btn),
.dashboard-wrapper-lg .msg-shell a:not(.btn) {
    color: inherit;
}

.dashboard-wrapper .msg-shell .msg-folder,
.dashboard-wrapper .msg-shell .msg-folder:hover,
.dashboard-wrapper .msg-shell .msg-folder.active {
    color: inherit;
}

.dashboard-wrapper .msg-reader__content a,
.dashboard-wrapper .msg-reader__content a:hover {
    color: #fb923c;
}

.dashboard-wrapper .msg-reader__content a:hover {
    color: var(--tw-accent-hover);
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: var(--tw-accent);
    border-color: var(--tw-accent);
    color: #fff;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: var(--tw-accent);
}

.info-bg {
    background: var(--tw-accent) !important;
    color: #fff !important;
}

.blue-bg {
    background: var(--tw-accent);
}

.label-info,
.badge-info {
    background-color: var(--tw-accent);
}

.alert-info {
    background-color: #fff7ed;
    border-color: #fdba74;
    color: #9a3412;
}

.form-control:focus {
    border-color: var(--tw-accent);
    box-shadow: 0 0 0 3px var(--tw-accent-ring);
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: var(--tw-accent);
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-bottom-color: var(--tw-accent);
}

.progress-bar {
    background-color: var(--tw-accent);
}

.text-info {
    color: var(--tw-accent) !important;
}

a.text-info:hover,
a.text-info:focus {
    color: var(--tw-accent-hover) !important;
}

/* ========== Global content dark (szybki pass) ========== */
.dashboard-wrapper,
.dashboard-wrapper-lg {
    color: var(--tw-ink);
}

.dashboard-wrapper h1,
.dashboard-wrapper h2,
.dashboard-wrapper h3,
.dashboard-wrapper h4,
.dashboard-wrapper h5,
.dashboard-wrapper h6,
.dashboard-wrapper .page-header,
.dashboard-wrapper-lg h1,
.dashboard-wrapper-lg h2,
.dashboard-wrapper-lg h3,
.dashboard-wrapper-lg h4,
.dashboard-wrapper-lg h5,
.dashboard-wrapper-lg h6 {
    color: #fff;
    border-color: var(--tw-line);
}

.dashboard-wrapper .page-header,
.dashboard-wrapper-lg .page-header {
    border-bottom-color: var(--tw-line);
}

.dashboard-wrapper .text-muted,
.dashboard-wrapper-lg .text-muted {
    color: var(--tw-muted) !important;
}

.dashboard-wrapper .panel,
.dashboard-wrapper-lg .panel,
.dashboard-wrapper .widget,
.dashboard-wrapper-lg .widget {
    background: var(--tw-surface-card);
    border: 1px solid var(--tw-line);
    border-radius: 12px;
    color: var(--tw-ink);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

.dashboard-wrapper .panel-default > .panel-heading,
.dashboard-wrapper .panel-heading,
.dashboard-wrapper .widget .widget-header,
.dashboard-wrapper-lg .panel-default > .panel-heading,
.dashboard-wrapper-lg .panel-heading {
    background: linear-gradient(180deg, #333 0%, #2a2a2a 100%);
    border-bottom: 1px solid var(--tw-line);
    color: #fff;
    border-radius: 12px 12px 0 0;
}

.dashboard-wrapper .panel-title,
.dashboard-wrapper h4.panel-title,
.dashboard-wrapper-lg .panel-title {
    color: #fff;
}

.dashboard-wrapper .panel-body,
.dashboard-wrapper .widget .widget-body,
.dashboard-wrapper-lg .panel-body {
    background: transparent;
    color: var(--tw-ink);
}

.dashboard-wrapper .panel-footer,
.dashboard-wrapper-lg .panel-footer {
    background: rgba(0, 0, 0, 0.2);
    border-top: 1px solid var(--tw-line);
    color: var(--tw-muted);
}

.dashboard-wrapper .well,
.dashboard-wrapper-lg .well {
    background: #242424;
    border: 1px solid var(--tw-line);
    border-radius: 10px;
    color: var(--tw-ink);
    box-shadow: none;
}

.dashboard-wrapper .table,
.dashboard-wrapper-lg .table {
    color: var(--tw-ink);
    background: transparent;
}

.dashboard-wrapper .table > thead > tr > th,
.dashboard-wrapper .table > tbody > tr > th,
.dashboard-wrapper .table > tfoot > tr > th,
.dashboard-wrapper .table > thead > tr > td,
.dashboard-wrapper .table > tbody > tr > td,
.dashboard-wrapper .table > tfoot > tr > td,
.dashboard-wrapper-lg .table > thead > tr > th,
.dashboard-wrapper-lg .table > tbody > tr > td {
    border-color: var(--tw-line) !important;
    background: transparent;
}

.dashboard-wrapper .table > thead > tr > th,
.dashboard-wrapper-lg .table > thead > tr > th,
.dashboard-wrapper .table > thead > tr > th[style],
.dashboard-wrapper-lg .table > thead > tr > th[style] {
    background: rgba(0, 0, 0, 0.28) !important;
    color: var(--tw-muted) !important;
    font-weight: 700;
    border-bottom-color: var(--tw-line) !important;
}

.dashboard-wrapper .table-striped > tbody > tr:nth-of-type(odd),
.dashboard-wrapper-lg .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.03);
}

.dashboard-wrapper .table-hover > tbody > tr:hover,
.dashboard-wrapper-lg .table-hover > tbody > tr:hover {
    background-color: rgba(194, 65, 12, 0.1);
}

.dashboard-wrapper .table-bordered,
.dashboard-wrapper-lg .table-bordered {
    border-color: var(--tw-line);
}

.dashboard-wrapper .table-bordered > thead > tr > th,
.dashboard-wrapper .table-bordered > tbody > tr > td,
.dashboard-wrapper-lg .table-bordered > thead > tr > th,
.dashboard-wrapper-lg .table-bordered > tbody > tr > td {
    border-color: var(--tw-line);
}

.dashboard-wrapper .table > tbody > tr.info > td,
.dashboard-wrapper .table > tbody > tr.active > td,
.dashboard-wrapper tr.info > td {
    background-color: rgba(194, 65, 12, 0.14) !important;
    color: #fff;
}

.dashboard-wrapper .table > tbody > tr.success > td {
    background-color: rgba(34, 197, 94, 0.12) !important;
}

.dashboard-wrapper .table > tbody > tr.danger > td,
.dashboard-wrapper .table > tbody > tr.warning > td {
    background-color: rgba(248, 113, 113, 0.12) !important;
}

.dashboard-wrapper .form-control,
.dashboard-wrapper select.form-control,
.dashboard-wrapper textarea.form-control,
.dashboard-wrapper-lg .form-control {
    background: #1f1f1f;
    border-color: var(--tw-line);
    color: var(--tw-ink);
    box-shadow: none;
}

.dashboard-wrapper .form-control:focus,
.dashboard-wrapper-lg .form-control:focus {
    background: #1a1a1a;
    border-color: var(--tw-accent);
    box-shadow: 0 0 0 3px var(--tw-accent-ring);
    color: #fff;
}

.dashboard-wrapper .form-control[disabled],
.dashboard-wrapper .form-control[readonly],
.dashboard-wrapper fieldset[disabled] .form-control {
    background: #2a2a2a;
    color: var(--tw-muted);
}

.dashboard-wrapper .input-group-addon,
.dashboard-wrapper-lg .input-group-addon {
    background: #2a2a2a;
    border-color: var(--tw-line);
    color: var(--tw-muted);
}

.dashboard-wrapper label,
.dashboard-wrapper .control-label,
.dashboard-wrapper-lg label {
    color: #d1d5db;
}

.dashboard-wrapper .help-block,
.dashboard-wrapper-lg .help-block {
    color: var(--tw-muted);
}

.dashboard-wrapper .btn-default,
.dashboard-wrapper-lg .btn-default {
    background: #1f1f1f;
    border-color: var(--tw-line);
    color: var(--tw-ink);
}

.dashboard-wrapper .btn-default:hover,
.dashboard-wrapper .btn-default:focus,
.dashboard-wrapper-lg .btn-default:hover {
    background: var(--tw-panel);
    border-color: #4b4b4b;
    color: #fff;
}

.dashboard-wrapper .list-group-item,
.dashboard-wrapper-lg .list-group-item {
    background: var(--tw-surface-card);
    border-color: var(--tw-line);
    color: var(--tw-ink);
}

.dashboard-wrapper .list-group-item:hover,
.dashboard-wrapper .list-group-item:focus {
    background: rgba(194, 65, 12, 0.12);
    color: #fff;
}

.dashboard-wrapper .list-group-item.active,
.dashboard-wrapper .list-group-item.active:hover {
    background: var(--tw-accent);
    border-color: var(--tw-accent);
    color: #fff;
}

.dashboard-wrapper .nav-tabs,
.dashboard-wrapper-lg .nav-tabs {
    border-bottom-color: var(--tw-line);
}

.dashboard-wrapper .nav-tabs > li > a {
    color: var(--tw-muted);
}

.dashboard-wrapper .nav-tabs > li > a:hover {
    background: rgba(255, 255, 255, 0.04);
    border-color: var(--tw-line);
    color: #fff;
}

.dashboard-wrapper .nav-tabs > li.active > a,
.dashboard-wrapper .nav-tabs > li.active > a:hover,
.dashboard-wrapper .nav-tabs > li.active > a:focus {
    background: var(--tw-surface-card);
    border-color: var(--tw-line);
    border-bottom-color: transparent;
    color: #fff;
}

.dashboard-wrapper .tab-content,
.dashboard-wrapper-lg .tab-content {
    background: transparent;
    color: var(--tw-ink);
}

.dashboard-wrapper .breadcrumb,
.dashboard-wrapper-lg .breadcrumb {
    background: rgba(0, 0, 0, 0.25);
    border-radius: 8px;
}

.dashboard-wrapper .breadcrumb > li + li:before {
    color: var(--tw-muted);
}

.dashboard-wrapper .alert-success {
    background: rgba(34, 197, 94, 0.12);
    border-color: rgba(34, 197, 94, 0.35);
    color: #86efac;
}

.dashboard-wrapper .alert-warning {
    background: rgba(234, 179, 8, 0.12);
    border-color: rgba(234, 179, 8, 0.35);
    color: #fde68a;
}

.dashboard-wrapper .alert-danger {
    background: rgba(248, 113, 113, 0.12);
    border-color: rgba(248, 113, 113, 0.35);
    color: #fca5a5;
}

.dashboard-wrapper .alert-info {
    background: rgba(194, 65, 12, 0.12);
    border-color: rgba(194, 65, 12, 0.35);
    color: #fdba74;
}

.dashboard-wrapper .label-default {
    background: #3a3a3a;
}

.dashboard-wrapper .thumbnail,
.dashboard-wrapper-lg .thumbnail {
    background: var(--tw-surface-card);
    border-color: var(--tw-line);
}

.dashboard-wrapper .dropdown-menu {
    background: #2a2a2a;
    border-color: var(--tw-line);
}

.dashboard-wrapper .dropdown-menu > li > a {
    color: var(--tw-ink);
}

.dashboard-wrapper .dropdown-menu > li > a:hover {
    background: var(--tw-accent);
    color: #fff;
}

.dashboard-wrapper hr,
.dashboard-wrapper-lg hr {
    border-top-color: var(--tw-line);
}

.dashboard-wrapper .close {
    color: #fff;
    text-shadow: none;
    opacity: 0.6;
}

.dashboard-wrapper .close:hover {
    color: #fff;
    opacity: 1;
}

/* Bootstrap modals — szybki dark */
.modal-content {
    background: linear-gradient(165deg, #2c2c2c 0%, #1f1f1f 100%);
    border: 1px solid var(--tw-line);
    border-radius: 14px;
    color: var(--tw-ink);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45);
}

.modal-header {
    border-bottom-color: var(--tw-line);
}

.modal-header .close {
    color: #fff;
    text-shadow: none;
    opacity: 0.55;
}

.modal-header .close:hover {
    opacity: 1;
}

.modal-title {
    color: #fff;
    font-family: 'Space Grotesk', 'Outfit', system-ui, sans-serif;
    font-weight: 600;
}

.modal-body {
    color: var(--tw-ink);
}

.modal-footer {
    border-top-color: var(--tw-line);
    background: transparent;
}

.modal-body .form-control,
.modal-content .form-control {
    background: #1f1f1f;
    border-color: var(--tw-line);
    color: var(--tw-ink);
}

.modal-body .form-control:focus,
.modal-content .form-control:focus {
    border-color: var(--tw-accent);
    box-shadow: 0 0 0 3px var(--tw-accent-ring);
    background: #1a1a1a;
    color: #fff;
}

.modal-body .table,
.modal-content .table {
    color: var(--tw-ink);
}

.modal-body .table > thead > tr > th,
.modal-content .table > thead > tr > th {
    background: rgba(0, 0, 0, 0.28) !important;
    color: var(--tw-muted) !important;
    border-color: var(--tw-line) !important;
}

.modal-body .table > tbody > tr > td,
.modal-content .table > tbody > tr > td {
    border-color: var(--tw-line);
}

.modal-body .panel,
.modal-content .panel {
    background: #242424;
    border: 1px solid var(--tw-line);
    border-radius: 10px;
}

.modal-body .panel-heading,
.modal-content .panel-heading {
    background: #2a2a2a;
    border-bottom: 1px solid var(--tw-line);
    color: #fff;
}

.modal-body .panel-title,
.modal-content .panel-title {
    color: #fff;
}

.modal-backdrop {
    background: #000;
}

.modal-backdrop.in {
    opacity: 0.65;
}

/* FullCalendar / jasne widgety które muszą zostać czytelne */
.dashboard-wrapper .fc,
.dashboard-wrapper .fc-unthemed td,
.dashboard-wrapper .fc-unthemed th {
    border-color: var(--tw-line);
}

.dashboard-wrapper .fc-toolbar h2 {
    color: #fff;
}

@media print {
    .dashboard-wrapper,
    .dashboard-wrapper-lg,
    .modal-content {
        background: #fff !important;
        color: #000 !important;
    }
}

/* Punch-through: częste inline jasne tła */
.dashboard-wrapper [style*="background-color: #FFFFFF"],
.dashboard-wrapper [style*="background-color:#FFFFFF"],
.dashboard-wrapper [style*="background-color: #ffffff"],
.dashboard-wrapper [style*="background-color:#ffffff"],
.dashboard-wrapper [style*="background-color: white"],
.dashboard-wrapper [style*="background-color:white"],
.dashboard-wrapper [style*="background: #ffffff"],
.dashboard-wrapper [style*="background:#ffffff"],
.dashboard-wrapper [style*="background: white"] {
    background-color: var(--tw-surface-card) !important;
    background: var(--tw-surface-card) !important;
    color: var(--tw-ink) !important;
}

.dashboard-wrapper [style*="background-color: #ededed"],
.dashboard-wrapper [style*="background-color:#ededed"],
.dashboard-wrapper [style*="background-color: #f5f5f5"],
.dashboard-wrapper [style*="background-color:#f5f5f5"],
.dashboard-wrapper [style*="background-color: #f7f7f7"],
.dashboard-wrapper [style*="background-color:#f7f7f7"],
.dashboard-wrapper [style*="background-color: #f8f9fa"],
.dashboard-wrapper [style*="background-color:#f8f9fa"],
.dashboard-wrapper [style*="background-color: #f9f9f9"],
.dashboard-wrapper [style*="background-color:#f9f9f9"],
.dashboard-wrapper [style*="background-color: #e8f4f8"],
.dashboard-wrapper [style*="background-color:#e8f4f8"],
.dashboard-wrapper [style*="background: #f9f9f9"],
.dashboard-wrapper [style*="background:#f9f9f9"] {
    background-color: rgba(0, 0, 0, 0.28) !important;
    background: rgba(0, 0, 0, 0.28) !important;
    color: var(--tw-ink) !important;
}

.dashboard-wrapper [style*="color: #000"],
.dashboard-wrapper [style*="color:#000"],
.dashboard-wrapper [style*="color: #000 !important"],
.dashboard-wrapper [style*="color: black"] {
    color: var(--tw-ink) !important;
}

.dashboard-wrapper [style*="border: 1px solid #CCCCCC"],
.dashboard-wrapper [style*="border: 1px solid #ccc"],
.dashboard-wrapper [style*="border: 1px solid #ddd"] {
    border-color: var(--tw-line) !important;
}

/* Select2 dark */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background-color: #1f1f1f !important;
    border-color: var(--tw-line) !important;
    color: var(--tw-ink);
    min-height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--tw-ink) !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--tw-muted) transparent transparent transparent;
}

.select2-dropdown {
    background-color: #2a2a2a !important;
    border-color: var(--tw-line) !important;
    color: var(--tw-ink);
}

.select2-container--default .select2-results__option {
    color: var(--tw-ink);
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--tw-accent) !important;
    color: #fff !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background: #1f1f1f;
    border-color: var(--tw-line);
    color: var(--tw-ink);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--tw-accent) !important;
    border-color: var(--tw-accent) !important;
    color: #fff;
}

/* ui-select */
.ui-select-container .ui-select-match,
.ui-select-container input,
.ui-select-bootstrap > .ui-select-match > .btn {
    background: #1f1f1f !important;
    border-color: var(--tw-line) !important;
    color: var(--tw-ink) !important;
}

.ui-select-bootstrap .ui-select-choices-row > span {
    color: var(--tw-ink);
}

.ui-select-bootstrap .ui-select-choices-row.active > span {
    background: var(--tw-accent) !important;
}

/* Datepicker / jQuery UI */
.ui-datepicker {
    background: #2a2a2a !important;
    border-color: var(--tw-line) !important;
    color: var(--tw-ink) !important;
}

.ui-datepicker .ui-widget-header {
    background: #1f1f1f !important;
    border-color: var(--tw-line) !important;
    color: #fff !important;
}

.ui-datepicker td a,
.ui-datepicker td span {
    color: var(--tw-ink) !important;
    background: transparent !important;
}

.ui-datepicker td a.ui-state-active,
.ui-datepicker td a.ui-state-hover {
    background: var(--tw-accent) !important;
    color: #fff !important;
}

/* Accordion / collapse headings */
.dashboard-wrapper .panel-group .panel + .panel {
    margin-top: 8px;
}

.dashboard-wrapper .accordion-toggle,
.dashboard-wrapper .panel-title > a {
    color: #fff !important;
}

/* Chosen / bootstrap-select leftovers */
.bootstrap-select .dropdown-toggle {
    background: #1f1f1f !important;
    border-color: var(--tw-line) !important;
    color: var(--tw-ink) !important;
}

.bootstrap-select .dropdown-menu {
    background: #2a2a2a !important;
    border-color: var(--tw-line) !important;
}

.bootstrap-select .dropdown-menu li a {
    color: var(--tw-ink) !important;
}

.bootstrap-select .dropdown-menu li a:hover,
.bootstrap-select .dropdown-menu li.selected a {
    background: var(--tw-accent) !important;
    color: #fff !important;
}

/* Readonly fields in dark forms */
.dashboard-wrapper .form-control[readonly],
.modal-content .form-control[readonly] {
    background: #2a2a2a !important;
    color: var(--tw-muted) !important;
    border-color: var(--tw-line) !important;
}

/* Bootstrap light leftovers */
.dashboard-wrapper .bg-light,
.dashboard-wrapper .tw-surface,
.modal-content .bg-light {
    background-color: #262626 !important;
    color: var(--tw-ink) !important;
}

.dashboard-wrapper .tw-pre,
.tw-pre {
    background: #1f1f1f !important;
    color: var(--tw-ink) !important;
    border: 1px solid var(--tw-line);
    border-radius: 8px;
    white-space: pre-wrap;
}

.dashboard-wrapper .card,
.dashboard-wrapper .card-header {
    background-color: var(--tw-surface-card);
    border-color: var(--tw-line);
    color: var(--tw-ink);
}

.dashboard-wrapper .card-header {
    background: linear-gradient(180deg, #333 0%, #2a2a2a 100%);
    color: #fff;
}