#schedule-nav-dropdown > a{cursor:pointer !important}
body.fw-sched-lock{overflow:hidden}

#fw-schedule-modal{
  position:fixed;
  inset:0;
  z-index:10060;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px 16px;
  background:rgba(42,32,22,.46);
}
#fw-schedule-modal.is-open{display:flex}
#cancel-reason-modal,
#reschedule-modal,
#settle-balance-modal{
  z-index:10080 !important;
}
#fw-schedule-modal .fw-sched-dialog{
  width:min(980px,calc(100vw - 32px));
  max-height:min(86vh,780px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:#ffffff;
  color:#1a1a1a;
  border:1px solid rgba(201,162,39,.28);
  border-radius:18px;
  box-shadow:0 18px 40px rgba(42,32,22,.18);
  font-family:"TT Norms",sans-serif;
}
#fw-schedule-modal .fw-sched-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  flex-shrink:0;
  padding:16px 16px 6px;
  background:#ffffff;
}
#fw-schedule-modal .fw-sched-brand{display:flex;gap:10px;min-width:0}
#fw-schedule-modal .fw-sched-mark{
  width:36px;height:36px;flex:0 0 36px;
  display:flex;align-items:center;justify-content:center;
  border-radius:10px;
  background:#fff6e4;
  color:#c9a227;
}
#fw-schedule-modal .fw-sched-mark svg{width:22px;height:22px}
#fw-schedule-modal .fw-sched-head h2{
  margin:0;
  font-family:"The Youngest","Playfair Display",Georgia,serif;
  font-size:24px;
  font-weight:500;
  line-height:1;
  letter-spacing:.01em;
}
#fw-schedule-modal .fw-sched-head p{
  margin:6px 0 0;
  color:#8a8076;
  font-size:13px;
}
#fw-schedule-modal .fw-sched-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}
#fw-schedule-modal .fw-sched-x,
#fw-schedule-modal #toggle-calendar-btn{
  width:36px;height:36px;padding:0 !important;
  display:flex;align-items:center;justify-content:center;
  border-radius:999px !important;
  border:0 !important;
  background:transparent !important;
  color:#6b635b !important;
  cursor:pointer;
}
#fw-schedule-modal .fw-sched-x:hover,
#fw-schedule-modal #toggle-calendar-btn:hover{background:#f4ead6 !important;color:#1a1a1a !important}
#fw-schedule-modal #clear-date-filter{
  border:0 !important;background:transparent !important;
  color:#8f6f0c !important;font-size:11px !important;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;text-decoration:none !important;cursor:pointer;
}
#fw-schedule-modal #fw-sched-split{
  display:flex;flex-direction:column;min-height:0;flex:1 1 auto;overflow:hidden;
}
#fw-schedule-modal #fw-sched-calendar-slot{min-width:0;max-width:100%;flex-shrink:0}
#fw-schedule-modal.is-date-split #fw-sched-split{
  display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px;align-items:stretch;
  padding:12px 16px 16px;overflow:hidden;
}
#fw-schedule-modal.is-date-split .dropdown-calendar-container{
  width:100% !important;max-width:none !important;margin:0 !important;
}
#fw-schedule-modal.is-date-split .fw-sched-list-host{
  margin:0;padding:0 0 0 14px;overflow:auto;border-left:1px solid #f0e6d4;min-height:0;
}
#fw-schedule-modal.is-date-split .fw-sched-row{
  grid-template-columns:46px 52px minmax(0,1fr);
  gap:1.5rem;
}
#fw-schedule-modal.is-date-split .fw-sched-side{grid-column:1 / -1;text-align:left;margin-top:2px}
#fw-schedule-modal.is-date-split .fw-sched-badge,
#fw-schedule-modal.is-date-split .fw-sched-actions{justify-content:flex-start;margin-left:0}
#fw-schedule-modal.is-date-split .fw-thumb-row{max-width:52px}
#fw-schedule-modal.is-date-split .fw-thumb{width:52px;height:68px;flex-basis:52px}
#fw-schedule-modal .dropdown-calendar-container{
  position:relative !important;top:auto !important;right:auto !important;left:auto !important;
  transform:none !important;animation:none !important;
  width:min(320px,100%) !important;max-width:320px;box-sizing:border-box;
  margin:10px auto 0 !important;padding:12px 10px !important;
  border-radius:14px;box-shadow:none;overflow:hidden;
}
#fw-schedule-modal .dropdown-calendar-container.open-popover{
  display:block !important;transform:none !important;animation:none !important;
}
#fw-schedule-modal .calendar-header{
  display:flex !important;align-items:center;justify-content:space-between;
  gap:8px;margin-bottom:8px !important;
}
#fw-schedule-modal #calendar-month-year{
  min-width:0;font-size:clamp(11px,2.4vw,13px) !important;text-align:center;
}
#fw-schedule-modal .dropdown-calendar-container .calendar-weekdays,
#fw-schedule-modal #calendar-days-grid{
  display:grid !important;grid-template-columns:repeat(7,minmax(0,1fr)) !important;
  gap:4px;width:100%;
}
#fw-schedule-modal .calendar-weekdays{font-size:clamp(9px,2vw,11px) !important;letter-spacing:0 !important}
#fw-schedule-modal .calendar-weekdays > div{min-width:0;text-align:center}
#fw-schedule-modal .calendar-day-cell{
  justify-self:center !important;align-self:center !important;
  width:min(36px,100%) !important;height:auto !important;
  aspect-ratio:1 !important;max-height:36px !important;
  min-width:0 !important;min-height:0 !important;
  font-size:clamp(11px,2.6vw,13px) !important;line-height:1;
}
#fw-schedule-modal .calendar-day-cell::after{bottom:3px !important}
#fw-schedule-modal .calendar-nav-btn{
  width:28px !important;height:28px !important;flex:0 0 28px;
  border-radius:999px !important;font-size:14px !important;
}
#fw-schedule-modal .fw-sched-layout{
  display:grid;grid-template-columns:168px minmax(0,1fr);
  min-height:0;flex:1 1 auto;overflow:hidden;
}
#fw-schedule-modal .fw-sched-nav{
  display:flex;flex-direction:column;gap:4px;
  padding:8px 12px 16px 14px;border-right:1px solid #f0e6d4;overflow:auto;
}
#fw-schedule-modal .fw-sched-nav button{
  display:flex;align-items:center;gap:8px;
  width:100%;margin:0;padding:9px 10px;border:0;border-radius:10px;
  background:transparent;color:#6b635b;
  font-size:14px;font-weight:650;text-align:left;cursor:pointer;
}
#fw-schedule-modal .fw-sched-nav button svg{width:16px;height:16px;flex:0 0 16px}
#fw-schedule-modal .fw-sched-nav button.is-on{background:#fff6e4;color:#1a1a1a}
#fw-schedule-modal .fw-sched-main{
  min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;
}
#fw-schedule-modal .fw-sched-stats{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;
  flex-shrink:0;
  padding:8px 16px 0;
}
#fw-schedule-modal .fw-sched-stat{
  display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;
  padding:14px 16px;text-align:left;
  border:0;border-radius:14px;
}
#fw-schedule-modal .fw-sched-stat > div{text-align:left}
#fw-schedule-modal .fw-sched-ico{
  width:auto;height:auto;flex:0 0 auto;border-radius:0;
  display:flex;align-items:center;justify-content:center;
  background:transparent;
}
#fw-schedule-modal .fw-sched-ico svg{width:22px;height:22px}
#fw-schedule-modal .fw-sched-stat strong{
  display:block;font-size:22px;line-height:1;font-weight:700;
}
#fw-schedule-modal .fw-sched-stat span{
  display:block;margin-top:3px;color:#8a8076;font-size:13px;
}
#fw-schedule-modal .fw-sched-stat.is-pending{background:#f8f1e3}
#fw-schedule-modal .is-pending .fw-sched-ico{background:transparent;color:#c9a227}
#fw-schedule-modal .is-pending strong{color:#c9a227}
#fw-schedule-modal .fw-sched-stat.is-approved{background:#e8f6ee}
#fw-schedule-modal .is-approved .fw-sched-ico{background:transparent;color:#2f8f55}
#fw-schedule-modal .is-approved strong{color:#2f8f55}
#fw-schedule-modal .fw-sched-stat.is-cancelled{background:#fdecea}
#fw-schedule-modal .is-cancelled .fw-sched-ico{background:transparent;color:#d1544c}
#fw-schedule-modal .is-cancelled strong{color:#d1544c}
#fw-schedule-modal .fw-sched-list-host{
  min-height:0;flex:1 1 auto;overflow:auto;padding:8px 12px 12px;
}
#fw-schedule-modal .appointment-list{max-height:none;margin:0;overflow:visible}
#fw-schedule-modal .no-appointments,
#fw-schedule-modal .fw-sched-empty{
  padding:28px 8px;text-align:center;color:#8a8076;font-size:14px;
}
#fw-schedule-modal .fw-sched-empty[hidden]{display:none !important}
#fw-schedule-modal.is-date-split .fw-sched-empty:not([hidden]),
#fw-schedule-modal.is-date-split .no-appointments{
  display:flex;align-items:center;justify-content:center;
  min-height:220px;margin:0;padding:24px 16px;
  border:1px solid #f0e6d4;background:#fff;color:#8a8076;
}

