/* ------------------------------
   GLOBAL STYLING
-------------------------------- */

body {
    background-color: #f4f6f9;
}

h3 {
    font-weight: 600;
}

/* ------------------------------
   STATUS COLORS
-------------------------------- */

.status-active {
    color: #198754; /* Bootstrap green */
    font-weight: 600;
}

.status-inactive {
    color: #dc3545; /* Bootstrap red */
    font-weight: 600;
}

.status-warning {
    color: #ffc107; /* Bootstrap yellow */
    font-weight: 600;
}

.status-alert {
    background-color: #e9f7ef !important;
}

/* ------------------------------
   TABLE IMPROVEMENTS
-------------------------------- */

.table th {
    background-color: #e9ecef;
    font-weight: 600;
}

.table td {
    vertical-align: middle;
}

.table-hover tbody tr:hover {
    background-color: #f1f3f5;
}

/* ------------------------------
   CARD STYLE
-------------------------------- */

.card {
    border-radius: 10px;
}

.card-title {
    font-weight: 600;
}

/* ------------------------------
   ALERT HISTORY
-------------------------------- */

.list-group-item {
    font-size: 0.9rem;
}

/* ------------------------------
   LANGUAGE SELECT
-------------------------------- */

select {
    border-radius: 5px;
}

/* ------------------------------
   SMALL UI POLISH
-------------------------------- */

.btn-sm {
    font-size: 0.8rem;
}

input[type="number"] {
    max-width: 120px;
}

/* Summary Card Polish */

.summary-card {
    border-radius: 12px;
    transition: all 0.2s ease;
}

.summary-card:hover {
    transform: translateY(-2px);
}

.summary-card .badge {
    border-radius: 20px;
}