:root,
[data-bs-theme=light] {
    --bs-drinkovic: #806592;
    --bs-drinkovicsvijetli: #8065928c;
}

.btn.btn-icon {
    height: 30px;
    width: 30px;
}

.aside {
    background-color: #ffffff;
}
.aside .aside-logo {
    background-color: #ffffff;
}

.active>.page-link,
.page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-drinkovic);
    border-color: var(--bs-drinkovic);
}

.card .card-header .card-title,
.card .card-header .card-title .card-label {
    font-size: 1.110rem;
}

.btn.btn-primary {
    color: var(--bs-primary-inverse);
    background-color: var(--bs-drinkovicsvijetli);
}

.table-unified {
    font-size: var(--crm-table-font-size, 1rem);
}
.table-unified tbody {
    color: var(--crm-table-text, #4b5563);
    font-weight: var(--crm-table-weight, 400);
}
.table-unified.table-row-dashed > :not(caption) > * > * {
    padding-top: var(--crm-table-row-gap, 0.3rem);
    padding-bottom: var(--crm-table-row-gap, 0.3rem);
}

.dt-buttons {
    display: none !important;
}

.dataTables_info,
.dataTables_length label,
.dataTables_length select,
.dt-info {
    font-size: 0.8rem;
    color: #6c757d;
    line-height: 1.2;
}

.dataTables_length select {
    padding: 0.2rem 0.65rem;
    height: 1.9rem;
    width: auto;
}

.d-flex.flex-wrap.justify-content-between.align-items-center.pt-3 {
    gap: 0.75rem;
}

.d-flex.flex-wrap.justify-content-between.align-items-center.pt-3 > div:first-child {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: nowrap;
}

.d-flex.flex-wrap.justify-content-between.align-items-center.pt-3 > div:first-child label {
    margin: 0;
    display: inline-flex;
    align-items: center;
}

.d-flex.flex-wrap.justify-content-between.align-items-center.pt-3 > div:first-child select {
    width: auto;
    min-width: 72px;
}

.d-flex.flex-wrap.justify-content-between.align-items-center.pt-3 .pagination {
    margin-bottom: 0;
}

.d-flex.flex-wrap.justify-content-between.align-items-center.pt-3 .page-link {
    padding: 0.25rem 0.55rem;
    font-size: 0.9rem;
}

/* SweetAlert compact styling */
.swal-compact {
    padding: 1rem 1.25rem;
    border-radius: 0.9rem;
}
.swal-compact .swal2-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1e1e2d;
}
.swal-compact .swal2-html-container {
    font-size: 0.95rem;
}

/* Uniform small avatars in tables */
.symbol.symbol-20px {
    width: 40px;
    height: 40px;
}
.symbol.symbol-20px img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 6px;
}

@media (min-width: 992px) {
    .aside {
        width: 120px;
    }
    .aside-enabled.aside-fixed.header-fixed .header {
        left: 120px;
    }
    .aside-enabled.aside-fixed.toolbar-fixed .toolbar {
        left: 120px;
        transition: left ease;
    }
    .header-fixed.toolbar-fixed .wrapper {
        padding-top: 120px;
    }
}

@media (min-width: 992px) {
    .container-fluid {
        padding: 0px 30px 0px 10px;
    }
}
.btn-check:active+.btn.btn-primary, .btn-check:checked+.btn.btn-primary, .btn.btn-primary.active, .btn.btn-primary.show, .btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .show>.btn.btn-primary {
    color: var(--bs-primary-inverse);
    border-color: var(--bs-drinkovic);
    background-color: var(--bs-drinkovic) !important;
}