#fw-schedule-modal .appointment-item.fw-sched-card{
  display:block;margin:0 0 12px;padding:15px 18px !important;
  border:1px solid #f0e6d4 !important;border-radius:12px;
  background:#fff;box-shadow:none;font-size:13px !important;text-align:left !important;
}
#fw-schedule-modal .fw-sched-row{
  display:grid;
  grid-template-columns:52px 58px minmax(0,1fr) minmax(220px,max-content);
  gap:1.5rem;align-items:center;
}
#fw-schedule-modal .fw-datebox{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;
  min-height:0;border:0;border-radius:0;background:transparent;text-align:center;line-height:1.15;
}
#fw-schedule-modal .fw-datebox-m{color:#8a8076;font-size:10px;font-weight:700;letter-spacing:.06em}
#fw-schedule-modal .fw-datebox-d{
  font-family:"The Youngest","Playfair Display",Georgia,serif;
  font-size:22px;line-height:1.15;color:#1a1a1a;margin-top:0;
}
#fw-schedule-modal .fw-datebox-y{color:#8a8076;font-size:10px;margin-top:0}
#fw-schedule-modal .fw-thumb-row{display:flex;gap:4px;min-width:0;max-width:58px;overflow:hidden}
#fw-schedule-modal .fw-thumb{
  width:58px;height:74px;flex:0 0 58px;border-radius:10px;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#f7f1e6,#efe4d2);color:#c9a227;
}
#fw-schedule-modal .fw-thumb img{width:100%;height:100%;object-fit:cover;display:block}
#fw-schedule-modal .fw-thumb svg{width:26px;height:26px}
#fw-schedule-modal .fw-sched-title{
  margin:0;font-size:15px;font-weight:700;color:#1a1a1a;line-height:1.5;
}
#fw-schedule-modal .fw-sched-line{margin:4px 0 0;color:#6b635b;font-size:12px;line-height:1.5}
#fw-schedule-modal .fw-sched-time{
  display:flex;align-items:center;gap:6px;margin:4px 0 0;
  color:#6b635b;font-size:12px;font-weight:600;line-height:1.5;
}
#fw-schedule-modal .fw-sched-time-ico{
  width:14px;height:14px;flex:0 0 14px;display:inline-flex;color:#8a8076;
}
#fw-schedule-modal .fw-sched-time-ico svg{width:14px;height:14px;display:block}
#fw-schedule-modal .fw-sched-side{text-align:right;min-width:0}
#fw-schedule-modal .fw-sched-badge{display:flex;justify-content:flex-end}
#fw-schedule-modal .status-badge{
  padding:2px 7px;border-radius:0;font-size:10px;font-weight:800;letter-spacing:.06em;
}
#fw-schedule-modal .fw-sched-payline,
#fw-schedule-modal .fw-sched-price{margin:4px 0 0;color:#6b635b;font-size:12px;line-height:1.5}
#fw-schedule-modal .fw-sched-payline strong,
#fw-schedule-modal .fw-sched-price strong{color:#1a1a1a;font-weight:700}
#fw-schedule-modal .fw-sched-online{
  display:inline-block;margin-top:6px;padding:3px 8px;border-radius:999px;
  background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd;
  font-size:10px;font-weight:800;
}
#fw-schedule-modal .fw-sched-actions{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
  gap:6px;
  margin:8px 0 0 auto;
  width:auto;
  max-width:100%;
}
#fw-schedule-modal .fw-sched-actions button,
#fw-schedule-modal .fw-sched-actions .cancel-appt-btn,
#fw-schedule-modal .fw-sched-actions .fw-sched-details-btn,
#fw-schedule-modal .fw-sched-actions .fw-sched-pay-btn,
#fw-schedule-modal .fw-sched-actions .fw-sched-receipt-btn{
  width:auto !important;
  flex:0 0 auto;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box;
  margin:0 !important;
  padding:7px 10px !important;
  font-size:11px !important;
  font-weight:700;
  line-height:1.2;
  letter-spacing:0 !important;
  text-transform:none !important;
  border-radius:8px !important;
  white-space:nowrap;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-height:32px;
}
#fw-schedule-modal .fw-sched-btn-ico{
  width:12px;height:12px;flex:0 0 12px;display:inline-flex;
}
#fw-schedule-modal .fw-sched-btn-ico svg{width:12px;height:12px;display:block}
#fw-schedule-modal .fw-sched-actions .fw-sched-details-btn{
  border:0 !important;
  background:#2b2723 !important;
  color:#fff !important;
  font-weight:700;
  cursor:pointer;
  text-decoration:none;
}
#fw-schedule-modal .fw-sched-actions .fw-sched-details-btn:hover{background:#1a1714 !important;color:#fff !important}
#fw-schedule-modal .fw-sched-actions .fw-sched-receipt-btn{
  border:0 !important;
  background:#efeae3 !important;
  color:#2b2723 !important;
  font-weight:700;
  cursor:pointer;
}
#fw-schedule-modal .fw-sched-actions .fw-sched-receipt-btn:hover{background:#e4ddd3 !important}
#fw-schedule-modal .fw-sched-actions .fw-sched-pay-btn{
  border:0 !important;
  background:#2f8f55 !important;
  color:#fff !important;
  cursor:pointer;
}
#fw-schedule-modal .fw-sched-actions .fw-sched-pay-btn:hover{background:#257446 !important}
#fw-schedule-modal .fw-sched-actions .cancel-appt-btn{
  border:0 !important;
  background:#fdecea !important;
  color:#c0392b !important;
}
#fw-schedule-modal .fw-sched-actions .cancel-appt-btn:hover{background:#f8d7d4 !important}
#fw-schedule-modal .fw-sched-actions .fw-sched-resched-btn{
  border:0 !important;
  background:#e8f1fb !important;
  color:#1d4f91 !important;
}
#fw-schedule-modal .fw-sched-actions .fw-sched-resched-btn:hover{background:#d7e6f7 !important}
#fw-schedule-modal .fw-sched-resched-note{
  margin:6px 0 0 !important;
  max-width:100%;
  text-align:right;
  font-size:10px !important;
  font-weight:600 !important;
  line-height:1.5;
  color:#94a3b8 !important;
}
#fw-schedule-modal .fw-sched-extras{margin-top:8px}
#fw-schedule-modal .fw-sched-extras > *{margin-top:6px !important}
#fw-schedule-modal .fw-sched-details-panel{margin-top:8px}
#fw-schedule-modal .fw-sched-details-panel > *{margin-top:6px !important}
#fw-schedule-modal .appointment-item.fw-appt-focus{
  display:block !important;border-color:#c9a227 !important;
  box-shadow:0 0 0 2px rgba(201,162,39,.25);
}

