/* assets/css/style.css */
:root {
    --pwms-green: #198754;
    --pwms-dark:  #1a1a2e;
}

body { font-family: 'Segoe UI', sans-serif; background: #f0f2f5; }

/* Sidebar nav active */
#sidebar .nav-link.active { background-color: var(--pwms-green) !important; }
#sidebar .nav-link:hover:not(.active) { background-color: rgba(255,255,255,.1); }

/* Cards */
.card { border: none; box-shadow: 0 1px 6px rgba(0,0,0,.08); border-radius: .75rem; }
.card-header { border-radius: .75rem .75rem 0 0 !important; background: var(--pwms-green); color: #fff; }

/* Stat cards */
.stat-card { border-radius: 1rem; padding: 1.25rem; color: #fff; }
.stat-card .stat-icon { font-size: 2.5rem; opacity: .85; }
.stat-card .stat-value { font-size: 1.8rem; font-weight: 700; }
.stat-card .stat-label { font-size: .85rem; opacity: .9; }

/* Table */
.table thead { background-color: #e8f5e9; }
.table-hover tbody tr:hover { background-color: #f1f8f1; }

/* Badges */
.badge { font-size: .78rem; }

/* Login page */
.login-wrapper {
    min-height: 100vh;
    background: linear-gradient(135deg, #1a6b3a 0%, #2e9e5b 100%);
    display: flex; align-items: center; justify-content: center;
}
.login-card { width: 420px; border-radius: 1.2rem; overflow: hidden; }
.login-card .login-header { background: var(--pwms-green); padding: 2rem; text-align: center; color:#fff; }

/* Approval badge colors */
.approval-pending  { color: #e67e22; font-weight: 600; }
.approval-approved { color: #27ae60; font-weight: 600; }
.approval-rejected { color: #c0392b; font-weight: 600; }

/* Responsive sidebar */
@media (max-width: 992px) {
    #sidebar { display: none !important; }
}