/* PMS-111A: hộp / dải bảo trì dùng chung (web, app điện thoại, đăng nhập, mật khẩu). Màu riêng để không phụ thuộc biến của từng trang. */
html.ktgbt-khoa, html.ktgbt-khoa body { overflow: hidden; }
dialog.ktgbt-phu {
  border: 0; padding: 16px; margin: 0; width: 100%; height: 100%; max-width: none; max-height: none; box-sizing: border-box;
  background: transparent; display: none; align-items: center; justify-content: center;
  font-family: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
dialog.ktgbt-phu[open] { display: flex; }
dialog.ktgbt-phu::backdrop { background: rgba(15, 23, 42, 0.72); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
.ktgbt-the {
  width: min(460px, 100%); max-height: calc(100vh - 32px); overflow: auto; box-sizing: border-box;
  background: #ffffff; color: #0f172a; border-radius: 18px; padding: 28px 26px 22px; text-align: center;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.35); border-top: 5px solid #c8102e;
}
.ktgbt-logo { display: block; width: 168px; max-width: 70%; height: auto; margin: 0 auto 16px; }
.ktgbt-bieu { width: 64px; height: 64px; margin: 0 auto 10px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #fff1f2; color: #c8102e; }
.ktgbt-the h2 { margin: 0 0 10px; font-size: 22px; font-weight: 700; color: #c8102e; letter-spacing: .2px; }
.ktgbt-the p { margin: 0 0 10px; font-size: 15px; line-height: 1.55; color: #334155; }
.ktgbt-the .ktgbt-gio { font-size: 16px; color: #0f172a; }
.ktgbt-the .ktgbt-ghichu { font-size: 14px; color: #475569; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; padding: 8px 10px; }
.ktgbt-the .ktgbt-lienhe { margin-top: 14px; padding-top: 14px; border-top: 1px dashed #cbd5e1; }
.ktgbt-the .ktgbt-lienhe b { color: #0f172a; font-size: 16px; }
.ktgbt-nut { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin: 4px 0 12px; }
.ktgbt-nut a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: 999px; font-size: 14px; font-weight: 600; text-decoration: none; }
.ktgbt-goi { background: #c8102e; color: #ffffff; }
.ktgbt-zalo { background: #e8f1ff; color: #0068ff; }
.ktgbt-the .ktgbt-nho { font-size: 12.5px; color: #64748b; margin-bottom: 0; }
.ktgbt-dong { margin-top: 14px; background: none; border: 0; color: #64748b; font: inherit; font-size: 13px; text-decoration: underline; cursor: pointer; }

.ktgbt-dai {
  position: fixed; top: 0; left: 0; right: 0; z-index: 2147482000; min-height: 34px; box-sizing: border-box;
  display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 4px 10px; padding: 6px 12px;
  font: 13.5px/1.4 "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; text-align: center;
}
.ktgbt-dai[hidden] { display: none; }
.ktgbt-dai[popover] { inset: 0 0 auto 0; margin: 0; border: 0; width: 100%; overflow: visible; }
.ktgbt-dai[popover]:not(:popover-open):not([hidden]) { display: flex; }
.ktgbt-dai--do { background: #b42318; color: #ffffff; }
.ktgbt-dai--xam { background: #334155; color: #f8fafc; }   /* PMS-111B: đang khởi động lại */
.ktgbt-dai--vang { background: #fef3c7; color: #78350f; border-bottom: 1px solid #f59e0b; }
.ktgbt-dai button { min-height: 26px; padding: 0 12px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .8); background: #ffffff; color: #b42318; font: inherit; font-weight: 600; cursor: pointer; }
html.ktgbt-co-dai body { padding-top: 34px; }
@media (max-width: 600px) { html.ktgbt-co-dai body { padding-top: 52px; } .ktgbt-the { padding: 22px 18px 18px; } .ktgbt-the h2 { font-size: 20px; } }