@media (max-width:720px){
  #fw-schedule-modal{padding:10px;align-items:center}
  #fw-schedule-modal .fw-sched-dialog{width:100%;max-height:90vh;border-radius:0}
  #fw-schedule-modal .fw-sched-head{flex-wrap:wrap;padding:14px 12px 4px}
  #fw-schedule-modal .fw-sched-head h2{font-size:22px}
  #fw-schedule-modal .fw-sched-tools{width:100%;justify-content:flex-end}
  #fw-schedule-modal .fw-sched-layout{grid-template-columns:1fr}
  #fw-schedule-modal .fw-sched-nav{flex-direction:row;border-right:0;border-bottom:1px solid #f0e6d4;padding:8px 12px}
  #fw-schedule-modal .fw-sched-nav button{width:auto;white-space:nowrap}
  #fw-schedule-modal .fw-sched-stats{padding-left:12px;padding-right:12px;gap:6px}
  #fw-schedule-modal .fw-sched-stat{padding:10px 8px;gap:8px}
  #fw-schedule-modal .fw-sched-stat strong{font-size:18px}
  #fw-schedule-modal .fw-sched-stat span{font-size:11px}
  #fw-schedule-modal .fw-sched-list-host{padding-left:12px;padding-right:12px}
  #fw-schedule-modal .dropdown-calendar-container{width:min(320px,100%) !important;max-width:100%;margin:8px auto 0 !important;padding:8px 6px !important}
  #fw-schedule-modal.is-date-split #fw-sched-split{display:flex;flex-direction:column;grid-template-columns:none;padding:0}
  #fw-schedule-modal.is-date-split .fw-sched-list-host{border-left:0;padding:12px}
  #fw-schedule-modal.is-date-split .dropdown-calendar-container{width:min(320px,100%) !important;max-width:320px !important;margin:8px auto 0 !important}
  #fw-schedule-modal .calendar-day-cell{width:min(32px,100%) !important;max-height:32px !important;font-size:12px !important}
  #fw-schedule-modal .calendar-nav-btn{width:26px !important;height:26px !important;flex-basis:26px}
  #fw-schedule-modal .fw-sched-row{grid-template-columns:46px 52px minmax(0,1fr);gap:1rem;align-items:start}
  #fw-schedule-modal .fw-thumb-row{max-width:52px}
  #fw-schedule-modal .fw-thumb{width:52px;height:68px;flex-basis:52px}
  #fw-schedule-modal .fw-sched-side{grid-column:1 / -1;text-align:left}
  #fw-schedule-modal .fw-sched-badge,
  #fw-schedule-modal .fw-sched-actions{justify-content:flex-start;margin-left:0}
  #fw-schedule-modal .fw-sched-actions{width:100%;max-width:100%}
  #fw-schedule-modal .fw-sched-resched-note{text-align:left}
}

