/* Màn chờ khi tải WASM và dải lỗi của Blazor (đặt trong tệp vì CSP không cho script nội tuyến).
   Cùng tông Eco-Tech với app để lúc mở không bị nháy sang màu khác. */
.boot {
  min-height: 100vh; min-height: 100dvh;
  padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px;
  background: linear-gradient(165deg, #143E36, #0D302C); color: #C8DED5;
  font-family: Manrope, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}
.boot-mark { width: 62px; height: 62px; border-radius: 20px; background: #D3F4DD; display: grid; place-items: center; }
.boot-mark svg { width: 38px; height: 38px; display: block; }
.boot-brand { color: #fff; font-weight: 800; font-size: 25px; letter-spacing: -.9px; }
.boot-text { font-size: 13px; color: #A7C9BB; }
.boot-bar { width: 200px; height: 4px; background: rgba(255, 255, 255, .13); border-radius: 3px; overflow: hidden; }
.boot-bar span { display: block; height: 100%; width: calc(var(--blazor-load-percentage, 10%)); min-width: 10%; background: #9FE9C2; transition: width .2s; }

#blazor-error-ui { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; background: #FFF3E0; color: #8A5A12;
  border-top: 1px solid #F0DCB8; padding: 12px 20px; font-family: Manrope, system-ui, sans-serif; font-size: 13px; }
#blazor-error-ui .reload { color: #13705C; font-weight: 700; }
#blazor-error-ui .dismiss { float: right; color: #8A5A12; text-decoration: none; font-size: 20px; line-height: 1; }