/* Giao diện "đang tải" DÙNG CHUNG của Chimedis (logo Hạ Vân + thanh tải + dòng trạng thái; nút Tải lại chỉ hiện khi lỗi).
   Dùng ở: Bàn làm việc, Quản trị, Tài khoản, khung "Nghiên cứu" của trang chủ. Đồng bộ toàn hệ thống — sửa ở đây là đổi tất cả. */
.chl{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:0 16px;
  font-family:"Noto Sans","Segoe UI",system-ui,sans-serif;color:#0E3A3A}
.chl[hidden]{display:none}
.chl-full{min-height:62vh}
.chl-compact{padding:28px 12px;gap:10px}
.chl-logo{width:76px;height:76px;object-fit:contain}
.chl-compact .chl-logo{width:44px;height:44px}
.chl-bar{position:relative;width:min(220px,70vw);height:4px;border-radius:4px;background:#E4DCCC;overflow:hidden}
.chl-bar>i{position:absolute;top:0;bottom:0;left:0;width:40%;border-radius:4px;background:#B4472B}
.chl-msg{margin:0;font-size:14px;line-height:1.5;color:#6B6156;max-width:420px}
.chl-retry{height:40px;padding:0 18px;border:0;border-radius:9px;background:#B4472B;color:#fff;font:inherit;font-weight:700;font-size:13.5px;cursor:pointer}
.chl-retry:hover{background:#9A3A22}
.chl-retry:focus-visible{outline:2px solid #1E7A76;outline-offset:2px}
.chl.is-error .chl-bar{display:none}
.chl.is-error .chl-msg{color:#9A3A22}
@media (prefers-reduced-motion:no-preference){
  .chl-bar>i{animation:chl-slide 1.25s ease-in-out infinite}
  .chl-logo{animation:chl-pulse 1.8s ease-in-out infinite}
  .chl.is-error .chl-logo{animation:none}
  @keyframes chl-slide{0%{left:-40%}100%{left:100%}}
  @keyframes chl-pulse{0%,100%{opacity:1}50%{opacity:.55}}
}
@media (prefers-reduced-motion:reduce){.chl-bar>i{left:30%}}