/* HCL ONE — cài app vào màn hình (0.9.3, k8): khối màn đăng nhập, thẻ trang chủ, tấm hướng dẫn 3 bước (web/cai_app.js). Chỉ lớp .ca-* */
.dn-cai-app:empty{display:none}
.dn-cai-app{margin:14px 0 0}
.ca-khoi,.ca-the{display:flex;align-items:center;gap:12px;background:var(--the);border:1px solid var(--vien);border-radius:var(--bo,14px);padding:12px 14px;box-shadow:var(--bong)}
.ca-khoi img,.ca-the img{flex:none;border-radius:10px}
.ca-khoi-chu{flex:1;min-width:0;display:grid;gap:2px}
.ca-khoi-chu b{font:700 15px/1.3 var(--tieu-de);color:var(--chu)}
.ca-khoi-chu span{font-size:13.5px;line-height:1.35;color:var(--mo)}
.ca-nut{flex:none;min-height:44px;padding:0 14px;white-space:nowrap}
.ca-the{flex-wrap:wrap;margin:0 0 12px;border-left:4px solid var(--vang)}
.ca-the-nut{display:flex;gap:8px;flex:1 1 100%;justify-content:flex-end}
.ca-the-nut .hc-nut{min-height:44px}
.ca-ds{list-style:none;margin:6px 0 10px;padding:0;display:grid;gap:10px}
.ca-buoc{display:flex;align-items:flex-start;gap:12px;background:var(--nen);border:1px solid var(--vien);border-radius:12px;padding:10px 12px}
.ca-so{flex:none;width:30px;height:30px;border-radius:50%;background:var(--cham);color:#fff;display:grid;place-items:center;font:800 16px var(--tieu-de)}
.ca-buoc-chu{flex:1;min-width:0;display:grid;gap:2px}
.ca-buoc-chu b{font:700 15px/1.3 var(--tieu-de)}
.ca-buoc-chu span{font-size:14px;line-height:1.4;color:var(--chu)}
.ca-hinh{flex:none;display:flex;gap:4px;color:var(--cham)}
.ca-hinh img{border-radius:8px}
.ca-loi{font-size:13.5px;line-height:1.45;color:var(--mo);margin:0 0 12px}
.ca-sheet .hc-nhom-nut .hc-nut{white-space:nowrap}
@media (prefers-color-scheme: dark){.ca-so{background:var(--chinh);color:#0F1330}.ca-hinh{color:var(--chinh)}}