/**
 * UJForce admin — Urban Junggle brand overrides on top of Tabler.
 * Primary: #6CC239  (Urban Junggle Green)
 * Primary dark: #4A9622, light: #8FD45E
 * Secondary: #000000 (black sidebar)
 */

:root {
    --tblr-primary: #6CC239;
    --tblr-primary-rgb: 108, 194, 57;
    --tblr-link-color: #6CC239;
    --tblr-link-hover-color: #4A9622;
    --tblr-code-color: #4A9622;
}

/* Links + buttons that Tabler colors via the primary variable now go green. */
.btn-primary {
    --tblr-btn-bg: var(--tblr-primary);
    --tblr-btn-hover-bg: #4A9622;
    --tblr-btn-active-bg: #4A9622;
    --tblr-btn-border-color: var(--tblr-primary);
    --tblr-btn-hover-border-color: #4A9622;
    --tblr-btn-color: #fff;
}

/* Sidebar: black with green accents (matches ujaudit admin). */
.navbar-vertical.navbar-dark {
    background-color: #000;
}
.navbar-vertical.navbar-dark .navbar-nav .nav-link.active,
.navbar-vertical.navbar-dark .navbar-nav .nav-link:focus,
.navbar-vertical.navbar-dark .navbar-nav .nav-link:hover {
    color: var(--tblr-primary);
}
.navbar-vertical.navbar-dark .dropdown-menu .dropdown-item.active {
    color: var(--tblr-primary);
}

/* Brand area in sidebar. */
.uj-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 4px;
    text-decoration: none;
}
.uj-brand img {
    height: 32px;
    width: auto;
}
.uj-brand span {
    color: var(--tblr-primary);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.4px;
}

/* Login page — green gradient like the ujaudit admin login. */
.uj-login-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #6CC239 0%, #4A9622 100%);
    padding: 20px;
}
.uj-login-card {
    background: #fff;
    border-radius: 16px;
    padding: 40px;
    width: 100%;
    max-width: 400px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}
.uj-login-logo { text-align: center; margin-bottom: 24px; }
.uj-login-logo img { height: 72px; width: auto; }
.uj-login-logo p { color: #666; margin-top: 10px; }