/* Dat lich PHOEBE (10/10/2026, js/book-sheet.js). Nut noi goc phai duoi doi xung nut Chat (css/chat-widget.css);
   o dat lich: dien thoai truot tu duoi len gan het man, may tinh panel gon ben phai. Khong box, tab gach chan,
   nut chinh champagne chu navy. Tu du mau (bang quy chuan), khong dua vao base.css. */
.pbk-btn{ position:fixed; z-index:80; right:20px; bottom:calc(20px + env(safe-area-inset-bottom)); display:inline-flex; align-items:center; gap:9px;
  height:48px; padding:0 21px 0 17px; margin:0; border:0; border-radius:999px; background:#111; color:#fff;
  font-family:-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size:15px; font-weight:500; line-height:1; letter-spacing:.01em; cursor:pointer; box-shadow:0 6px 22px rgba(0,0,0,.16);
  -webkit-tap-highlight-color:transparent; opacity:1; visibility:visible; transform:none;
  transition:opacity .3s ease, visibility .3s, transform .35s cubic-bezier(.2,.7,.2,1), bottom .35s cubic-bezier(.2,.7,.2,1); }
.pbk-btn svg{ flex:none; display:block; }
.pbk-btn:hover{ background:#000; }
.pbk-btn:focus-visible{ outline:2px solid #C9A96A; outline-offset:3px; }
.pbk-btn.pbk-off{ opacity:0; visibility:hidden; transform:translateY(14px); pointer-events:none; }
.pbk-btn.pbk-up{ bottom:calc(var(--pbk-lift, 88px) + env(safe-area-inset-bottom)); }
.pbk-btn__s{ display:none; }

.pbk-scrim{ position:fixed; inset:0; z-index:96; background:rgba(20,22,26,.18); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  opacity:0; visibility:hidden; transition:opacity .3s ease, visibility .3s; }
.pbk-scrim.show{ opacity:1; visibility:visible; }

.pbk{ position:fixed; z-index:97; top:16px; right:16px; bottom:16px; width:460px; max-width:calc(100vw - 32px);
  display:flex; flex-direction:column; overflow:hidden; box-sizing:border-box; border-radius:12px; outline:none;
  background:#FBFAF7; color:#3F3F3F; box-shadow:0 10px 40px rgba(0,0,0,.12);
  font-family:-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size:15px; line-height:1.45; text-align:left;
  opacity:0; visibility:hidden; transform:translateX(24px); transition:opacity .3s ease, visibility .3s, transform .4s cubic-bezier(.2,.7,.2,1); }
.pbk.show{ opacity:1; visibility:visible; transform:none; }
.pbk *, .pbk *::before, .pbk *::after{ box-sizing:border-box; }
.pbk button, .pbk input, .pbk textarea{ font-family:inherit; -webkit-tap-highlight-color:transparent; }

/* thanh tieu de + 3 vach tien trinh (app: navigationTitle inline + Close, stepIndicator) */
.pbk-hd{ flex:none; display:grid; grid-template-columns:72px 1fr 72px; align-items:center; padding:8px 8px 0; min-height:52px; }
.pbk-title{ margin:0; text-align:center; font-family:'Cormorant Garamond', 'Times New Roman', Georgia, serif; font-weight:600; font-size:21px; line-height:1.2; color:#1F3A5F;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pbk-close{ justify-self:end; min-height:44px; min-width:44px; padding:0 12px; border:0; background:none; color:#1F3A5F; font-size:15px; cursor:pointer; }
.pbk-bar{ flex:none; display:flex; gap:6px; padding:12px 24px; }
.pbk-bar i{ flex:1; height:2px; border-radius:2px; background:#ECE7DF; transition:background .3s; }
.pbk-bar i.on{ background:#C9A96A; }
.pbk--done .pbk-bar{ visibility:hidden; }

.pbk-body{ flex:1; min-height:0; overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; }
.pbk-in{ padding:4px 24px 24px; }
.pbk-ft{ flex:none; display:flex; gap:12px; padding:12px 24px calc(14px + env(safe-area-inset-bottom)); border-top:1px solid #ECE7DF; background:#FBFAF7; }
.pbk-ft[hidden]{ display:none; }

/* nut */
.pbk-btn1{ flex:1; display:flex; align-items:center; justify-content:center; width:100%; min-height:50px; margin:0; padding:0 20px;
  border:0; border-radius:10px; background:#C9A96A; color:#1F3A5F; font-size:13px; font-weight:600; letter-spacing:.09em; text-transform:uppercase; cursor:pointer; }
.pbk-btn1:hover{ filter:brightness(.96); }
.pbk-btn2{ flex:none; min-height:50px; margin:0; padding:0 22px; border:1px solid #ECE7DF; border-radius:10px; background:transparent;
  color:#1F3A5F; font-size:13px; font-weight:600; letter-spacing:.09em; text-transform:uppercase; cursor:pointer; }
.pbk button[disabled]{ cursor:default; }
.pbk .pbk-btn1[disabled]{ opacity:.4; }
.pbk-in .pbk-btn1{ margin-top:6px; }
.pbk-link{ display:inline-flex; align-items:center; min-height:44px; margin:6px 0 0; padding:0; border:0; background:none; color:#7D6437; font-size:14px; cursor:pointer; }
.pbk-link:hover{ text-decoration:underline; text-underline-offset:4px; }
.pbk-wait{ display:flex; align-items:center; justify-content:center; min-height:240px; }
.pbk-spin{ width:20px; height:20px; border-radius:50%; border:1.5px solid rgba(31,58,95,.2); border-top-color:#1F3A5F; animation:pbkSpin .8s linear infinite; }
@keyframes pbkSpin{ to{ transform:rotate(360deg); } }

.pbk-lbl{ display:block; margin:0 0 10px; font-size:11px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:#6E6A65; }
.pbk-muted{ margin:0; color:#6E6A65; font-size:15px; }
.pbk-note{ margin:0 0 14px; font-size:15px; color:#3F3F3F; overflow-wrap:anywhere; }
.pbk-hr{ height:1px; margin:20px 0; border:0; background:#ECE7DF; }
.pbk-err, .pbk-ok{ display:none; margin:12px 0 0; font-size:14px; line-height:1.4; }
.pbk-err{ color:#A9563F; }
.pbk-ok{ color:#1F3A5F; }
.pbk-err.show, .pbk-ok.show{ display:block; }
.pbk-form .pbk-err.show, .pbk-form .pbk-ok.show{ margin:0 0 10px; }

/* buoc 1: dong phang, ke manh, chon = tich vang */
.pbk-about{ margin:0 0 6px; font-size:13px; color:#7D6437; overflow-wrap:anywhere; }
.pbk-type{ display:flex; align-items:flex-start; gap:14px; width:100%; margin:0; padding:16px 0; border:0; border-bottom:1px solid #ECE7DF;
  background:none; color:#1F3A5F; text-align:left; cursor:pointer; }
.pbk-type__ic{ flex:none; width:26px; padding-top:1px; display:flex; justify-content:center; color:#1F3A5F; }
.pbk-type__tx{ flex:1; min-width:0; display:flex; flex-direction:column; gap:4px; }
.pbk-type__tx b{ font-size:17px; font-weight:400; line-height:1.25; }
.pbk-type.on .pbk-type__tx b{ font-weight:600; }
.pbk-type__tx span{ font-size:12px; color:#6E6A65; }
.pbk-radio{ flex:none; width:22px; height:22px; margin-top:1px; border-radius:50%; border:1px solid #ECE7DF; display:flex; align-items:center; justify-content:center; color:#1F3A5F; }
.pbk-type.on .pbk-radio, .pbk-radio.on{ background:#C9A96A; border-color:#C9A96A; }

/* buoc 2: lich thang */
.pbk-cal__hd{ display:flex; align-items:center; justify-content:space-between; margin:0 0 10px; }
.pbk-cal__t{ font-family:'Cormorant Garamond', 'Times New Roman', Georgia, serif; font-weight:500; font-size:24px; color:#1F3A5F; }
.pbk-arrow{ width:44px; height:44px; padding:0; border:0; background:none; color:#1F3A5F; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; }
.pbk-arrow[disabled]{ opacity:.25; }
.pbk-cal__wd, .pbk-cal__grid{ display:grid; grid-template-columns:repeat(7, minmax(0, 1fr)); gap:6px 4px; }
.pbk-cal__wd{ margin:0 0 8px; }
.pbk-cal__wd span{ text-align:center; font-size:11px; font-weight:500; letter-spacing:.06em; color:#6E6A65; }
.pbk-day{ position:relative; display:flex; justify-content:center; height:46px; margin:0; padding:0; border:0; background:none; cursor:pointer; color:#3F3F3F; font-size:15px; }
.pbk-day span{ display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; }
.pbk-day.today span{ box-shadow:inset 0 0 0 1px #C9A96A; }
.pbk-day.sel span{ background:#C9A96A; color:#1F3A5F; font-weight:600; box-shadow:none; }
.pbk-day.mark::after{ content:""; position:absolute; bottom:0; left:50%; width:4px; height:4px; margin-left:-2px; border-radius:50%; background:#C9A96A; }
.pbk-day[disabled]{ opacity:.3; }
.pbk-day--x{ height:46px; }
.pbk-times{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; }
.pbk-chip{ min-height:44px; margin:0; padding:0 6px; border:1px solid #ECE7DF; border-radius:999px; background:transparent; color:#3F3F3F; font-size:14px; cursor:pointer; white-space:nowrap; }
.pbk-chip.sel{ background:#C9A96A; border-color:#C9A96A; color:#1F3A5F; font-weight:600; }
.pbk-chip[disabled]{ opacity:.35; }
.pbk-local{ margin:14px 0 0; font-size:12px; color:#7D6437; }

/* buoc 3: xac nhan, khong box */
.pbk-sum{ margin:0 0 24px; }
.pbk-sum p{ margin:0 0 6px; font-size:15px; color:#3F3F3F; }
.pbk-sum .pbk-sum__t{ margin:0 0 10px; font-family:'Cormorant Garamond', 'Times New Roman', Georgia, serif; font-weight:500; font-size:26px; line-height:1.15; color:#1F3A5F; }
.pbk-loc{ margin:0 0 24px; border-bottom:1px solid #ECE7DF; }
.pbk-loc__row{ display:flex; align-items:center; gap:12px; width:100%; min-height:56px; margin:0; padding:14px 0; border:0; background:none; text-align:left; cursor:pointer; }
.pbk-loc__row .pbk-radio{ margin:0; }
.pbk-loc__tx{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.pbk-loc__tx b{ font-family:'Cormorant Garamond', 'Times New Roman', Georgia, serif; font-weight:600; font-size:20px; color:#1F3A5F; }
.pbk-loc__tx span{ font-size:13px; color:#6E6A65; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pbk-loc__cv{ flex:none; color:#1F3A5F; transition:transform .22s; display:flex; }
.pbk-loc__cv.up{ transform:rotate(180deg); }
.pbk-loc__d{ padding:0 0 16px 34px; }
.pbk-loc__d p{ margin:0 0 6px; font-size:15px; color:#3F3F3F; }
.pbk-loc__d a{ display:inline-flex; align-items:center; min-height:44px; color:#7D6437; font-size:15px; font-weight:600; text-decoration:none; }
.pbk-f{ display:block; margin:0 0 18px; }
.pbk-f input, .pbk-f textarea{ display:block; width:100%; margin:0; padding:12px 14px; border:1px solid #ECE7DF; border-radius:10px; background:#fff;
  font-size:16px; line-height:1.4; color:#1F3A5F; outline:none; -webkit-appearance:none; appearance:none; transition:border-color .2s; }
.pbk-f input{ height:48px; padding:0 14px; }
.pbk-f textarea{ resize:vertical; min-height:96px; }
.pbk-f textarea#pbkAddr{ min-height:64px; }
.pbk-f input:focus, .pbk-f textarea:focus{ border-color:#C9A96A; }
.pbk-f textarea::placeholder{ color:#6E6A65; }

/* dang nhap: tab gach chan */
.pbk-tabs{ display:flex; gap:26px; margin:0 0 20px; }
.pbk-tab{ position:relative; min-height:44px; padding:0 2px; border:0; background:none; font-size:15px; color:#6E6A65; cursor:pointer; }
.pbk-tab::after{ content:""; position:absolute; left:0; right:0; bottom:4px; height:2px; background:#C9A96A; transform:scaleX(0); transition:transform .3s cubic-bezier(.2,.7,.2,1); }
.pbk-tab.on{ color:#1F3A5F; font-weight:600; }
.pbk-tab.on::after{ transform:scaleX(1); }
.pbk-g{ display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:48px; padding:0 16px;
  border:1px solid #ECE7DF; border-radius:10px; background:#fff; color:#1F3A5F; font-size:15px; font-weight:500; cursor:pointer; }
.pbk-g svg{ flex:none; }
.pbk-or{ display:flex; align-items:center; gap:12px; margin:18px 0; color:#6E6A65; font-size:13px; }
.pbk-or::before, .pbk-or::after{ content:""; flex:1; height:1px; background:#ECE7DF; }
.pbk-form{ margin:0; }
.pbk-body button[disabled]:not(.pbk-day):not(.pbk-chip):not(.pbk-arrow){ opacity:.6; }

/* xong */
.pbk-done{ min-height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:22px; padding:48px 0; text-align:center; }
.pbk-done img{ display:block; width:132px; height:auto; opacity:.85; }
.pbk-done__t{ margin:0; font-family:'Cormorant Garamond', 'Times New Roman', Georgia, serif; font-weight:500; font-size:30px; line-height:1.15; color:#1F3A5F; }

/* dien thoai: nut gon "Book", o truot tu duoi len gan het man */
@media (max-width: 760px){
  .pbk-btn{ right:16px; bottom:calc(16px + env(safe-area-inset-bottom)); height:46px; padding:0 19px 0 15px; }
  .pbk-btn__l{ display:none; }
  .pbk-btn__s{ display:inline; }
  .pbk{ top:max(12px, calc(env(safe-area-inset-top) + 8px)); left:0; right:0; bottom:0; width:auto; max-width:none; border-radius:16px 16px 0 0;
    transform:translateY(100%); transition:opacity .2s ease, visibility .4s, transform .4s cubic-bezier(.2,.7,.2,1); }
  .pbk-in{ padding:4px 20px 24px; }
  .pbk-bar{ padding:12px 20px; }
  .pbk-ft{ padding:12px 20px calc(12px + env(safe-area-inset-bottom)); }
  html.pbk-open, html.pbk-open body{ overflow:hidden; }
}
@media (min-width: 761px){
  html.pbk-open{ overflow:hidden; }
}
@media (prefers-reduced-motion: reduce){
  .pbk, .pbk-btn, .pbk-scrim, .pbk-tab::after, .pbk-bar i, .pbk-loc__cv{ transition:none; }
  .pbk-spin{ animation-duration:2s; }
}

/* 10/10/2026 (Phuc): dong bo font + mau voi side menu (menu.css): chu sans (--sans), mau #33383C,
   nen xam kem trong mo, bo goc 6px; bo chu serif o tieu de / lich / tom tat. */
.pbk-btn, .pbk{ font-family:var(--sans); }
.pbk{ background:rgba(244,243,241,.97); color:#33383C; border-radius:6px; }
.pbk-title{ font-family:var(--sans); font-weight:500; font-size:17px; color:#33383C; }
.pbk-close{ color:#33383C; font-size:16px; }
.pbk-type__tx b{ font-size:18px; color:#33383C; }
.pbk-type.on .pbk-type__tx b{ font-weight:500; }
.pbk-type__tx span, .pbk-lbl, .pbk-muted, .pbk-cal__wd span, .pbk-loc__tx span, .pbk-or{ color:#7A7D80; }
.pbk-cal__t{ font-family:var(--sans); font-weight:500; font-size:18px; color:#33383C; }
.pbk-day, .pbk-chip, .pbk-note, .pbk-sum p, .pbk-loc__d p{ color:#33383C; }
.pbk-sum .pbk-sum__t{ font-family:var(--sans); font-weight:500; font-size:20px; color:#33383C; }
.pbk-loc__tx b{ font-family:var(--sans); font-weight:500; font-size:17px; color:#33383C; }
.pbk-done__t{ font-family:var(--sans); font-weight:500; font-size:22px; color:#33383C; }
.pbk-tab.on{ color:#33383C; font-weight:500; }
.pbk-bar i{ background:#E1DFDB; }