.btn-primary {
    --bs-btn-color: var(--text-light);
    --bs-btn-bg: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-color: var(--text-light);
    --bs-btn-hover-bg: var(--primary-color);
    --bs-btn-hover-border-color: var(--primary-color);
    --bs-btn-active-color: var(--text-light);
    --bs-btn-active-bg: var(--primary-color);
    --bs-btn-active-border-color: var(--primary-color);
    --bs-btn-disabled-color: var(--text-light);
    --bs-btn-disabled-bg: var(--primary-color);
    --bs-btn-disabled-border-color: var(--primary-color);
}

.btn-secondary {
    --bs-btn-color: var(--text-light);
    --bs-btn-bg: var(--secondary-color);
    --bs-btn-border-color: var(--secondary-color);
    --bs-btn-hover-color: var(--text-light);
    --bs-btn-hover-bg: var(--secondary-color);
    --bs-btn-hover-border-color: var(--secondary-color);
    --bs-btn-active-color: var(--text-light);
    --bs-btn-active-bg: var(--secondary-color);
    --bs-btn-active-border-color: var(--secondary-color);
    --bs-btn-disabled-color: var(--text-light);
    --bs-btn-disabled-bg: var(--secondary-color);
    --bs-btn-disabled-border-color: var(--secondary-color);
}

a {
    color: var(--primary-color);
    text-decoration: none;
}

body[data-sidebar=colored] .vertical-menu {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
}

body[data-sidebar=colored] .navbar-brand-box {
    background-color: var(--secondary-color);
}

.page-link.active,
.active > .page-link {
    color: var(--text-light);
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.keyword-chip {
    background-color: var(--secondary-color) !important;
    color: var(--text-light);
}

.uim-svg {
    fill: var(--secondary-color) !important;
}

[dir=rtl] input {
    text-align: start;
}

.accordion-button:not(.collapsed) {
    background-color: var(--secondary-color);
    color: white;
}

.accordion-button:not(.collapsed)::after {
    filter: invert(100%);
}

.accordion-item:first-of-type>.accordion-header .accordion-button {
    border-radius: 0px;
}

.accordion-header {
    border: var(--secondary-color) solid 1px;
}
.keyword-input-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    padding: 5px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    min-height: 40px;
}
.keyword-input-wrapper .keyword-input {
    border: none;
    flex: 1;
    min-width: 150px;
    outline: none;
}
.keywords-container {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.keyword-chip {
    background-color:#0c768a;
    color: #fff;
    padding: 4px 10px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    font-size: 0.9rem;
}
.keyword-chip span {
    margin: 6px;
    cursor: pointer;
    color: #dc3545;
    font-weight: bold;
}
.custom-dropdown {
    position: relative;
    width: 100%;
}
.label-toggle {
    cursor: pointer;
}

.hidden-checkbox {
    display: none;
}

.toggle-content {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #ddd;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    padding: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.hidden-checkbox:checked + .toggle-content {
    display: block;
}

.toggle-content input[type="checkbox"] {
    margin-right: 8px;
}

.search-checkbox {
    width: 100%;
    margin-bottom: 5px;
    padding: 4px 8px;
}
#loader {
    position: fixed;
    inset: 0;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    transition: opacity .3s ease;
}

#layout-wrapper {
    display: none;
    opacity: 0;
    transition: opacity .3s ease;
}

.loader-img {
    width: 120px;
    animation: pulse 1.2s infinite;
}

@keyframes pulse {
    0% {transform: scale(.95);}
    50% {transform: scale(1.05);}
    100% {transform: scale(.95);}
}