/* =========================================================
   TRIGGR GLOBAL THEME & CONTRAST ENHANCEMENTS
   ========================================================= */

/* 1. Code Terminal & Pine Script Blocks - High contrast */
pre, pre:has(code), pre.rounded, pre[class*="language-"], .terminal-body pre {
    background-color: rgba(13, 15, 14, 0.95) !important;
    color: #e2e3e0 !important;
    border: 1px solid rgba(66, 73, 56, 0.45) !important;
    font-family: "JetBrains Mono", monospace !important;
}

pre code, code[class*="language-"], code.language-pinescript {
    color: #b7f36b !important;
    background: transparent !important;
    text-shadow: none !important;
    font-family: "JetBrains Mono", monospace !important;
}

/* =========================================================
   TRIGGR UNIFIED TYPOGRAPHY, BUTTONS & COLOR PALETTE
   Exact Match to Stitch Landing Page (Kinetic Institutional Precision)
   ========================================================= */

:root,
html,
[data-bs-theme="dark"],
[data-bs-theme="light"],
body,
.triggr-dashboard,
.trader-layout,
.admin-layout,
.auth-page-wrapper,
#layout-wrapper {
    /* Fonts */
    --vz-body-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --vz-heading-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;

    /* Brand Primary Accent (Triggr Lime #B7F36B) */
    --vz-primary: #b7f36b;
    --vz-primary-rgb: 183, 243, 107;
    --vz-primary-text-emphasis: #b7f36b;
    --vz-primary-bg-subtle: rgba(183, 243, 107, 0.12);
    --vz-primary-border-subtle: rgba(183, 243, 107, 0.25);
    --vz-link-color: #b7f36b;
    --vz-link-hover-color: #c6f687;

    /* Semantics */
    --vz-success: #65d6a0;
    --vz-success-rgb: 101, 214, 160;
    --vz-success-bg-subtle: rgba(101, 214, 160, 0.12);
    --vz-success-border-subtle: rgba(101, 214, 160, 0.25);
    --vz-warning: #e9b85c;
    --vz-warning-rgb: 233, 184, 92;
    --vz-warning-bg-subtle: rgba(233, 184, 92, 0.12);
    --vz-warning-border-subtle: rgba(233, 184, 92, 0.25);
    --vz-danger: #f07878;
    --vz-danger-rgb: 240, 120, 120;
    --vz-danger-bg-subtle: rgba(240, 120, 120, 0.12);
    --vz-danger-border-subtle: rgba(240, 120, 120, 0.25);
    --vz-info: #b7f36b;
    --vz-info-rgb: 183, 243, 107;
    --vz-info-bg-subtle: rgba(183, 243, 107, 0.12);
    --vz-info-border-subtle: rgba(183, 243, 107, 0.25);

    /* Text & Headings */
    --vz-body-color: #e2e3e0;
    --vz-heading-color: #fdfff1;

    /* Landing Page Surfaces */
    --vz-body-bg: #121413;
    --vz-card-bg: rgba(26, 28, 27, 0.90);
    --vz-card-border-color: rgba(66, 73, 56, 0.45);
    --vz-card-cap-bg: rgba(26, 28, 27, 0.95);
    --vz-border-color: rgba(66, 73, 56, 0.40);
    --vz-border-color-translucent: rgba(66, 73, 56, 0.35);

    /* Button Tokens (Bootstrap 5 CSS Variables) */
    --vz-btn-bg: #b7f36b;
    --vz-btn-border-color: #b7f36b;
    --vz-btn-color: #101211;
    --vz-btn-hover-bg: #c6f687;
    --vz-btn-hover-border-color: #c6f687;
    --vz-btn-hover-color: #101211;
    --vz-btn-focus-shadow-rgb: 183, 243, 107;
    --vz-btn-active-bg: #9dd753;
    --vz-btn-active-border-color: #9dd753;
    --vz-btn-active-color: #101211;

    /* Header & Topbar */
    --vz-header-bg: rgba(16, 18, 17, 0.88);
    --vz-header-border: rgba(66, 73, 56, 0.40);
    --vz-header-item-color: #e2e3e0;
    --vz-header-item-bg: rgba(30, 32, 31, 0.85);
    --vz-header-item-sub-color: #8c937f;
    --vz-topbar-user-bg: transparent;
    --vz-topbar-search-bg: rgba(13, 15, 14, 0.90);
    --vz-topbar-search-color: #e2e3e0;

    /* Sidebar Navigation */
    --vz-vertical-menu-bg: rgba(13, 15, 14, 0.94);
    --vz-vertical-menu-border: rgba(66, 73, 56, 0.40);
    --vz-vertical-menu-item-color: #c4c7c3;
    --vz-vertical-menu-item-hover-color: #fdfff1;
    --vz-vertical-menu-item-active-color: #b7f36b;
    --vz-vertical-menu-item-active-bg: rgba(183, 243, 107, 0.12);
    --vz-vertical-menu-sub-item-color: #8c937f;
    --vz-vertical-menu-sub-item-hover-color: #fdfff1;
    --vz-vertical-menu-sub-item-active-color: #b7f36b;
    --vz-vertical-menu-title-color: #8c937f;

    /* Inputs */
    --vz-input-bg-custom: rgba(13, 15, 14, 0.90);
    --vz-input-border-custom: rgba(66, 73, 56, 0.45);

    /* Footer & Dropdown & Modal */
    --vz-footer-bg: rgba(13, 15, 14, 0.88);
    --vz-footer-color: #8c937f;
    --vz-dropdown-bg: rgba(30, 32, 31, 0.96);
    --vz-dropdown-link-color: #e2e3e0;
    --vz-dropdown-link-hover-color: #b7f36b;
    --vz-dropdown-link-hover-bg: rgba(40, 42, 41, 0.90);
    --vz-dropdown-border-color: rgba(66, 73, 56, 0.45);
    --vz-modal-bg: rgba(26, 28, 27, 0.96);
    --vz-modal-border-color: rgba(66, 73, 56, 0.50);
}

