/* Chuông của tôi (/chuong) + Nhận thông báo (/kenh/cai-dat). Chỉ dùng token của app.css. */
.kenh-an { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.kenh-loc { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.kenh-loc .tab-loc { margin-bottom: 0; }

.kenh-ds { padding-top: 4px; padding-bottom: 4px; }
.kenh-ds__muc { gap: 10px; }
.kenh-ds__cham { flex: none; width: 10px; height: 10px; margin-top: 8px; border-radius: 50%; background: transparent; }
.kenh-ds__muc--moi .kenh-ds__cham { background: var(--c); }
.ds__muc .kenh-ds__tieu-de { font-weight: 500; color: var(--phu); display: block; }
.ds__muc.kenh-ds__muc--moi .kenh-ds__tieu-de { font-weight: 800; color: var(--chu); }
.kenh-ds__tieu-de::after { content: ""; position: absolute; inset: 0; }   /* cả dòng bấm được */
.kenh-ds__muc { position: relative; }
.kenh-ds__muc:hover .kenh-ds__tieu-de { color: var(--c-dam); }
.kenh-ds__tom { margin: 2px 0 4px; }
.kenh-ds .nhan { margin-right: 4px; }
.kenh-them { text-align: center; }

.kenh-hang { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 0; }
.kenh-hang--phu { margin-top: 12px; }
.kenh-form .form-nut { margin-top: 12px; }
.kenh-email { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; word-break: break-all; }
.kenh-doi { margin-top: 14px; border-top: 1px solid var(--vien); padding-top: 10px; }
.kenh-doi > summary { cursor: pointer; font-weight: 600; color: var(--c-dam); padding: 6px 0; }
.kenh-doi[open] > summary { margin-bottom: 8px; }
.field input.kenh-ma { max-width: 12ch; font-size: 1.375rem; letter-spacing: .3em; font-variant-numeric: tabular-nums; }
.kenh-tt:empty { display: none; }
.kenh-tt { font-size: .9375rem; padding: 10px 12px; border-radius: var(--r-nho); background: var(--c-nhat); color: var(--c-dam); }
.kenh-tt--loi { background: var(--do-nhat); color: var(--do); }
.kenh-ios { margin: 12px 0 0; }
.kenh-h3 { margin-top: 18px; font-size: 1rem; }
.kenh-tb .ds__muc { align-items: center; padding: 8px 0; }
.kenh-tb + .kenh-hang { margin-top: 10px; }
.kenh-demo { margin: 10px 0 0; }
#kenh-chuong [hidden] { display: none; }   /* .nut đặt display nên phải ẩn lại nút theo thuộc tính hidden */