/* --- CẤU HÌNH CHUNG --- */
body {
    background-color: #f4f6f9; /* Nền xám xanh nhạt */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* --- THANH MENU (NAVBAR) --- */
.navbar {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.navbar-brand {
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* --- CÁC THẺ DASHBOARD / CARD --- */
.card-custom {
    border: none;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05); /* Bóng mờ nhẹ */
    transition: all 0.3s ease;
}

.card-custom:hover {
    transform: translateY(-5px); /* Nổi lên khi di chuột */
    box-shadow: 0 8px 15px rgba(0,0,0,0.1);
}

.card-header-custom {
    background-color: transparent;
    border-bottom: 1px solid #eee;
    font-weight: 600;
    padding: 15px 20px;
    color: #495057;
}

/* --- TRẠNG THÁI SỢI QUANG (Dùng cho sau này) --- */
.status-good { color: #198754; font-weight: bold; } /* Xanh lá */
.status-warning { color: #fd7e14; font-weight: bold; } /* Cam */
.status-bad { color: #dc3545; font-weight: bold; } /* Đỏ */
.status-dark { color: #6c757d; font-style: italic; } /* Xám */

/* --- MÃ MÀU SỢI QUANG CHUẨN TIA-598 (Dùng vẽ sơ đồ) --- */
:root {
    --f-1: #0074D9; --f-2: #FF851B; --f-3: #2ECC40; --f-4: #85144b;
    --f-5: #AAAAAA; --f-6: #FFFFFF; --f-7: #FF4136; --f-8: #111111;
    --f-9: #FFDC00; --f-10: #B10DC9; --f-11: #F012BE; --f-12: #7FDBFF;
}