/* =========================================================
   GLOBAL TYPOGRAPHY ENFORCEMENT
   ========================================================= */

body, html, *,
.card, .card-body, .card-header,
.navbar-menu, .header-item,
.modal-content, .dropdown-menu {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
h1.text-primary, h2.text-primary, h3.text-primary,
h4.text-primary, h5.text-primary, h6.text-primary,
.card-title {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    color: #fdfff1 !important;
    font-weight: 600 !important;
    letter-spacing: -0.02em !important;
}

p {
    color: #e2e3e0;
    line-height: 1.6;
}

/* Numbers, counters, ticker symbols, codes */
.counter-value,
.ff-secondary,
.font-mono,
code,
pre,
kbd,
.badge-font-mono,
[class*="mono"] {
    font-family: "JetBrains Mono", monospace !important;
    font-feature-settings: "tnum" on, "zero" on !important;
}

/* Text Colors — Aligned to Stitch Token Specs */
.text-primary {
    color: #fdfff1 !important;
}

.text-primary-container,
.text-accent-lime {
    color: #b7f36b !important;
}

.link-primary {
    color: #b7f36b !important;
}

.link-primary:hover {
    color: #c6f687 !important;
}

.text-muted,
.text-secondary,
.text-white-50 {
    color: #8c937f !important;
}

.text-success {
    color: #65d6a0 !important;
}

.text-warning {
    color: #e9b85c !important;
}

.text-danger {
    color: #f07878 !important;
}

.text-info {
    color: #b7f36b !important;
}

.text-white {
    color: #fdfff1 !important;
}

/* Form Labels */
.form-label,
label {
    color: #c4c7c3 !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    letter-spacing: 0.01em !important;
}

/* Links */
a {
    color: #b7f36b;
    text-decoration: none;
    transition: color 0.15s ease;
}

a:hover {
    color: #c6f687;
}

/* =========================================================
   BUTTONS — STITCH KINETIC PALETTE
   ========================================================= */

/* Primary & Info Button (Lime Solid) */
.btn-primary,
.btn-info,
.auth-page-wrapper .btn-primary,
.auth-page-wrapper .btn-success,
#btn-submit,
button[type="submit"].btn-primary,
a.btn-primary {
    --vz-btn-color: #101211 !important;
    --vz-btn-bg: #b7f36b !important;
    --vz-btn-border-color: #b7f36b !important;
    --vz-btn-hover-color: #101211 !important;
    --vz-btn-hover-bg: #c6f687 !important;
    --vz-btn-hover-border-color: #c6f687 !important;
    --vz-btn-focus-shadow-rgb: 183, 243, 107 !important;
    --vz-btn-active-color: #101211 !important;
    --vz-btn-active-bg: #9dd753 !important;
    --vz-btn-active-border-color: #9dd753 !important;
    --vz-btn-disabled-color: #101211 !important;
    --vz-btn-disabled-bg: #9dd753 !important;
    --vz-btn-disabled-border-color: #9dd753 !important;
    background-color: #b7f36b !important;
    border-color: #b7f36b !important;
    color: #101211 !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.auth-page-wrapper .btn-primary:hover,
.auth-page-wrapper .btn-success:hover,
#btn-submit:hover,
#btn-submit:focus,
#btn-submit:active {
    background-color: #c6f687 !important;
    border-color: #c6f687 !important;
    color: #101211 !important;
    box-shadow: 0 4px 16px rgba(183, 243, 107, 0.3) !important;
}

.btn-primary:disabled,
#btn-submit:disabled,
.btn-primary.disabled,
.btn-info:disabled,
.btn-info.disabled {
    background-color: #9dd753 !important;
    border-color: #9dd753 !important;
    color: #101211 !important;
    opacity: 0.65 !important;
    box-shadow: none !important;
}

/* Success Button (Emerald Tone) */
.btn-success {
    --vz-btn-color: #002113 !important;
    --vz-btn-bg: #65d6a0 !important;
    --vz-btn-border-color: #65d6a0 !important;
    --vz-btn-hover-color: #002113 !important;
    --vz-btn-hover-bg: #87f8c0 !important;
    --vz-btn-hover-border-color: #87f8c0 !important;
    background-color: #65d6a0 !important;
    border-color: #65d6a0 !important;
    color: #002113 !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: #87f8c0 !important;
    border-color: #87f8c0 !important;
    color: #002113 !important;
    box-shadow: 0 4px 16px rgba(101, 214, 160, 0.3) !important;
}

/* Outline Primary & Outline Info */
.btn-outline-primary,
.btn-outline-info {
    --vz-btn-color: #b7f36b !important;
    --vz-btn-border-color: #b7f36b !important;
    --vz-btn-hover-color: #101211 !important;
    --vz-btn-hover-bg: #b7f36b !important;
    --vz-btn-hover-border-color: #b7f36b !important;
    background-color: transparent !important;
    border: 1px solid #b7f36b !important;
    color: #b7f36b !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active {
    background-color: #b7f36b !important;
    border-color: #b7f36b !important;
    color: #101211 !important;
}

/* Secondary / Soft Buttons */
.btn-secondary,
.btn-soft-secondary,
.btn-light,
.btn-soft-dark {
    background-color: rgba(30, 32, 31, 0.85) !important;
    border: 1px solid rgba(66, 73, 56, 0.45) !important;
    color: #e2e3e0 !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
}

.btn-secondary:hover,
.btn-soft-secondary:hover,
.btn-light:hover,
.btn-soft-dark:hover {
    background-color: rgba(40, 42, 41, 0.95) !important;
    border-color: rgba(183, 243, 107, 0.35) !important;
    color: #b7f36b !important;
}

/* Soft Primary & Soft Info */
.btn-soft-primary,
.btn-soft-info {
    --vz-btn-color: #b7f36b !important;
    --vz-btn-bg: rgba(183, 243, 107, 0.12) !important;
    --vz-btn-border-color: rgba(183, 243, 107, 0.25) !important;
    --vz-btn-hover-color: #101211 !important;
    --vz-btn-hover-bg: #b7f36b !important;
    --vz-btn-hover-border-color: #b7f36b !important;
    background-color: rgba(183, 243, 107, 0.12) !important;
    border: 1px solid rgba(183, 243, 107, 0.25) !important;
    color: #b7f36b !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    transition: all 0.15s ease !important;
}

.btn-soft-primary:hover,
.btn-soft-info:hover {
    background-color: rgba(183, 243, 107, 0.20) !important;
    border-color: rgba(183, 243, 107, 0.35) !important;
    color: #c6f687 !important;
}

/* Danger / Destructive */
.btn-danger {
    background-color: #f07878 !important;
    border-color: #f07878 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
}

.btn-danger:hover {
    background-color: #ff8c8c !important;
    border-color: #ff8c8c !important;
}

.btn-soft-danger {
    background-color: rgba(240, 120, 120, 0.12) !important;
    border: 1px solid rgba(240, 120, 120, 0.25) !important;
    color: #f07878 !important;
    border-radius: 8px !important;
}

/* Warning */
.btn-warning {
    background-color: #e9b85c !important;
    border-color: #e9b85c !important;
    color: #101211 !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
}

.btn-soft-warning {
    background-color: rgba(233, 184, 92, 0.12) !important;
    border: 1px solid rgba(233, 184, 92, 0.25) !important;
    color: #e9b85c !important;
    border-radius: 8px !important;
}

/* Ghost Buttons */
.btn-ghost-primary,
.btn-ghost-secondary,
.btn-ghost-light {
    background: transparent !important;
    color: #c4c7c3 !important;
    border: none !important;
    border-radius: 8px !important;
}

.btn-ghost-primary:hover,
.btn-ghost-secondary:hover,
.btn-ghost-light:hover {
    background: rgba(30, 32, 31, 0.8) !important;
    color: #b7f36b !important;
}

/* =========================================================
   BADGES & CHIPS
   ========================================================= */

.badge {
    font-family: "Inter", sans-serif !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    padding: 0.35em 0.65em !important;
}

.badge.bg-primary,
.badge.bg-primary-subtle,
.bg-primary-subtle {
    background-color: rgba(183, 243, 107, 0.12) !important;
    color: #b7f36b !important;
    border: 1px solid rgba(183, 243, 107, 0.25) !important;
}

.badge.bg-success,
.badge.bg-success-subtle,
.bg-success-subtle {
    background-color: rgba(101, 214, 160, 0.12) !important;
    color: #65d6a0 !important;
    border: 1px solid rgba(101, 214, 160, 0.25) !important;
}

.badge.bg-warning,
.badge.bg-warning-subtle,
.bg-warning-subtle {
    background-color: rgba(233, 184, 92, 0.12) !important;
    color: #e9b85c !important;
    border: 1px solid rgba(233, 184, 92, 0.25) !important;
}

.badge.bg-danger,
.badge.bg-danger-subtle,
.bg-danger-subtle {
    background-color: rgba(240, 120, 120, 0.12) !important;
    color: #f07878 !important;
    border: 1px solid rgba(240, 120, 120, 0.25) !important;
}

.badge.bg-info,
.badge.bg-info-subtle,
.bg-info-subtle {
    background-color: rgba(183, 243, 107, 0.12) !important;
    color: #b7f36b !important;
    border: 1px solid rgba(183, 243, 107, 0.25) !important;
}

/* =========================================================
   INPUTS & FORMS
   ========================================================= */

.form-control,
.form-select {
    font-family: "Inter", sans-serif !important;
    background-color: rgba(13, 15, 14, 0.90) !important;
    border: 1px solid rgba(66, 73, 56, 0.45) !important;
    border-radius: 8px !important;
    color: #e2e3e0 !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.form-control:focus,
.form-select:focus {
    background-color: #0d0f0e !important;
    border-color: #b7f36b !important;
    box-shadow: 0 0 0 2px rgba(183, 243, 107, 0.25) !important;
    color: #fdfff1 !important;
}

.form-control::placeholder {
    color: #8c937f !important;
}

.input-group-text {
    background-color: rgba(26, 28, 27, 0.90) !important;
    border: 1px solid rgba(66, 73, 56, 0.45) !important;
    color: #c4c7c3 !important;
    border-radius: 8px !important;
}

.form-check-input:checked {
    background-color: #b7f36b !important;
    border-color: #b7f36b !important;
}

/* =========================================================
   CARDS & SURFACES — EXACT MATCH TO LANDING PAGE BENTO CARDS
   ========================================================= */

body:has(.triggr-dashboard),
body:has(#layout-wrapper),
body:has(.auth-page-wrapper) {
    background-color: #121413 !important;
    color: #e2e3e0 !important;
}

.triggr-dashboard,
#layout-wrapper,
.auth-page-wrapper {
    background: transparent !important;
    background-color: transparent !important;
}

.triggr-dashboard .main-content,
#layout-wrapper .main-content,
.triggr-dashboard .page-content,
#layout-wrapper .page-content {
    background: transparent !important;
    background-color: transparent !important;
}

.triggr-dashboard .card,
#layout-wrapper .card,
.auth-page-wrapper .card {
    background-color: rgba(26, 28, 27, 0.88) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(66, 73, 56, 0.45) !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 24px -1px rgba(0, 0, 0, 0.35), inset 0 1px 0 0 rgba(255, 255, 255, 0.05) !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
}

.triggr-dashboard .card:hover,
#layout-wrapper .card:hover {
    border-color: rgba(183, 243, 107, 0.35) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45), inset 0 1px 0 0 rgba(183, 243, 107, 0.12) !important;
}

