/* Shared SIMRS palette on top of Bootstrap:
   #222831 dark navy   - navbar, headings
   #393E46 slate gray  - secondary actions/borders
   #9DC08B sage green  - primary/brand accent
   #EEEEEE light gray  - page background
   Semantic colors (success/danger/warning/info) stay Bootstrap defaults -
   status/delete/warning cues shouldn't be forced into the brand palette. */
:root {
    --bs-primary: #9DC08B;
    --bs-primary-rgb: 157, 192, 139;
}

body {
    background-color: #EEEEEE;
    color: #222831;
}

.btn-primary {
    --bs-btn-color: #222831;
    --bs-btn-bg: #9DC08B;
    --bs-btn-border-color: #9DC08B;
    --bs-btn-hover-color: #222831;
    --bs-btn-hover-bg: #8AB378;
    --bs-btn-hover-border-color: #8AB378;
    --bs-btn-active-color: #222831;
    --bs-btn-active-bg: #7CA76A;
    --bs-btn-active-border-color: #7CA76A;
    --bs-btn-focus-shadow-rgb: 157, 192, 139;
}

.btn-outline-primary {
    --bs-btn-color: #598049;
    --bs-btn-border-color: #9DC08B;
    --bs-btn-hover-color: #222831;
    --bs-btn-hover-bg: #9DC08B;
    --bs-btn-hover-border-color: #9DC08B;
    --bs-btn-active-color: #222831;
    --bs-btn-active-bg: #9DC08B;
    --bs-btn-active-border-color: #9DC08B;
}

.btn-outline-secondary {
    --bs-btn-color: #393E46;
    --bs-btn-border-color: #393E46;
    --bs-btn-hover-color: #EEEEEE;
    --bs-btn-hover-bg: #393E46;
    --bs-btn-hover-border-color: #393E46;
    --bs-btn-active-color: #EEEEEE;
    --bs-btn-active-bg: #393E46;
    --bs-btn-active-border-color: #393E46;
}

.badge.text-bg-primary {
    color: #222831 !important;
}

/* #9DC08B is too light for body text on a white/light background (fails
   WCAG contrast) - only use it as a fill (buttons, badges, dark navbar).
   Standalone text uses this darker shade of the same hue instead. */
.text-primary {
    color: #598049 !important;
}

.navbar {
    background-color: #222831 !important;
    --bs-navbar-color: rgba(238, 238, 238, .75);
    --bs-navbar-hover-color: #9DC08B;
    --bs-navbar-active-color: #9DC08B;
    --bs-navbar-brand-color: #EEEEEE;
    --bs-navbar-brand-hover-color: #9DC08B;
    --bs-navbar-disabled-color: rgba(238, 238, 238, .35);
}

.nav-link.active {
    font-weight: 600;
}

/* Notification bell (navbar.php + js/notifications.js) */
.notif-bell {
    font-size: 1.2rem;
    line-height: 1;
    cursor: pointer;
}

@keyframes notif-shake {
    0%, 100% { transform: rotate(0); }
    20%, 60% { transform: rotate(-15deg); }
    40%, 80% { transform: rotate(15deg); }
}

.notif-shake {
    display: inline-block;
    animation: notif-shake 0.5s ease;
}

/* Status update modal (laporan_masuk.php) */
.date-field-readonly {
    background-color: var(--bs-secondary-bg);
}