/* Standard Styles */

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f8f9fa;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
}

.card {
    border: none;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.card-header {
    border-radius: 8px 8px 0 0 !important;
    padding: 0.75rem 1rem;
}

/* Custom Status Colors for Table Rows */
.status-normal {
    background-color: #d1e7dd !important;
    /* Greenish */
}

.status-low {
    background-color: #cfe2ff !important;
    /* Blueish */
}

.status-high {
    background-color: #fff3cd !important;
    /* Yellowish */
}

.status-hypertension {
    background-color: #f8d7da !important;
    /* Reddish */
}

/* Badge colors matching category */
.badge-normal {
    background-color: #198754;
}

.badge-low {
    background-color: #0d6efd;
}

.badge-high {
    background-color: #ffc107;
    color: #000;
}

.badge-hypertension {
    background-color: #dc3545;
}

/* Ensure icons are visible */
i {
    margin-right: 0.5rem;
}

/* Chart container height adjustment */
#bpChart {
    max-height: 350px;
}