/* === TABEL ANALYZER UTAMA (HASIL LAB) === */
.table-lab-analyzer {
    width: 100%;
    font-size: 14px;
    border-collapse: collapse;
}

.table-lab-analyzer th {
    background-color: #3a4a68;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    padding: 4px;
    border: 1px solid #ccc;
}

.table-lab-analyzer td {
    background-color: #ffffff;
    color: #333;
    padding: 2px 5px;
    text-align: center;
    border: 1px solid #ddd;
}

/* === PENANDA NILAI ABNORMAL === */
.table-lab-analyzer .text-high {
    color: #dc3545; /* Merah (tinggi) */
    font-weight: bold;
}

.table-lab-analyzer .text-low {
    color: #007bff; /* Biru (rendah) */
    font-weight: bold;
}

.table-lab-analyzer .text-flag {
    font-style: italic;
    font-size: 12px;
    color: #666;
}

/* === TABEL UMUM (Bootstrap .table) === */
.table {
    width: 100%;
    border-collapse: collapse;
}

/* HEADER ala Mindray */
.table thead th {
    background-color: #596f8f !important;
    color: white !important;
    font-weight: 600;
    padding: 0.4rem 0.5rem;
    border-bottom: 2px solid #3d4c5c;
    vertical-align: middle;
}

/* Rounded corner untuk kiri-kanan atas */
.table thead th:first-child {
    border-top-left-radius: 3px;
}

.table thead th:last-child {
    border-top-right-radius: 3px;
}

/* CELL styling */
.table td,
.table th {
    vertical-align: middle;
    padding: 0.3rem 0.5rem;
}

/* === WARNA BARIS SELANG-SELING ala Mindray === */
.table tbody tr:nth-child(odd),
.table-striped tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

.table tbody tr:nth-child(even),
.table-striped tbody tr:nth-child(even) {
    background-color: #9ebecb;
}
/* === GAYA TABEL SELANG SELING ala Mindray === */
.table-striped tbody tr:nth-child(odd) {
    background-color: #ffffff; /* Putih */
}

.table-striped tbody tr:nth-child(even) {
    background-color: #dbe7f0; /* Biru lembut */
}

/* Pastikan table header tetap kontras */
.table thead th {
    background-color: #596f8f !important;
    color: white !important;
    font-weight: 600;
    padding: 0.4rem 0.5rem;
    border-bottom: 2px solid #3d4c5c;
}

/* Konsistensi padding isi tabel */
.table td {
    padding: 0.35rem 0.5rem;
    vertical-align: middle;
}
/* === THEAD TABEL LAB CUSTOM === */
.thead-lab {
    background-color: #657896 !important;
    color: white !important;
}

.thead-lab th {
    background-color: inherit;
    color: inherit;
    border-bottom: 2px solid #304055;
    font-weight: 600;
}
/* Rounded corners for table header */
thead.thead-lab th:first-child {
    border-top-left-radius: 8px;
    overflow: hidden;
}

thead.thead-lab th:last-child {
    border-top-right-radius: 8px;
    overflow: hidden;
}
/* Select2 hover warna biru ala bootstrap */
.select2-results__option--highlighted {
    background-color: #0d6efd !important;  /* warna biru bootstrap */
    color: #ffffff !important;
}

/* Glowing effect on select box and Select2 */
select.form-control,
.select2-container--bootstrap4 .select2-selection {
    border: 1px solid #5d7391 !important;
    border-radius: 0.5rem !important;

    /* 🔥 Efek glowing utama */
    box-shadow: 0 0 10px rgba(13, 110, 253, 0.5), 0 0 20px rgba(13, 110, 253, 0.2);
    transition: all 0.3s ease-in-out;
}

select.form-control:focus,
.select2-container--bootstrap4.select2-container--focus .select2-selection {
    box-shadow: 1px 0 12px rgba(13, 110, 253, 0.8), 0 0 24px rgba(13, 110, 253, 0.3);
    border-color: #0d6efd !important;
}
.bg-lab-normal {
    background-color: #8e9397;
}
.table-lab-normal tbody tr {
    background-color: #7a7b7c;
}
/* Hilangkan garis vertikal di kolom tengah (titik dua) pada tabel informasi pasien */
.patient-info td.colon-cell {
    border-left: none !important;
    border-right: none !important;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    text-align: right;
    width: 5%;
}
#patient-info td {
    padding-top: 6px;
    padding-bottom: 6px;
    vertical-align: middle;
}
.value-colon {
    padding-right: 8px; /* bisa disesuaikan */
}
.table-harga-param {
    font-size: 0.5625rem; /* ≈ 9px */
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    overflow: hidden;
    width: 100%;
    margin-bottom: 4px;
}

.table-harga-param thead {
    background-color: #003e70;
    color: white;
    text-align: center;
}

.table-harga-param th,
.table-harga-param td {
    padding: 2px 4px;
    border: 1px solid #dee2e6;
    text-align: center;
    vertical-align: middle;
}