/* Limitum Admin: the console's own styles on top of Bootstrap 5.3. Colours are Bootstrap's theme variables or the --kc-* tokens below, defined for both themes; no inline style anywhere
   (the CSP allows only this file and Bootstrap's). */

:root,
[data-bs-theme="light"] {
    --kc-brand: #0f766e;
    --kc-brand-contrast: #ffffff;
    --kc-sidebar-bg: var(--bs-tertiary-bg);
}

[data-bs-theme="dark"] {
    --kc-brand: #2dd4bf;
    --kc-brand-contrast: #042f2e;
    --kc-sidebar-bg: var(--bs-body-bg);
}

body {
    min-height: 100vh;
    background-color: var(--bs-body-bg);
}

.kc-topbar {
    min-height: 3.5rem;
}

.kc-brand {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-weight: 600;
}

.kc-brand-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: .5rem;
    background-color: var(--kc-brand);
    color: var(--kc-brand-contrast);
    font-size: 1rem;
    line-height: 1;
}

.kc-icon {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}

.kc-icon-lg {
    width: 1.5rem;
    height: 1.5rem;
}

.kc-shell {
    display: flex;
    min-height: calc(100vh - 3.5rem);
}

.kc-main {
    flex: 1 1 auto;
    min-width: 0;
    padding: 1.5rem 1rem;
}

/* The navigation: a slide-in menu on a phone (Bootstrap's offcanvas-lg), a fixed sidebar from the "lg" width on. */
.kc-sidebar {
    flex: 0 0 auto;
}

@media (max-width: 991.98px) {
    .kc-sidebar {
        border-right: 0 !important;
    }
}

@media (min-width: 992px) {
    .kc-sidebar {
        width: 16rem;
        background-color: var(--kc-sidebar-bg);
    }

    .kc-sidebar .offcanvas-lg {
        position: sticky;
        top: 3.5rem;
    }

    .kc-main {
        padding: 2rem;
    }
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--kc-brand);
    --bs-nav-pills-link-active-color: var(--kc-brand-contrast);
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: var(--kc-brand);
    --bs-dropdown-link-active-color: var(--kc-brand-contrast);
}