/* ═══ DẢI MỜI NẠP LẠI KHI MÁY CHỦ RA BẢN MỚI (đợt 1483 — việc o689) ═══ Đi kèm wwwroot/tu-cap-nhat.js. Tách thành tệp riêng chứ ⛔ không thêm luật vào app.css: app.css là chỗ dùng chung của mọi màn hình (quy tắc #18 — rủi ro lan truyền), còn tệp này chỉ chạm đúng một dải mà chỉ tệp js kia mới dựng ra. ⚠ Màu lấy từ biến Bootstrap mà app.css đã đặt lại cho từng giao diện ⇒ dải tự đúng màu ở CẢ nền sáng lẫn nền tối mà ⛔ không phải viết một luật [data-theme] nào. Mọi biến đều có giá trị dự phòng sau dấu phẩy, phòng khi biến chưa được khai (bài học: var không phân giải được nằm trong shorthand thì CẢ khai báo bị vứt — quy tắc #5). */ .tcn-dai { position: fixed; /* ĐÁY màn hình, ⛔ không phải đỉnh: trên điện thoại đỉnh là chỗ ngón tay với tới khó nhất, mà đây lại là dải CÓ NÚT BẤM. Đáy cũng tránh che thanh nav và tiêu đề trang. */ left: 0.75rem; right: 0.75rem; bottom: 0.75rem; z-index: 1080; /* trên nền phủ của bảng thả (1050) — xem thu-bang-tha.js */ display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem; padding: 0.7rem 0.9rem; border: 1px solid var(--bs-primary, #0a3d91); border-radius: 0.7rem; background: var(--bs-body-bg, #fff); color: var(--bs-body-color, #212529); box-shadow: 0 6px 22px rgba(0, 0, 0, .22); font-size: 0.95rem; /* Dải hẹp lại trên màn to — trải hết bề ngang màn hình 27 inch trông như một câu báo lỗi. */ max-width: 640px; margin: 0 auto; } .tcn-chu { flex: 1 1 12rem; font-weight: 600; } .tcn-nut { /* 44px là cỡ vùng bấm tối thiểu cho ngón tay — nhỏ hơn là bấm trượt sang nút bên cạnh. */ min-height: 44px; padding: 0.35rem 0.9rem; border: 1px solid var(--bs-primary, #0a3d91); border-radius: 0.5rem; background: var(--bs-primary, #0a3d91); color: #fff; font-weight: 600; cursor: pointer; } .tcn-nut:active { transform: scale(0.985); } .tcn-nut:focus-visible { outline: 3px solid var(--bs-primary, #0a3d91); outline-offset: 2px; } /* Nút phụ "Để sau" — cố ý NHẠT hơn để mắt rơi vào nút chính trước. */ .tcn-nut-phu { background: transparent; color: var(--bs-body-color, #212529); border-color: var(--bs-border-color, #d5d9de); font-weight: 500; } /* ⛔ MÀN HÌNH TIẾP KHÁCH Ở SẢNH: ẨN HẲN DẢI (đợt 1483b — việc o689). Dấu `tk-js` chỉ được đóng vào thẻ bởi ManHinhTiepKhach.razor, tức CHỈ ở trang /dang-nhap khi màn hình trình chiếu đang bật (đợt 1420/1430). Đó là màn hình treo ở sảnh cho KHÁCH nhìn: một dải "Đã có bản mới — Nạp lại" nằm chình ình trên đó là chuyện nội bộ bày ra trước mặt khách, đúng thứ quy tắc #1 mục "⛔ KHÔNG GHI CHUYỆN NỘI BỘ VÀO Ô NGƯỜI DÙNG NHÌN THẤY" cấm. ⚠ Ẩn dải ⛔ KHÔNG làm mất gì so với trước đợt 1483: màn trình chiếu vốn đã ⛔ không tự lên bản mới bao giờ. Nhưng nó cũng ⛔ KHÔNG chữa được điều đó — máy ấy chạy hàng tuần ⛔ không ai đụng nên chính nó mới là chỗ cần tự cập nhật nhất. Việc "cho màn trình chiếu TỰ nạp lại khi ⛔ không có ai đang gõ" đã ghi vào VIEC-SAP-LAM.md chờ anh Tiến chốt — ⛔ đừng tự mở, nó là thứ khách nhìn thấy. ⓘ Người dùng thường vào /dang-nhap để đăng nhập cũng dính luật này, và điều đó VÔ HẠI: trang vừa mở thì mốc bản luôn khớp nên dải ⛔ không có cớ gì hiện ra. */ html.tk-js .tcn-dai { display: none; }