/* * Tên file: style.css
 * Phiên bản: 1.1.0 
 * Mục tiêu: Giao diện chuẩn Bệnh viện (Xanh sáng, Đỏ nhấn, Trắng nền, Bo góc)
 * Ghi chú: Giữ nguyên v1.0, Append thêm class .container-extended ở cuối file.
 */

/* Import Font Roboto hỗ trợ chuẩn Tiếng Việt */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

body {
    font-family: 'Roboto', sans-serif;
    /* Màu đen đậm/xanh đậm cho chữ để tương phản tốt, TUYỆT ĐỐI KHÔNG DÙNG MÀU XÁM */
    color: #0f172a; 
    background-color: #f0f4f8;
    /* Hoa văn nền y tế mờ (dấu cộng y tế nhỏ) */
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 15V5h-2v10h-10v2h10v10h2V17h10v-2H20z' fill='%230ea5e9' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
}

/* Các khối nội dung (Card) */
.card {
    border: none;
    border-radius: 12px; /* Bo góc mềm mại */
    box-shadow: 0 4px 12px rgba(0,0,0,0.08); /* Đổ bóng nhẹ cho nổi bật */
    background-color: #ffffff;
}

/* Nút bấm chính (Xanh dương sáng) */
.btn-primary {
    background-color: #0ea5e9;
    border-color: #0ea5e9;
    border-radius: 8px; /* Bo góc nút */
    font-weight: 500;
    color: #ffffff;
}
.btn-primary:hover {
    background-color: #0284c7;
    border-color: #0284c7;
}

/* Nút cảnh báo / Quan trọng (Màu đỏ nhấn) */
.btn-danger {
    background-color: #ef4444;
    border-color: #ef4444;
    border-radius: 8px;
    font-weight: 500;
}

/* Form input (Ô nhập liệu) */
.form-control {
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    color: #0f172a;
    font-size: 16px; /* Chữ to rõ ràng */
}
.form-control:focus {
    border-color: #0ea5e9;
    box-shadow: 0 0 0 0.25rem rgba(14, 165, 233, 0.25);
}

/* Thanh menu ngang (Navbar) */
.navbar {
    background-color: #ffffff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Căn chỉnh ảnh Avatar */
.avatar-img {
    width: 40px;
    height: 40px;
    border-radius: 50%; /* Bo tròn hoàn toàn */
    object-fit: cover;
    border: 2px solid #0ea5e9;
}

/* Tiêu đề */
h1, h2, h3, h4, h5, h6 {
    color: #0f172a;
    font-weight: 700;
}

/* =========================================
   [PHASE 2.5 UPDATE] - CUSTOM LAYOUT CLASSES
   ========================================= */
/* Nới rộng khung giao diện chuyên nghiệp (Rộng nhưng không dính sát viền mép) */
.container-extended {
    width: 100%;
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
}