.triggr-dashboard .card.card-animate:hover,
#layout-wrapper .card.card-animate:hover {
    transform: translateY(-2px) !important;
}

.triggr-dashboard .card-header,
#layout-wrapper .card-header {
    background-color: rgba(26, 28, 27, 0.94) !important;
    border-bottom: 1px solid rgba(66, 73, 56, 0.40) !important;
    padding: 1rem 1.25rem !important;
}

.triggr-dashboard .card-footer,
#layout-wrapper .card-footer {
    background-color: rgba(26, 28, 27, 0.94) !important;
    border-top: 1px solid rgba(66, 73, 56, 0.40) !important;
}

.triggr-dashboard .card-title,
#layout-wrapper .card-title {
    color: #fdfff1 !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
}

/* Auth Cards Specifically */
.auth-page-wrapper .card {
    background-color: rgba(26, 28, 27, 0.90) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(66, 73, 56, 0.50) !important;
    border-radius: 16px !important;
    box-shadow: 0 16px 48px -4px rgba(0, 0, 0, 0.5), inset 0 1px 0 0 rgba(255, 255, 255, 0.08) !important;
}

.auth-page-wrapper .card-body {
    background-color: transparent !important;
    padding: 2.25rem 2rem !important;
}

@media (max-width: 576px) {
    .auth-page-wrapper .card-body {
        padding: 1.5rem !important;
    }
}