#settle-balance-modal [hidden]{display:none !important}
#settle-balance-modal.fw-pay{
  position:fixed;inset:0;z-index:10080;
  display:flex;align-items:center;justify-content:center;
  padding:18px 12px;background:rgba(42,32,22,.46);
}
#settle-balance-modal .fw-pay-dialog{
  position:relative;width:min(920px,100%);max-height:min(88vh,760px);
  overflow:auto;background:#fff;color:#1a1a1a;border-radius:18px;
  box-shadow:0 18px 40px rgba(42,32,22,.18);
  font-family:"TT Norms",sans-serif;
}
#settle-balance-modal .fw-pay-x{
  position:absolute;top:12px;right:12px;z-index:2;
  width:32px;height:32px;border:0;border-radius:999px;background:transparent;
  color:#6b635b;font-size:22px;line-height:1;cursor:pointer;
}
#settle-balance-modal .fw-pay-x:hover{background:#f4ead6}
#settle-balance-modal .fw-pay-grid{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}
#settle-balance-modal .fw-pay-col{padding:22px 22px 18px;min-width:0}
#settle-balance-modal .fw-pay-col.is-form{background:#fffdf9;border-left:1px solid #f0e6d4}
#settle-balance-modal .fw-pay-head{display:flex;gap:10px;align-items:flex-start;padding-right:28px}
#settle-balance-modal .fw-pay-mark{
  width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:#fff6e4;color:#c9a227;
  display:flex;align-items:center;justify-content:center;
}
#settle-balance-modal .fw-pay-mark svg{width:18px;height:18px}
#settle-balance-modal .fw-pay-head h2,
#settle-balance-modal .fw-pay-col h3{
  margin:0;font-family:"The Youngest","Playfair Display",Georgia,serif;font-weight:500;
}
#settle-balance-modal .fw-pay-head h2{font-size:26px;line-height:1}
#settle-balance-modal .fw-pay-head p{margin:6px 0 0;color:#8a8076;font-size:13px;line-height:1.45}
#settle-balance-modal .fw-pay-col h3{margin:16px 0 8px;font-size:16px;color:#1a1a1a}
#settle-balance-modal .fw-pay-appt{
  display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;
  margin-top:16px;padding:10px;border:1px solid #f0e6d4;border-radius:12px;
}
#settle-balance-modal .fw-pay-photo{
  width:54px;height:68px;border-radius:8px;overflow:hidden;background:#f7f1e6;color:#c9a227;
  display:flex;align-items:center;justify-content:center;
}
#settle-balance-modal .fw-pay-photo img{width:100%;height:100%;object-fit:cover;display:block}
#settle-balance-modal .fw-pay-photo svg{width:24px;height:24px}
#settle-balance-modal .fw-pay-appt-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
#settle-balance-modal .fw-pay-appt-copy strong{font-size:14px}
#settle-balance-modal .fw-pay-appt-copy span{color:#6b635b;font-size:12px}
#settle-balance-modal .fw-pay-status{
  padding:3px 8px;border-radius:999px;background:#e8f6ee;color:#1f7a45;
  font-style:normal;font-size:11px;font-weight:700;
}
#settle-balance-modal .fw-pay-status.is-pending{background:#fff6e4;color:#a68516}
#settle-balance-modal .fw-pay-status.is-cancelled{background:#fdecea;color:#c0392b}
#settle-balance-modal .fw-pay-summary{border:1px solid #f0e6d4;border-radius:12px;overflow:hidden}
#settle-balance-modal .fw-pay-line,
#settle-balance-modal .fw-pay-due{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:10px 12px;font-size:13px;
}
#settle-balance-modal .fw-pay-line{border-bottom:1px solid #f6f1e8}
#settle-balance-modal .fw-pay-line span{color:#6b635b}
#settle-balance-modal .fw-pay-line.is-minus strong{color:#2f8f55;font-weight:600}
#settle-balance-modal .fw-pay-due{background:#f8f1e3}
#settle-balance-modal .fw-pay-due span{color:#6b635b}
#settle-balance-modal .fw-pay-due strong{display:block;font-size:22px;line-height:1.1}
#settle-balance-modal .fw-pay-due em{
  display:inline-block;margin-top:4px;padding:2px 7px;border-radius:999px;
  background:#fff;color:#a68516;font-style:normal;font-size:10px;font-weight:700;
}
#settle-balance-modal .fw-pay-chosen{
  display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:12px;
  border:1px solid #d7efdf;border-radius:12px;background:#f4fbf6;
}
#settle-balance-modal .fw-pay-chosen.is-meetup{border-color:#d7e6f7;background:#f4f8fd}
#settle-balance-modal .fw-pay-chosen p{margin:3px 0 0;color:#6b635b;font-size:12px;line-height:1.45}
#settle-balance-modal .fw-pay-flag{
  margin-left:auto;color:#2f8f55;font-size:12px;font-weight:700;white-space:nowrap;
}
#settle-balance-modal .fw-pay-chosen.is-meetup .fw-pay-flag{color:#1d4f91}
#settle-balance-modal .fw-pay-gcash-mark{
  width:28px;height:28px;flex:0 0 28px;border-radius:8px;background:#1f6feb;color:#fff;
  display:inline-flex;align-items:center;justify-content:center;font-weight:800;
}
#settle-balance-modal .fw-pay-back{
  margin-top:14px;border:0;background:transparent;color:#8f6f0c;font-weight:700;
  font-size:13px;cursor:pointer;padding:0;
}
#settle-balance-modal .fw-pay-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#settle-balance-modal .fw-pay-choice{
  display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #eee4d4;
  border-radius:12px;background:#fff;cursor:pointer;
}
#settle-balance-modal .fw-pay-choice input{position:absolute;opacity:0;pointer-events:none}
#settle-balance-modal .fw-pay-choice:has(input:checked){border-color:#c9a227;background:#fffaf0}
#settle-balance-modal .fw-pay-choice strong{display:block;font-size:13px}
#settle-balance-modal .fw-pay-choice small{display:block;color:#8a8076;font-size:11px}
#settle-balance-modal .fw-pay-online{
  display:inline-block;margin-top:4px;padding:2px 7px;border-radius:999px;
  background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd;
  font-style:normal;font-size:10px;font-weight:800;
}
#settle-balance-modal .fw-pay-choice-ico svg{width:18px;height:18px;color:#6b635b}
#settle-balance-modal .fw-pay-details{
  display:flex;justify-content:space-between;gap:12px;align-items:center;
  padding:12px;border:1px solid #d7e6f7;border-radius:12px;background:#f7fbff;
}
#settle-balance-modal .fw-pay-details p{margin:0;color:#6b635b;font-size:12px}
#settle-balance-modal .fw-pay-details strong{display:block;margin-top:4px;font-size:16px}
#settle-balance-modal .fw-pay-details span{color:#6b635b;font-size:12px}
#settle-balance-modal .fw-pay-details img{
  width:84px;height:84px;object-fit:contain;border-radius:8px;background:#fff;cursor:pointer;
}
#settle-balance-modal .fw-pay-drop{
  display:flex;align-items:center;justify-content:center;min-height:92px;
  border:1.5px dashed #e4d8c4;border-radius:12px;background:#fff;cursor:pointer;text-align:center;
}
#settle-balance-modal .fw-pay-drop input{display:none}
#settle-balance-modal .fw-pay-drop-prompt,
#settle-balance-modal .fw-pay-drop-preview{display:flex;flex-direction:column;align-items:center;gap:3px}
#settle-balance-modal .fw-pay-drop-prompt svg{width:22px;height:22px;color:#c9a227}
#settle-balance-modal .fw-pay-drop-prompt strong{font-size:13px}
#settle-balance-modal .fw-pay-drop-prompt small{color:#8a8076;font-size:11px}
#settle-balance-modal .fw-pay-drop-preview img{max-height:72px;border-radius:6px}
#settle-balance-modal .fw-pay-drop-preview span{font-size:12px;color:#2f8f55;font-weight:700}
#settle-balance-modal .fw-pay-notes{
  margin-top:10px;padding:10px 12px;border-radius:12px;background:#fff8e8;color:#6b635b;font-size:12px;
}
#settle-balance-modal .fw-pay-notes strong{display:block;margin-bottom:4px;color:#1a1a1a}
#settle-balance-modal .fw-pay-notes ul{margin:0;padding-left:16px}
#settle-balance-modal .fw-pay-notes li{margin:3px 0}
#settle-balance-modal .fw-pay-meetup{
  padding:14px;border:1px solid #d7e6f7;border-radius:12px;background:#f7fbff;
}
#settle-balance-modal .fw-pay-meetup p{margin:6px 0 0;color:#6b635b;font-size:13px;line-height:1.45}
#settle-balance-modal .fw-pay-submit{
  width:100%;margin-top:12px;padding:12px 14px;border:0;border-radius:10px;
  background:#c9a227;color:#fff;font-size:14px;font-weight:700;cursor:pointer;
}
#settle-balance-modal .fw-pay-submit:hover{background:#a68516}
#settle-balance-modal .fw-pay-submit:disabled{background:#8a8076;cursor:wait}
@media (max-width:760px){
  #settle-balance-modal .fw-pay-grid{grid-template-columns:1fr}
  #settle-balance-modal .fw-pay-col.is-form{border-left:0;border-top:1px solid #f0e6d4}
  #settle-balance-modal .fw-pay-choices{grid-template-columns:1fr}
  #settle-balance-modal .fw-pay-head h2{font-size:22px}
}