/* Module chủ quán — màn nhân viên (chấm ảnh trưng bày chủ quán gửi, mời chủ quán). Chỉ dùng biến của hệ thiết kế. */
.cqn .hc-dong-giua .t,.cqn .hc-dong-giua .p{display:block}
.cqn-tab{margin-bottom:10px}
.cqn-tab a{flex:1}
.cqn-goi-y{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--mo);margin:2px 2px 12px}
.cqn-goi-y svg{flex:none;color:var(--chinh);margin-top:2px}
.cqn-goi-y{align-items:flex-start;line-height:1.45}
.cqn-luoi{align-items:start}
.cqn-luoi .hc-the{margin-bottom:0}
.cqn-the .hc-the-dau h3{font-size:16.5px}
.cqn-quan{display:flex;align-items:flex-start;gap:10px;min-width:0}
.cqn-quan .hc-hang{margin-top:1px;flex:none}
.cqn-dong{display:flex;align-items:center;flex-wrap:wrap;gap:2px 4px;font-size:13.5px;margin:10px 0 0;color:var(--chu)}
.cqn-dong svg{color:var(--mo)}
.cqn-yc{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--chu-2);background:var(--nen-2);border-radius:10px;padding:7px 10px;margin:8px 0 0}
.cqn-yc svg{flex:none;color:var(--chinh)}
.cqn-anh{display:grid;gap:6px;margin:12px 0 0;grid-template-columns:repeat(2,minmax(0,1fr))}
.cqn-anh.n1{grid-template-columns:1fr}
.cqn-anh.n3 figure:first-child{grid-row:span 2}
.cqn-anh figure{position:relative;margin:0;border-radius:14px;overflow:hidden;background:var(--nen-2);aspect-ratio:1}
.cqn-anh.n1 figure{aspect-ratio:4/3}
.cqn-anh.n3 figure:first-child{aspect-ratio:auto}
.cqn-anh img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}
.cqn-anh figcaption.trung{position:absolute;left:6px;right:6px;bottom:6px;display:flex;align-items:center;gap:4px;justify-content:center;font:700 11.5px var(--noi-dung);
  color:#fff;background:var(--do);border-radius:8px;padding:4px 6px}
.cqn-phu{display:flex;flex-direction:column;gap:4px;margin:10px 0 0}
.cqn-phu:empty{display:none}
.cqn-phu span{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--mo)}
.cqn-nut{margin:12px 0 0}
.cqn-kq{margin:12px 0 0}
.cqn-sheet-phu{margin:-4px 0 12px}
.cqn-ly-do{margin-bottom:12px}
.cqn-ly-do button{min-height:40px;font-size:13.5px}
.cqn-ly-do button.chon{background:var(--do);border-color:var(--do)}
.cqn-xem{position:fixed;inset:0;z-index:60;background:var(--cham-dam);display:grid;place-items:center;padding:56px 12px}
.cqn-xem img{max-width:100%;max-height:100%;border-radius:10px;object-fit:contain}
.cqn-xem button{position:absolute;border:0;background:color-mix(in srgb,#fff 14%,transparent);color:#fff;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;cursor:pointer}
.cqn-xem-dong{top:calc(10px + env(safe-area-inset-top));right:10px}
.cqn-xem-lui{left:10px;top:50%;transform:translateY(-50%)} .cqn-xem-toi{right:10px;top:50%;transform:translateY(-50%)}
.cqn-xem-dem{position:absolute;top:calc(22px + env(safe-area-inset-top));left:0;right:0;text-align:center;color:#fff;font:700 14px var(--noi-dung)}
/* mời chủ quán */
.cqn-quan-the{display:flex;align-items:center;gap:12px}
.cqn-quan-the h3{margin:0;font:800 17px var(--tieu-de)}
.cqn-rong-nho{margin:0 2px 8px}
.cqn-chu-nho{font-size:12.5px;margin:10px 0 0}
.cqn-ma-the{text-align:center;border:2px solid var(--vang);background:var(--the)}
.cqn-ma-dau{display:flex;justify-content:space-between;align-items:center;gap:8px}
.cqn-qr{width:min(100%,260px);margin:14px auto 6px;background:#fff;border-radius:16px;padding:8px}
.cqn-qr svg{display:block;width:100%;height:auto}
.cqn-ma-so{font:800 44px/1.1 var(--tieu-de);letter-spacing:.14em;color:var(--chinh);font-variant-numeric:tabular-nums}
.cqn-ma-cho{margin:2px 0 12px;font-size:14px;color:var(--mo)}
.cqn-buoc{text-align:left;margin:0 auto;padding-left:22px;max-width:340px;font-size:14px;line-height:1.7}
/* 0.9 — gian hàng đầu mối (màn nhân viên #/chu-quan/gian-hang, #/chu-quan/moi-dau-moi) */
.cqn-gh .hc-tab a{text-decoration:none}
.cqn-gh-so{margin:0 0 10px}
.cqn-gh-so.nho{margin:10px 0 0}
.cqn-gh-so.nho .hc-so b{font-size:20px}
.cqn-gh-so.nho .hc-so span{font-size:11.5px}
.cqn-gh-moi{margin:0 0 12px}
.cqn-gh-the .hc-the-dau h3{font-size:16.5px}
.cqn-do{color:var(--do)!important}
.cqn-gh-gt{margin:6px 0 0;font-size:13px;line-height:1.45;color:var(--chu-2)}
.cqn-quan-the>div{flex:1;min-width:0}
.cqn-quan-the>.hc-chip{flex:none}
.cqn-gh-sp .hc-dong{align-items:flex-start}
.cqn-gh-sp .hc-dong.mo{opacity:.75}
/* 0.9.1: bia hãng khác luôn xếp cuối và mờ hơn bia Hai Củ Lạc (quyết định 29/09) — cùng cách app chủ quán */
.cqn-gh-sp .hc-dong.cqn-gh-bia-khac{opacity:.62}
.cqn-gh-sp .hc-dong.cqn-gh-bia-khac img{filter:grayscale(.85)}
.cqn-gh-sp .hc-dong-cuoi{flex-direction:column;align-items:flex-end;gap:4px}
.cqn-gh-anh{width:52px;height:52px;border-radius:12px;overflow:hidden;background:var(--nen-2);color:var(--mo)}
.cqn-gh-anh img{width:100%;height:100%;object-fit:cover;display:block}
.cqn-gh-anh img:not([src]){opacity:0}
.cqn-gh .hc-muc a{margin-left:auto}
body.hc-web .cqn-gh-moi{display:inline-flex;width:auto;padding:0 28px}