/* Inner Recessed Panels / Boxes inside Cards */
.triggr-dashboard .bg-body,
.triggr-dashboard .bg-light,
.triggr-dashboard .bg-body-secondary,
.triggr-dashboard .bg-body-tertiary,
#layout-wrapper .bg-body,
#layout-wrapper .bg-light,
#layout-wrapper .bg-body-secondary,
.auth-page-wrapper .bg-body-secondary {
    background-color: rgba(13, 15, 14, 0.88) !important;
    border: 1px solid rgba(66, 73, 56, 0.35) !important;
    border-radius: 8px !important;
}

.triggr-dashboard .border-secondary-subtle,
#layout-wrapper .border-secondary-subtle,
.auth-page-wrapper .border-secondary-subtle {
    border-color: rgba(66, 73, 56, 0.35) !important;
}

.triggr-dashboard .border-primary-subtle,
#layout-wrapper .border-primary-subtle,
.auth-page-wrapper .border-primary-subtle {
    border-color: rgba(183, 243, 107, 0.25) !important;
}

/* Avatars Inside Cards */
.avatar-title {
    border-radius: 8px !important;
}

.avatar-title.bg-primary-subtle,
.avatar-title.bg-info-subtle {
    background-color: rgba(183, 243, 107, 0.12) !important;
    color: #b7f36b !important;
    border: 1px solid rgba(183, 243, 107, 0.25) !important;
}

