/* [04/11] LỊCH CHỌN NGÀY — một cửa phía màn (wow-lich-chon-ngay-mot-cua-2026-11-04.js), khuôn SyndDatePicker của SYND tổng trên khuôn đại màn AFF.
   Chữ Việt đi font chữ (không mono — luật màn WOW 9); số ngày đi font số. Hover chỉ đổi độ sáng. Không cuộn ngang: màn hẹp một tháng, mốc thành hàng chip. */
.lich-goc { display: inline-flex; align-items: center; gap: 4px; flex-wrap: nowrap; max-width: 100%; }
.lich-nut {
  display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 12px; max-width: 100%;
  border: 1px solid var(--wow-vien); border-radius: 8px; background: transparent; color: var(--wow-chu); cursor: pointer;
  font-family: var(--wow-font-chu); font-size: 13px; font-weight: 600; transition: filter .15s;
}
.lich-nut:hover, .lich-mui-ten:hover, .lich-moc-nut:hover, .lich-o:hover, .lich-chan-nut:hover { filter: brightness(1.35); }
.lich-nut svg { flex: none; color: var(--wow-cam); }
.lich-nut-chu { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lich-nut-mui { flex: none; font-size: 10px; color: var(--wow-chu-3); }
.lich-mui-ten {
  display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex: none;
  border: 1px solid var(--wow-vien); border-radius: 8px; background: transparent; color: var(--wow-chu-2); cursor: pointer; font-size: 16px; line-height: 1;
}
.lich-mui-ten:disabled { opacity: .35; cursor: default; filter: none; }

/* bảng nổi: popover ⇒ tầng trên cùng (nổi trên hộp <dialog>); bỏ inset/margin mặc định của popover, toạ độ do JS đặt */
.lich-bang {
  position: fixed; inset: auto; margin: 0; z-index: 2147483001; display: flex; padding: 0; max-width: calc(100vw - 16px);
  border: 1px solid var(--wow-vien); border-radius: 10px; background: var(--wow-mat-hop, #141010); color: var(--wow-chu);
  box-shadow: 0 12px 48px rgb(0 0 0 / 0.6); font-family: var(--wow-font-chu); overflow: visible;
}
.lich-bang.hep { flex-direction: column; width: calc(100vw - 16px); }
.lich-moc { display: flex; flex-direction: column; gap: 2px; width: 150px; padding: 8px 6px; border-right: 1px solid var(--wow-vien); }
.lich-bang.hep .lich-moc { flex-direction: row; flex-wrap: wrap; width: auto; border-right: 0; border-bottom: 1px solid var(--wow-vien); }
.lich-moc-nut {
  min-height: 30px; padding: 0 10px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: var(--wow-chu-2);
  font-family: var(--wow-font-chu); font-size: 12.5px; text-align: left; cursor: pointer; white-space: nowrap;
}
.lich-bang.hep .lich-moc-nut { border-color: var(--wow-vien); }
.lich-moc-nut[aria-pressed="true"] { color: var(--wow-cam-sang); border-color: var(--wow-cam); font-weight: 700; }
.lich-phai { display: flex; flex-direction: column; gap: 10px; padding: 10px 12px; min-width: 0; }
.lich-hai-thang { display: flex; gap: 18px; }
.lich-thang { width: 224px; max-width: 100%; }
.lich-bang.hep .lich-thang { width: 100%; }
.lich-thang-dau { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; font-size: 13px; }
.lich-dem { width: 32px; }
.lich-luoi { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 2px 0; }
.lich-thu { text-align: center; font-size: 10.5px; color: var(--wow-chu-3); padding: 2px 0 4px; }
.lich-o {
  height: 30px; border: 0; border-radius: 0; background: transparent; color: var(--wow-chu-2); cursor: pointer;
  font-family: var(--wow-font-so, var(--wow-font-chu)); font-size: 12.5px;
}
.lich-o.trong { pointer-events: none; }
.lich-o:disabled { opacity: .22; cursor: default; filter: none; }
.lich-o.hom-nay { color: var(--wow-cam-sang); font-weight: 700; }
.lich-o.giua { background: rgb(var(--wow-cam-rgb) / 0.16); color: var(--wow-cam-sang); }
.lich-o.dau { background: var(--wow-cam); color: #140b06; font-weight: 700; border-radius: 5px; }
.lich-chan { display: flex; align-items: center; gap: 8px; padding-top: 8px; border-top: 1px solid var(--wow-vien); }
.lich-chan-gio { margin-right: auto; font-size: 11px; color: var(--wow-chu-3); }
.lich-chan-nut {
  min-height: 32px; padding: 0 14px; border: 1px solid var(--wow-vien); border-radius: 6px; background: transparent; color: var(--wow-chu-2);
  font-family: var(--wow-font-chu); font-size: 12.5px; font-weight: 600; cursor: pointer;
}
.lich-chan-nut.chinh { border-color: var(--wow-cam); background: var(--wow-cam); color: #140b06; }