@import url('https://rsms.me/inter/inter.css');
:root {
    --tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}
body {
    font-feature-settings: "cv03", "cv04", "cv11";
}

/* Custom Dark Mode Colors - Neutral Grey Overrides */
[data-bs-theme="dark"] {
    --tblr-body-bg: #242424;
    --tblr-card-bg: #242424;
    --tblr-bg-surface: #242424;
    --tblr-bg-surface-secondary: #3c3c3c;
    --tblr-bg-surface-dark: #1a1a1a;
    --tblr-border-color: #444444;
    --tblr-body-color: #dcdbcf;
}

[data-bs-theme="dark"] body {
    background-color: var(--tblr-body-bg) !important;
    color: var(--tblr-body-color) !important;
}

/* Menu (Navbar) background */
[data-bs-theme="dark"] .navbar {
    background-color: #3c3c3c !important;
}

/* Other surfaces to match body */
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .card-header,
[data-bs-theme="dark"] .modal-content,
[data-bs-theme="dark"] .dropdown-menu {
    background-color: var(--tblr-body-bg) !important;
}

/* Global Modal Width Overrides */
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 700px; /* Default wider */
    }
}
@media (min-width: 992px) {
    .modal-lg, .modal-dialog-lg {
        max-width: 1200px; /* LG wider */
    }
    .modal-xl, .modal-dialog-xl {
        max-width: 1600px; /* XL wider */
    }
}

[data-bs-theme="dark"] .tabulator-header-filter input {
    background-color: #333333 !important;
    color: #dcdbcf !important;
    border: 1px solid #555 !important;
}

/* Poprawki trybu ciemnego dla Tabulatora */
[data-bs-theme="dark"] .tabulator {
    background-color: var(--tblr-body-bg);
    border-color: var(--tblr-border-color);
    color: var(--tblr-body-color);
}
[data-bs-theme="dark"] .tabulator .tabulator-header {
    background-color: var(--tblr-bg-surface-secondary);
    border-bottom-color: var(--tblr-border-color);
    color: var(--tblr-body-color);
}
[data-bs-theme="dark"] .tabulator .tabulator-header .tabulator-col {
    background-color: inherit;
}
/* Remove hover highlight on headers */
[data-bs-theme="dark"] .tabulator .tabulator-header .tabulator-col:hover {
    background-color: inherit !important;
    cursor: default;
}
[data-bs-theme="dark"] .tabulator .tabulator-row {
    background-color: var(--tblr-card-bg);
    border-bottom-color: var(--tblr-border-color);
    color: var(--tblr-body-color);
}
[data-bs-theme="dark"] .tabulator .tabulator-row:hover {
    background-color: var(--tblr-bg-surface-secondary) !important;
}
[data-bs-theme="dark"] .tabulator .tabulator-footer {
    background-color: var(--tblr-bg-surface-secondary);
    border-top-color: var(--tblr-border-color);
}
[data-bs-theme="dark"] .tabulator .tabulator-footer .tabulator-page {
    color: var(--tblr-body-color);
}

/* Tabs background override */
/* [data-bs-theme="dark"] .nav-tabs .nav-link.active {
    background-color: var(--tblr-body-bg);
    border-color: var(--tblr-border-color) var(--tblr-border-color) transparent;
    color: var(--tblr-body-color);
}
[data-bs-theme="dark"] .nav-tabs .nav-link:hover { */
    border-color: var(--tblr-border-color) var(--tblr-border-color) var(--tblr-border-color);
}

/* Toast Dark Mode */
[data-bs-theme="dark"] .toast {
    background-color: var(--tblr-bg-surface-secondary);
    color: var(--tblr-body-color);
    border: 1px solid var(--tblr-border-color);
}
[data-bs-theme="dark"] .toast-header {
    background-color: var(--tblr-bg-surface-secondary);
    color: var(--tblr-body-color);
    border-bottom: 1px solid var(--tblr-border-color);
}
[data-bs-theme="dark"] .toast .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}


.card-header-tabs{
    background-color: transparent !important;
}

.bg-dark{
    background-color: var(--tblr-bg-surface-secondary) !important;
}

[data-bs-theme=dark],body[data-bs-theme=dark] [data-bs-theme=light] {
    color-scheme: dark;
    --tblr-body-color: #dbdada;
    --tblr-body-color-rgb: 252,253,254;
    --tblr-body-bg: #2a2c2e;
    --tblr-body-bg-rgb: 4,10,17;
    --tblr-emphasis-color: #ffffff;
    --tblr-emphasis-color-rgb: 255,255,255;
    --tblr-secondary-color: rgb(133, 134, 134);
    --tblr-secondary-color-rgb: 133, 134, 134;
    --tblr-secondary-bg: #323436;
    --tblr-secondary-bg-rgb: 24,36,51;
    --tblr-tertiary-color: rgba(252, 253, 254, 0.5);
    --tblr-tertiary-color-rgb: 252,253,254;
    --tblr-tertiary-bg: #292424;
    --tblr-tertiary-bg-rgb: 14,23,34;
    --tblr-primary-text-emphasis: #c7b9b2;
    --tblr-secondary-text-emphasis: #a3abb4;
    --tblr-success-text-emphasis: #82d18f;
    --tblr-info-text-emphasis: #8ec2ed;
    --tblr-warning-text-emphasis: #faa46a;
    --tblr-danger-text-emphasis: #d6c4ad;
    --tblr-light-text-emphasis: #f6f8fb;
    --tblr-dark-text-emphasis: #dadfe5;
    --tblr-primary-bg-subtle: #210000;
    --tblr-secondary-bg-subtle: #1a1414;
    --tblr-success-bg-subtle: #240909;
    --tblr-info-bg-subtle: #24282b;
    --tblr-warning-bg-subtle: #311501;
    --tblr-danger-bg-subtle: #2b0b0b;
    --tblr-light-bg-subtle: #313336;
    --tblr-dark-bg-subtle: #0c121a;
    --tblr-primary-border-subtle: #003264;
    --tblr-secondary-border-subtle: #3d454e;
    --tblr-success-border-subtle: #1c6b29;
    --tblr-info-border-subtle: #285c87;
    --tblr-warning-border-subtle: #6e6b68;
    --tblr-danger-border-subtle: #918c7d;
    --tblr-light-border-subtle: #3a4859;
    --tblr-dark-border-subtle: #182433;
    --tblr-heading-color: inherit;
    --tblr-link-color: #6698ca;
    --tblr-link-hover-color: #85add5;
    --tblr-link-color-rgb: 102,152,202;
    --tblr-link-hover-color-rgb: 133,173,213;
    --tblr-code-color: var(--tblr-gray-300);
    --tblr-border-color: #2f2d33;
    --tblr-border-color-translucent: rgba(125, 137, 150, 0.14);
    --tblr-form-valid-color: #82d18f;
    --tblr-form-valid-border-color: #82d18f;
    --tblr-form-invalid-color: #e68888;
    --tblr-form-invalid-border-color: #e68888;
    --tblr-bg-surface-secondary: #2d2f31;
    --tblr-bg-surface-tertiary: #242729;
    --tblr-bg-forms: #4b4e52;
    --tblr-secondary: #818283;
}

.accordion{
    --tblr-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236698ca' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M6 9l6 6l6-6'/%3e%3c/svg%3e");
    --tblr-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236698ca' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M6 9l6 6l6-6'/%3e%3c/svg%3e");
}