.avatar-title.bg-success-subtle {
    background-color: rgba(101, 214, 160, 0.12) !important;
    color: #65d6a0 !important;
    border: 1px solid rgba(101, 214, 160, 0.25) !important;
}

.avatar-title.bg-warning-subtle {
    background-color: rgba(233, 184, 92, 0.12) !important;
    color: #e9b85c !important;
    border: 1px solid rgba(233, 184, 92, 0.25) !important;
}

.avatar-title.bg-danger-subtle {
    background-color: rgba(240, 120, 120, 0.12) !important;
    color: #f07878 !important;
    border: 1px solid rgba(240, 120, 120, 0.25) !important;
}

/* =========================================================
   TABLES & NAVIGATION MENUS
   ========================================================= */

.table {
    --vz-table-bg: transparent !important;
    --vz-table-border-color: #282a29 !important;
    --vz-table-hover-bg: #1e201f !important;
    color: #e2e3e0 !important;
    border-color: #282a29 !important;
}

.table > :not(caption) > * > * {
    border-bottom-color: #282a29 !important;
}

.table thead th,
.table-light th {
    background-color: #0d0f0e !important;
    color: #c2c9b3 !important;
    border-bottom: 1px solid #282a29 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-family: "JetBrains Mono", monospace !important;
}

