/**
 * YKKP brand override for Backpack Tabler theme.
 * Primary identity: green #09840b.
 */

:root,
[data-bs-theme="light"],
[data-menu-theme="light"] {
    --tblr-gray: #475569;
    --tblr-gray-dark: #1f2937;
    --tblr-gray-100: #f1f5f9;
    --tblr-gray-200: #e2e8f0;
    --tblr-gray-300: #cbd5e1;
    --tblr-gray-400: #94a3b8;
    --tblr-gray-500: #64748b;
    --tblr-gray-600: #475569;
    --tblr-gray-700: #334155;
    --tblr-gray-800: #1f2937;
    --tblr-gray-900: #0f172a;

    --tblr-primary: #09840b;
    --tblr-tabler: #09840b;
    --tblr-primary-rgb: 9, 132, 11;
    --tblr-tabler-rgb: 9, 132, 11;

    --tblr-primary-text-emphasis: #065607;
    --tblr-primary-bg-subtle: #e7f6e8;
    --tblr-primary-border-subtle: #a8dba9;

    --tblr-link-color: #09840b;
    --tblr-link-color-rgb: 9, 132, 11;
    --tblr-link-hover-color: #076908;
    --tblr-link-hover-color-rgb: 7, 105, 8;

    --tblr-focus-ring-color: rgba(9, 132, 11, 0.25);
    --bg-switch-checked-color: var(--tblr-primary);
}

[data-bs-theme="dark"],
[data-menu-theme="dark"] {
    --tblr-primary: #22c55e;
    --tblr-tabler: #22c55e;
    --tblr-primary-rgb: 34, 197, 94;
    --tblr-tabler-rgb: 34, 197, 94;

    --tblr-primary-text-emphasis: #86efac;
    --tblr-primary-bg-subtle: #0f1f10;
    --tblr-primary-border-subtle: #166534;

    --tblr-link-color: #86efac;
    --tblr-link-hover-color: #bbf7d0;
    --tblr-link-color-rgb: 134, 239, 172;
    --tblr-link-hover-color-rgb: 187, 247, 208;
    --tblr-code-color: #86efac;

    --tblr-secondary-bg: #1f2937;
    --tblr-tertiary-bg: #111827;
    --tblr-bg-surface: #171717;
    --tblr-bg-main-color: #111111;
    --tblr-dark-mode-border-color: #2b2b2b;
    --tblr-bg-forms: var(--tblr-dark-mode-border-color);

    --tblr-focus-ring-color: rgba(34, 197, 94, 0.3);
    --bg-switch-checked-color: var(--tblr-primary);
}

/* Logo: full size on auth pages, compact in admin sidebar */
.ykkp-login-brand-logo {
    width: auto;
    max-height: 96px;
}

.navbar-brand .ykkp-login-brand-logo {
    max-height: 40px;
}

.ykkp-dashboard-feature-card {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

a:hover .ykkp-dashboard-feature-card {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(9, 132, 11, 0.12) !important;
}

button.ykkp-module-switch-submit:hover .ykkp-dashboard-feature-card,
button.ykkp-module-switch-submit:focus-visible .ykkp-dashboard-feature-card {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(9, 132, 11, 0.12) !important;
}

/* Status Join badge (Data uang muka / Iuran THT): teal pill + dark label like reference UI */
.ykkp-join-badge {
    font-weight: 500;
    font-size: 0.8rem;
    padding: 0.35em 0.75em;
}

.ykkp-join-badge--matched {
    background-color: #20c997 !important;
    color: #343a40 !important;
}

.ykkp-join-badge--unmatched {
    background-color: #dc3545 !important;
    color: #fff !important;
}