/*
   Giao diện mSchool Identity.

   File tĩnh, không nằm trong C#: sửa màu hay khoảng cách thì đổi ở đây rồi F5,
   không phải build lại. Khi chuyển các trang sang Razor Pages (giai đoạn 3),
   file này giữ nguyên - _Layout.cshtml chỉ cần trỏ tới đúng đường dẫn này.

   Màu chủ đạo mSchool: #0757b7
*/
body { font-family: "Segoe UI", Arial, sans-serif; font-size: 14px; color: #26384d;
       margin: 0; padding: 24px; background: #f5f7fa; }
.khung { max-width: 900px; margin: 0 auto; background: #fff; border: 1px solid #e3e9f0;
         border-radius: 6px; padding: 20px 24px; }
h1 { font-size: 20px; margin: 0 0 4px; color: #0757b7; }
h2 { font-size: 15px; margin: 20px 0 6px; }
.nho { color: #8a94a2; font-size: 12.5px; }
table { border-collapse: collapse; width: 100%; margin: 10px 0; }
th, td { border-bottom: 1px solid #eef2f6; padding: 6px 8px; text-align: left;
         vertical-align: top; font-weight: 400; }
th { width: 190px; color: #5a6675; font-weight: 600; }
code { background: #f2f5f9; padding: 1px 5px; border-radius: 3px; word-break: break-all; }
pre { background: #f7f9fc; border: 1px solid #e3e9f0; border-radius: 4px; padding: 10px;
      overflow-x: auto; font-size: 12.5px; }
.nut { display: inline-block; background: #0757b7; color: #fff; padding: 7px 14px;
       border-radius: 3px; text-decoration: none; margin-right: 6px; }
.nut--phu { background: #fff; color: #0757b7; border: 1px solid #cfd8e3; }
.hop { border-radius: 4px; padding: 10px 12px; margin: 12px 0; font-size: 13px; }
.hop--canh { background: #fff8e6; border: 1px solid #f3dfae; color: #7a5b16; }
.hop--loi  { background: #fdecea; border: 1px solid #f5c6c2; color: #a02417; }
.hop--ok   { background: #eaf6ed; border: 1px solid #bfe2cd; color: #1e7e34; }
/* Chỉ tiêu đề của hộp mới xuống dòng riêng. Để '.hop b' thì mọi chữ in đậm
   trong phần nội dung cũng bị tách thành một dòng. */
.hop > b:first-child { display: block; margin-bottom: 3px; }
.the { padding: 1px 9px; border-radius: 10px; font-weight: 600; }
.the--ok { background: #eaf6ed; color: #1e7e34; }
.the--loi { background: #fdecea; color: #a02417; }