.table tbody tr:hover td {
    background-color: #1e201f !important;
}

/* Sidebar Navigation */
.navbar-menu {
    background-color: rgba(13, 15, 14, 0.94) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-right: 1px solid #282a29 !important;
}

.navbar-menu .navbar-nav .nav-link {
    color: #c2c9b3 !important;
    font-family: "Inter", sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    border-radius: 6px !important;
    margin: 2px 10px !important;
    padding: 8px 12px !important;
    transition: all 0.15s ease !important;
}

.navbar-menu .navbar-nav .nav-link:hover {
    color: #fdfff1 !important;
    background-color: #282a29 !important;
}

.navbar-menu .navbar-nav .nav-link.active {
    color: #e2e3e0 !important;
    background-color: #282a29 !important;
    border: 1px solid rgba(66, 73, 56, 0.45) !important;
    font-weight: 600 !important;
}

.navbar-menu .navbar-nav .nav-link.active i,
.navbar-menu .navbar-nav .nav-link.active span {
    color: #b7f36b !important;
}

.navbar-menu .navbar-brand-box {
    background-color: transparent !important;
    border-bottom: 1px solid rgba(66, 73, 56, 0.40) !important;
}

.sidebar-background {
    display: none !important;
}

/* Topbar Header */
#page-topbar {
    background-color: rgba(16, 18, 17, 0.88) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-bottom: 1px solid rgba(66, 73, 56, 0.40) !important;
}

.topbar-user {
    background-color: transparent !important;
}

/* Dropdowns & Popovers */
.dropdown-menu {
    background-color: rgba(30, 32, 31, 0.96) !important;
    backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(66, 73, 56, 0.45) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
    border-radius: 8px !important;
}

.dropdown-item {
    color: #e2e3e0 !important;
    font-size: 13px !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: rgba(40, 42, 41, 0.90) !important;
    color: #b7f36b !important;
}

.dropdown-divider {
    border-top: 1px solid rgba(66, 73, 56, 0.40) !important;
}

/* Nav tabs / pills / segmented buttons */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #b7f36b !important;
    color: #101211 !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
}

.nav-tabs .nav-link.active {
    background-color: rgba(26, 28, 27, 0.95) !important;
    color: #b7f36b !important;
    border-color: rgba(66, 73, 56, 0.45) rgba(66, 73, 56, 0.45) transparent !important;
}

.nav-tabs {
    border-bottom: 1px solid rgba(66, 73, 56, 0.45) !important;
}

/* Modals */
.modal-content {
    background-color: rgba(26, 28, 27, 0.96) !important;
    backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(66, 73, 56, 0.50) !important;
    color: #e2e3e0 !important;
    border-radius: 14px !important;
}

.modal-header {
    border-bottom: 1px solid rgba(66, 73, 56, 0.40) !important;
}

.modal-footer {
    border-top: 1px solid rgba(66, 73, 56, 0.40) !important;
}

/* Breadcrumbs & Page title */
.page-title-box {
    background-color: transparent !important;
    box-shadow: none !important;
}

.breadcrumb-item a {
    color: #8c937f !important;
}

.breadcrumb-item a:hover {
    color: #b7f36b !important;
}

.breadcrumb-item.active {
    color: #b7f36b !important;
}

/* Pagination */
.pagination .page-item .page-link {
    background-color: rgba(13, 15, 14, 0.90) !important;
    border-color: rgba(66, 73, 56, 0.45) !important;
    color: #c4c7c3 !important;
    border-radius: 6px !important;
    margin: 0 2px !important;
}

.pagination .page-item.active .page-link {
    background-color: #b7f36b !important;
    border-color: #b7f36b !important;
    color: #101211 !important;
    font-weight: 600 !important;
}

.pagination .page-item:not(.active) .page-link:hover {
    background-color: rgba(30, 32, 31, 0.90) !important;
    color: #e2e3e0 !important;
}

/* Progress bars */
.progress {
    background-color: #1a1c1b !important;
    border-radius: 6px !important;
}

.progress-bar {
    background-color: #b7f36b !important;
}

/* Footer */
footer.footer {
    background-color: rgba(13, 15, 14, 0.88) !important;
    backdrop-filter: blur(8px) !important;
    border-top: 1px solid rgba(66, 73, 56, 0.40) !important;
    color: #8c937f !important;
}

/* =========================================================
   STITCH TOKENS & UTILITIES (fc54ffea69f242b7b3146d3bcc86947d)
   ========================================================= */

.bg-surface-container-lowest { background-color: #0d0f0e !important; }
.bg-surface-container-low { background-color: #1a1c1b !important; }
.bg-surface-container { background-color: #1e201f !important; }
.bg-surface-container-high { background-color: #282a29 !important; }
.bg-surface-container-highest { background-color: #333534 !important; }

.border-surface-container-high { border-color: #282a29 !important; }
.border-outline-variant { border-color: #424938 !important; }

.text-primary-container { color: #b7f36b !important; }
.text-tertiary-container { color: #86f7be !important; }
.text-on-surface { color: #e2e3e0 !important; }
.text-on-surface-variant { color: #c2c9b3 !important; }
.text-outline { color: #8c937f !important; }
.text-error { color: #ffb4ab !important; }
.bg-error-container { background-color: #93000a !important; }