:root {
  --catalog-modal-ink: #0b0d18;
  --catalog-modal-muted: #64748b;
  --catalog-modal-line: #e2e8f0;
  --catalog-modal-line-strong: #cbd5e1;
  --catalog-modal-soft: #f8fafc;
  --catalog-modal-page: #f5f7fb;
  --catalog-modal-accent: #2563eb;
  --catalog-modal-accent-dark: #1d4ed8;
  --catalog-modal-accent-soft: #eef4ff;
  --catalog-modal-danger: #b42318;
}

#inquiryModalOverlay,
#reservationListModalOverlay,
#quickFeatureSettingsOverlay {
  padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  background: rgba(15, 23, 42, 0.48);
  backdrop-filter: blur(12px) saturate(115%);
}

#inquiryModalOverlay .inquiry-modal,
#reservationListModalOverlay .inquiry-modal,
#quickFeatureSettingsOverlay .inquiry-modal {
  width: min(760px, calc(100vw - 32px));
  max-height: min(880px, calc(100dvh - 32px));
  border: 1px solid rgba(203, 213, 225, 0.86);
  border-radius: 24px;
  background: #ffffff;
  color: var(--catalog-modal-ink);
  box-shadow: 0 30px 80px rgba(15, 23, 42, 0.2), 0 2px 8px rgba(15, 23, 42, 0.06);
  opacity: 1 !important;
  filter: none !important;
}

#inquiryModalOverlay.active .inquiry-modal,
#reservationListModalOverlay.active .inquiry-modal,
#quickFeatureSettingsOverlay.active .inquiry-modal {
  animation: none !important;
  transform: none !important;
}

#quickFeatureSettingsOverlay .quick-feature-settings-modal {
  width: min(820px, calc(100vw - 32px));
}

#inquiryModalOverlay .inquiry-modal-header,
#reservationListModalOverlay .inquiry-modal-header,
#quickFeatureSettingsOverlay .inquiry-modal-header {
  flex: 0 0 auto;
  gap: 18px;
  padding: 24px 26px 21px;
  border-bottom: 1px solid var(--catalog-modal-line);
  background: #ffffff;
}

#inquiryModalOverlay .inquiry-modal-control-row,
#reservationListModalOverlay .inquiry-modal-control-row {
  gap: 14px;
}

#inquiryModalOverlay .inquiry-modal-heading,
#reservationListModalOverlay .inquiry-modal-heading,
#quickFeatureSettingsOverlay .inquiry-modal-heading {
  display: grid;
  gap: 7px;
}

#inquiryModalOverlay .inquiry-modal-title,
#reservationListModalOverlay .inquiry-modal-title,
#quickFeatureSettingsOverlay .inquiry-modal-title {
  margin: 0;
  color: var(--catalog-modal-ink);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.28;
  letter-spacing: 0;
}

#inquiryModalOverlay .inquiry-modal-sub,
#reservationListModalOverlay .inquiry-modal-sub,
#quickFeatureSettingsOverlay .inquiry-modal-sub {
  margin: 0;
  color: var(--catalog-modal-muted);
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: 0;
}

#inquiryModalOverlay .inquiry-modal-header-actions,
#reservationListModalOverlay .inquiry-modal-header-actions {
  gap: 8px;
}

#inquiryModalOverlay .inquiry-modal-close,
#reservationListModalOverlay .inquiry-modal-close,
#quickFeatureSettingsOverlay .inquiry-modal-close,
#inquiryModalOverlay .inquiry-modal-settings-link,
#reservationListModalOverlay .inquiry-modal-settings-link,
#inquiryModalOverlay .inquiry-modal-guide-link,
#reservationListModalOverlay .inquiry-modal-guide-link {
  width: 40px;
  height: 40px;
  min-width: 40px;
  padding: 0;
  border: 1px solid var(--catalog-modal-line-strong);
  border-radius: 11px;
  background: #ffffff;
  color: #334155;
  box-shadow: none;
  transform: none;
}

#inquiryModalOverlay .inquiry-modal-guide-link,
#reservationListModalOverlay .inquiry-modal-guide-link {
  border-color: var(--catalog-modal-accent);
  background: var(--catalog-modal-accent);
  color: #ffffff;
}

#inquiryModalOverlay .inquiry-modal-close,
#reservationListModalOverlay .inquiry-modal-close,
#quickFeatureSettingsOverlay .inquiry-modal-close {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  font-weight: 400;
  line-height: 1;
}

#quickFeatureSettingsOverlay #quickFeatureSettingsClose,
#quickFeatureSettingsOverlay #quickFeatureSettingsHelp {
  position: absolute;
  top: 22px;
}

#quickFeatureSettingsOverlay #quickFeatureSettingsClose {
  right: 24px;
}

#quickFeatureSettingsOverlay #quickFeatureSettingsHelp {
  right: 72px;
  color: var(--catalog-modal-accent);
  font-size: 16px;
  font-weight: 800;
}

#inquiryModalOverlay .inquiry-modal-close:hover,
#reservationListModalOverlay .inquiry-modal-close:hover,
#quickFeatureSettingsOverlay .inquiry-modal-close:hover,
#inquiryModalOverlay .inquiry-modal-settings-link:hover,
#reservationListModalOverlay .inquiry-modal-settings-link:hover {
  border-color: #b8c5d8;
  background: var(--catalog-modal-soft);
  color: #0f172a;
  box-shadow: none;
  transform: none;
}

#inquiryModalOverlay .inquiry-modal-guide-link:hover,
#reservationListModalOverlay .inquiry-modal-guide-link:hover {
  border-color: var(--catalog-modal-accent-dark);
  background: var(--catalog-modal-accent-dark);
  color: #ffffff;
  box-shadow: none;
  transform: none;
}

#inquiryModalOverlay button:focus-visible,
#inquiryModalOverlay a:focus-visible,
#reservationListModalOverlay button:focus-visible,
#reservationListModalOverlay a:focus-visible,
#quickFeatureSettingsOverlay button:focus-visible,
#quickFeatureSettingsOverlay input:focus-visible,
#quickFeatureSettingsOverlay select:focus-visible,
#quickFeatureSettingsOverlay textarea:focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.11);
}

#inquiryModalOverlay .inquiry-feature-toggle,
#reservationListModalOverlay .inquiry-feature-toggle {
  min-width: 148px;
  height: 42px;
  padding: 5px 7px 5px 13px;
  border: 1px solid var(--catalog-modal-line-strong);
  border-radius: 11px;
  background: #ffffff;
  color: #475569;
  box-shadow: none;
  transform: none;
}

#inquiryModalOverlay .inquiry-feature-toggle:hover,
#reservationListModalOverlay .inquiry-feature-toggle:hover {
  border-color: #b8c5d8;
  background: var(--catalog-modal-soft);
  transform: none;
}

#inquiryModalOverlay .inquiry-feature-toggle.is-on,
#reservationListModalOverlay .inquiry-feature-toggle.is-on {
  border-color: #9ab9f8;
  background: var(--catalog-modal-accent-soft);
  color: var(--catalog-modal-accent-dark);
  box-shadow: none;
}

#inquiryModalOverlay .inquiry-feature-toggle-title,
#reservationListModalOverlay .inquiry-feature-toggle-title {
  color: #0f172a;
  font-size: 12px;
  font-weight: 800;
}

#inquiryModalOverlay .inquiry-feature-toggle-status,
#reservationListModalOverlay .inquiry-feature-toggle-status,
#inquiryModalOverlay .inquiry-feature-toggle.is-on .inquiry-feature-toggle-status,
#reservationListModalOverlay .inquiry-feature-toggle.is-on .inquiry-feature-toggle-status {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
}

#inquiryModalOverlay .inquiry-feature-switch,
#reservationListModalOverlay .inquiry-feature-switch {
  background: #cbd5e1;
  box-shadow: none;
}

#inquiryModalOverlay .inquiry-feature-toggle.is-on .inquiry-feature-switch,
#reservationListModalOverlay .inquiry-feature-toggle.is-on .inquiry-feature-switch {
  background: var(--catalog-modal-accent);
}

#inquiryModalOverlay .reservation-source-tools,
#reservationListModalOverlay .reservation-source-tools {
  flex: 0 0 auto;
  gap: 8px;
  padding: 14px 26px;
  border-bottom: 1px solid var(--catalog-modal-line);
  background: var(--catalog-modal-soft);
}

#inquiryModalOverlay .reservation-source-tool-btn,
#reservationListModalOverlay .reservation-source-tool-btn,
#inquiryModalOverlay .reservation-source-range-btn,
#reservationListModalOverlay .reservation-source-range-btn {
  min-height: 38px;
  padding: 8px 13px;
  border: 1px solid var(--catalog-modal-line-strong);
  border-radius: 10px;
  background: #ffffff;
  color: #334155;
  font-size: 12px;
  font-weight: 750;
  box-shadow: none;
}

#inquiryModalOverlay .reservation-source-tool-btn:hover,
#reservationListModalOverlay .reservation-source-tool-btn:hover,
#inquiryModalOverlay .reservation-source-range-btn:hover,
#reservationListModalOverlay .reservation-source-range-btn:hover {
  border-color: #9ab9f8;
  background: var(--catalog-modal-accent-soft);
  color: var(--catalog-modal-accent-dark);
}

#inquiryModalOverlay .reservation-source-range-btn.active,
#reservationListModalOverlay .reservation-source-range-btn.active {
  border-color: var(--catalog-modal-accent);
  background: var(--catalog-modal-accent);
  color: #ffffff;
}

#inquiryModalOverlay .reservation-source-summary,
#reservationListModalOverlay .reservation-source-summary,
#reservationListModalOverlay .reservation-calendar-panel {
  margin: 18px 26px 0;
  padding: 18px;
  border: 1px solid var(--catalog-modal-line);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: none;
}

#inquiryModalOverlay .reservation-source-summary-title,
#reservationListModalOverlay .reservation-source-summary-title,
#reservationListModalOverlay .reservation-calendar-title {
  color: #0f172a;
  font-weight: 800;
}

#inquiryModalOverlay .reservation-source-summary-sub,
#reservationListModalOverlay .reservation-source-summary-sub,
#inquiryModalOverlay .reservation-source-summary-total,
#reservationListModalOverlay .reservation-source-summary-total {
  color: var(--catalog-modal-muted);
}

#inquiryModalOverlay .inquiry-list,
#reservationListModalOverlay .inquiry-list {
  gap: 12px;
  padding: 22px 26px 28px;
  background: var(--catalog-modal-page);
}

#inquiryModalOverlay .inquiry-item,
#reservationListModalOverlay .inquiry-item,
#reservationListModalOverlay .reservation-item,
#inquiryModalOverlay .inquiry-empty,
#reservationListModalOverlay .inquiry-empty {
  border: 1px solid var(--catalog-modal-line);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(30, 41, 59, 0.05);
}

#inquiryModalOverlay .inquiry-item,
#reservationListModalOverlay .inquiry-item,
#reservationListModalOverlay .reservation-item {
  padding: 18px;
}

#inquiryModalOverlay .inquiry-item.is-new,
#reservationListModalOverlay .inquiry-item.is-new,
#reservationListModalOverlay .reservation-item.is-new {
  border-color: #b9cdf8;
  box-shadow: inset 4px 0 0 var(--catalog-modal-accent), 0 8px 24px rgba(30, 41, 59, 0.05);
}

#inquiryModalOverlay .inquiry-name,
#reservationListModalOverlay .inquiry-name {
  color: #0f172a;
  font-weight: 800;
}

#inquiryModalOverlay .inquiry-date,
#reservationListModalOverlay .inquiry-date,
#inquiryModalOverlay .inquiry-meta,
#reservationListModalOverlay .inquiry-meta,
#inquiryModalOverlay .inquiry-contact,
#reservationListModalOverlay .inquiry-contact {
  color: var(--catalog-modal-muted);
}

#inquiryModalOverlay .inquiry-read-btn,
#reservationListModalOverlay .inquiry-read-btn,
#reservationListModalOverlay .reservation-list-btn,
#reservationListModalOverlay .reservation-list-more-btn {
  min-height: 38px;
  padding: 8px 13px;
  border: 1px solid var(--catalog-modal-line-strong);
  border-radius: 10px;
  background: #ffffff;
  color: #334155;
  font-size: 12px;
  font-weight: 750;
  box-shadow: none;
}

#inquiryModalOverlay .inquiry-read-btn:hover,
#reservationListModalOverlay .inquiry-read-btn:hover,
#reservationListModalOverlay .reservation-list-btn:hover,
#reservationListModalOverlay .reservation-list-more-btn:hover {
  border-color: #9ab9f8;
  background: var(--catalog-modal-accent-soft);
  color: var(--catalog-modal-accent-dark);
}

#reservationListModalOverlay .reservation-status-select {
  min-height: 40px;
  border: 1px solid var(--catalog-modal-line-strong);
  border-radius: 10px;
  background: #ffffff;
  color: #0f172a;
}

#reservationListModalOverlay .reservation-calendar-nav {
  width: 38px;
  height: 38px;
  border: 1px solid var(--catalog-modal-line-strong);
  border-radius: 10px;
  background: #ffffff;
  color: #334155;
}

#reservationListModalOverlay .reservation-calendar-day {
  border-radius: 10px;
}

#reservationListModalOverlay .reservation-calendar-day.is-selected {
  background: var(--catalog-modal-accent);
  color: #ffffff;
}

#quickFeatureSettingsOverlay .quick-feature-settings-header {
  min-height: 90px;
  padding-right: 124px;
}

#quickFeatureSettingsOverlay .quick-feature-settings-body {
  padding: 26px 28px 34px;
  background: var(--catalog-modal-page);
  scrollbar-color: #cbd5e1 transparent;
}

#quickFeatureSettingsOverlay .setting-card,
#quickFeatureSettingsOverlay .lead-capture-setting-card,
#quickFeatureSettingsOverlay .reservation-setting-card {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#quickFeatureSettingsOverlay .lead-capture-setting-card::before {
  display: none;
}

#quickFeatureSettingsOverlay .lead-capture-setting-card > .lead-capture-top {
  margin: 0 0 16px;
  padding: 18px 20px;
  border: 1px solid #bfd1fa;
  border-radius: 16px;
  background: var(--catalog-modal-accent-soft);
  box-shadow: inset 4px 0 0 var(--catalog-modal-accent);
}

#quickFeatureSettingsOverlay .lead-capture-copy {
  display: grid;
  gap: 6px;
}

#quickFeatureSettingsOverlay .lead-capture-heading {
  color: #0f172a;
  font-size: 16px;
  font-weight: 800;
}

#quickFeatureSettingsOverlay .lead-capture-heading .card-icon {
  width: 36px;
  height: 36px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border: 1px solid #c9d8fb;
  border-radius: 10px;
  background: #ffffff;
  color: var(--catalog-modal-accent);
  box-shadow: none;
}

#quickFeatureSettingsOverlay .lead-capture-heading .card-icon svg {
  width: 18px;
  height: 18px;
}

#quickFeatureSettingsOverlay .lead-capture-desc,
#quickFeatureSettingsOverlay .lead-form-builder-desc,
#quickFeatureSettingsOverlay .lead-form-title-help,
#quickFeatureSettingsOverlay .lead-form-helper,
#quickFeatureSettingsOverlay .reservation-resource-help,
#quickFeatureSettingsOverlay .reservation-break-head span,
#quickFeatureSettingsOverlay .reservation-resource-head span {
  color: var(--catalog-modal-muted);
}

#quickFeatureSettingsOverlay .lead-capture-compliance-box,
#quickFeatureSettingsOverlay .lead-form-builder,
#quickFeatureSettingsOverlay .reservation-builder,
#quickFeatureSettingsOverlay .reservation-break-control,
#quickFeatureSettingsOverlay .reservation-resource-control,
#quickFeatureSettingsOverlay .lead-form-field-row {
  border: 1px solid var(--catalog-modal-line);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: none;
}

#quickFeatureSettingsOverlay .lead-capture-compliance-box {
  margin-top: 0;
  padding: 16px 18px;
  border-color: #f0d59f;
  background: #fffbeb;
}

#quickFeatureSettingsOverlay .lead-capture-notice {
  border: 0;
  border-bottom: 1px solid #ead7af;
  border-radius: 0;
  background: transparent;
  color: #475569;
  box-shadow: none;
}

#quickFeatureSettingsOverlay .lead-capture-ack {
  border-radius: 12px;
  background: #ffffff;
}

#quickFeatureSettingsOverlay .lead-capture-ack:has(input:checked) {
  border-color: #9ab9f8;
  background: var(--catalog-modal-accent-soft);
}

#quickFeatureSettingsOverlay .lead-capture-ack input,
#quickFeatureSettingsOverlay .lead-form-required input {
  accent-color: var(--catalog-modal-accent);
}

#quickFeatureSettingsOverlay .reservation-owner-ack-label {
  border-radius: 7px;
  background: var(--catalog-modal-accent);
}

#quickFeatureSettingsOverlay .lead-capture-retention {
  border-radius: 8px;
  border: 1px solid #ead7af;
  background: #ffffff;
  color: #475569;
}

#quickFeatureSettingsOverlay .lead-form-builder,
#quickFeatureSettingsOverlay .reservation-builder {
  margin-top: 16px;
  padding: 20px;
}

#quickFeatureSettingsOverlay .lead-form-builder-head {
  padding: 2px 0 18px;
  border-bottom: 1px solid var(--catalog-modal-line);
}

#quickFeatureSettingsOverlay .lead-form-builder-title,
#quickFeatureSettingsOverlay .reservation-break-head strong,
#quickFeatureSettingsOverlay .reservation-resource-head strong {
  color: #0f172a;
  font-size: 15px;
  font-weight: 800;
}

#quickFeatureSettingsOverlay .lead-form-message-control {
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#quickFeatureSettingsOverlay .lead-form-title-control {
  min-width: 0;
  margin-top: 16px;
  padding: 16px;
  border: 1px solid #c9d8fb;
  border-left: 4px solid var(--catalog-modal-accent);
  border-radius: 12px;
  background: #f8fbff;
  box-shadow: none;
}

#quickFeatureSettingsOverlay .lead-form-message-grid {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid var(--catalog-modal-line);
  border-radius: 12px;
  background: var(--catalog-modal-soft);
}

#quickFeatureSettingsOverlay .lead-form-field-list {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--catalog-modal-line);
}

#quickFeatureSettingsOverlay .lead-form-title-control > label,
#quickFeatureSettingsOverlay .lead-form-message-control > label,
#quickFeatureSettingsOverlay .reservation-grid > label,
#quickFeatureSettingsOverlay .lead-form-field-main-grid > label {
  color: #334155;
  font-size: 13px;
  font-weight: 750;
}

#quickFeatureSettingsOverlay .lead-form-input,
#quickFeatureSettingsOverlay .lead-form-select,
#quickFeatureSettingsOverlay .lead-form-template-select,
#quickFeatureSettingsOverlay input[type="text"],
#quickFeatureSettingsOverlay input[type="number"],
#quickFeatureSettingsOverlay input[type="time"],
#quickFeatureSettingsOverlay select,
#quickFeatureSettingsOverlay textarea {
  width: 100%;
  min-height: 46px;
  border: 1px solid var(--catalog-modal-line-strong);
  border-radius: 12px;
  outline: none;
  background: #ffffff;
  color: var(--catalog-modal-ink);
  font-size: 14px;
  box-shadow: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

#quickFeatureSettingsOverlay textarea.lead-form-input,
#quickFeatureSettingsOverlay textarea {
  min-height: 86px;
  padding: 12px 13px;
  line-height: 1.55;
  resize: vertical;
}

#quickFeatureSettingsOverlay input[type="text"],
#quickFeatureSettingsOverlay input[type="number"],
#quickFeatureSettingsOverlay input[type="time"],
#quickFeatureSettingsOverlay select,
#quickFeatureSettingsOverlay .lead-form-input:not(textarea),
#quickFeatureSettingsOverlay .lead-form-select,
#quickFeatureSettingsOverlay .lead-form-template-select {
  padding: 0 13px;
}

#quickFeatureSettingsOverlay .lead-form-input:focus,
#quickFeatureSettingsOverlay .lead-form-select:focus,
#quickFeatureSettingsOverlay .lead-form-template-select:focus,
#quickFeatureSettingsOverlay input:focus,
#quickFeatureSettingsOverlay select:focus,
#quickFeatureSettingsOverlay textarea:focus {
  border-color: #7da6f8;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.09);
}

#quickFeatureSettingsOverlay .lead-form-field-row,
#quickFeatureSettingsOverlay .reservation-break-control,
#quickFeatureSettingsOverlay .reservation-resource-control {
  padding: 16px;
}

#quickFeatureSettingsOverlay .lead-form-field-row {
  border-left: 3px solid #94a3b8;
}

#quickFeatureSettingsOverlay .reservation-builder > .reservation-grid {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid #c9d8fb;
  border-radius: 12px;
  background: var(--catalog-modal-accent-soft);
}

#quickFeatureSettingsOverlay .reservation-break-control {
  margin-top: 16px;
  border-color: #f0d59f;
  background: #fffbeb;
}

#quickFeatureSettingsOverlay .reservation-resource-control {
  margin-top: 16px;
  border-color: #b9e3cc;
  background: #f0fdf4;
}

#quickFeatureSettingsOverlay .reservation-builder > .reservation-weekdays {
  margin-top: 16px;
  padding: 14px;
  border: 1px solid var(--catalog-modal-line);
  border-radius: 12px;
  background: var(--catalog-modal-soft);
}

#quickFeatureSettingsOverlay .lead-form-mini-btn,
#quickFeatureSettingsOverlay .lead-form-icon-btn,
#quickFeatureSettingsOverlay .reservation-resource-add,
#quickFeatureSettingsOverlay .reservation-resource-remove {
  min-height: 38px;
  padding: 7px 11px;
  border: 1px solid var(--catalog-modal-line-strong);
  border-radius: 10px;
  background: #ffffff;
  color: #1e293b;
  font-size: 12px;
  font-weight: 750;
  box-shadow: none;
}

#quickFeatureSettingsOverlay .lead-form-icon-btn {
  width: 36px;
  min-width: 36px;
  padding: 0;
}

#quickFeatureSettingsOverlay .lead-form-mini-btn:hover,
#quickFeatureSettingsOverlay .lead-form-icon-btn:hover,
#quickFeatureSettingsOverlay .reservation-resource-add:hover {
  border-color: #9ab9f8;
  background: var(--catalog-modal-accent-soft);
  color: var(--catalog-modal-accent-dark);
}

#quickFeatureSettingsOverlay .reservation-resource-remove {
  color: var(--catalog-modal-danger);
}

#quickFeatureSettingsOverlay .reservation-weekdays label {
  border: 1px solid var(--catalog-modal-line);
  border-radius: 8px;
  background: #ffffff;
  color: #334155;
}

#quickFeatureSettingsOverlay .reservation-weekdays input {
  accent-color: var(--catalog-modal-accent);
}

#quickFeatureSettingsOverlay .toggle-slider,
#quickFeatureSettingsOverlay .reservation-break-toggle {
  box-shadow: none;
}

#quickFeatureSettingsOverlay .quick-feature-settings-actions {
  flex: 0 0 auto;
  gap: 10px;
  padding: 18px 26px calc(18px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--catalog-modal-line);
  background: #ffffff;
  box-shadow: 0 -12px 28px -24px rgba(15, 23, 42, 0.32);
}

#quickFeatureSettingsOverlay .formbtn {
  min-height: 44px;
  padding: 9px 16px;
  border: 1px solid transparent;
  border-radius: 11px;
  font-size: 14px;
  font-weight: 750;
  box-shadow: none;
}

#quickFeatureSettingsOverlay .btn-cancel {
  border-color: var(--catalog-modal-line-strong);
  background: #ffffff;
  color: #1e293b;
}

#quickFeatureSettingsOverlay .btn-cancel:hover {
  background: var(--catalog-modal-soft);
}

#quickFeatureSettingsOverlay .btn-save {
  border-color: var(--catalog-modal-accent);
  background: var(--catalog-modal-accent);
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.18);
}

#quickFeatureSettingsOverlay .btn-save:hover {
  border-color: var(--catalog-modal-accent-dark);
  background: var(--catalog-modal-accent-dark);
}

body.rtl-lang #inquiryModalOverlay .inquiry-feature-toggle-text,
body.rtl-lang #reservationListModalOverlay .inquiry-feature-toggle-text,
body.rtl-lang #quickFeatureSettingsOverlay .inquiry-modal-heading,
body.rtl-lang #quickFeatureSettingsOverlay .lead-capture-copy {
  text-align: right;
}

body.rtl-lang #quickFeatureSettingsOverlay #quickFeatureSettingsClose {
  right: auto;
  left: 24px;
}

body.rtl-lang #quickFeatureSettingsOverlay #quickFeatureSettingsHelp {
  right: auto;
  left: 72px;
}

@media (max-width: 640px) {
  #inquiryModalOverlay,
  #reservationListModalOverlay,
  #quickFeatureSettingsOverlay {
    align-items: center;
    padding: max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
  }

  #inquiryModalOverlay .inquiry-modal,
  #reservationListModalOverlay .inquiry-modal,
  #quickFeatureSettingsOverlay .inquiry-modal {
    width: calc(100vw - 16px);
    max-height: calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    border-radius: 20px;
  }

  #inquiryModalOverlay .inquiry-modal-header,
  #reservationListModalOverlay .inquiry-modal-header,
  #quickFeatureSettingsOverlay .inquiry-modal-header {
    gap: 14px;
    padding: 18px 18px 16px;
  }

  #inquiryModalOverlay .inquiry-modal-control-row,
  #reservationListModalOverlay .inquiry-modal-control-row {
    align-items: center;
  }

  #inquiryModalOverlay .inquiry-feature-toggle,
  #reservationListModalOverlay .inquiry-feature-toggle {
    min-width: 128px;
    max-width: calc(100% - 138px);
    height: 40px;
  }

  #inquiryModalOverlay .inquiry-modal-header-actions,
  #reservationListModalOverlay .inquiry-modal-header-actions {
    gap: 6px;
  }

  #inquiryModalOverlay .inquiry-modal-close,
  #reservationListModalOverlay .inquiry-modal-close,
  #inquiryModalOverlay .inquiry-modal-settings-link,
  #reservationListModalOverlay .inquiry-modal-settings-link,
  #inquiryModalOverlay .inquiry-modal-guide-link,
  #reservationListModalOverlay .inquiry-modal-guide-link {
    width: 36px;
    height: 36px;
    min-width: 36px;
  }

  #inquiryModalOverlay .reservation-source-tools,
  #reservationListModalOverlay .reservation-source-tools {
    padding: 12px 18px;
    overflow-x: auto;
  }

  #inquiryModalOverlay .reservation-source-summary,
  #reservationListModalOverlay .reservation-source-summary,
  #reservationListModalOverlay .reservation-calendar-panel {
    margin: 14px 18px 0;
    padding: 15px;
  }

  #inquiryModalOverlay .inquiry-list,
  #reservationListModalOverlay .inquiry-list {
    padding: 17px 18px 22px;
  }

  #quickFeatureSettingsOverlay .quick-feature-settings-header {
    min-height: 82px;
    padding-right: 112px;
  }

  #quickFeatureSettingsOverlay #quickFeatureSettingsClose,
  #quickFeatureSettingsOverlay #quickFeatureSettingsHelp {
    top: 18px;
  }

  #quickFeatureSettingsOverlay #quickFeatureSettingsClose {
    right: 18px;
  }

  #quickFeatureSettingsOverlay #quickFeatureSettingsHelp {
    right: 62px;
  }

  #quickFeatureSettingsOverlay .quick-feature-settings-body {
    padding: 18px 16px 26px;
  }

  #quickFeatureSettingsOverlay .lead-capture-setting-card > .lead-capture-top,
  #quickFeatureSettingsOverlay .lead-capture-compliance-box,
  #quickFeatureSettingsOverlay .lead-form-builder,
  #quickFeatureSettingsOverlay .reservation-builder {
    padding: 16px;
  }

  #quickFeatureSettingsOverlay .lead-form-builder-head,
  #quickFeatureSettingsOverlay .reservation-resource-head,
  #quickFeatureSettingsOverlay .reservation-break-head {
    align-items: stretch;
    gap: 12px;
  }

  #quickFeatureSettingsOverlay .lead-form-builder-actions {
    width: 100%;
  }

  #quickFeatureSettingsOverlay .lead-form-template-control,
  #quickFeatureSettingsOverlay .lead-form-template-select,
  #quickFeatureSettingsOverlay .lead-form-mini-btn {
    width: 100%;
  }

  #quickFeatureSettingsOverlay .lead-form-message-grid,
  #quickFeatureSettingsOverlay .reservation-grid,
  #quickFeatureSettingsOverlay .lead-form-field-main-grid {
    grid-template-columns: 1fr;
  }

  #quickFeatureSettingsOverlay .quick-feature-settings-actions {
    padding: 14px 16px calc(14px + env(safe-area-inset-bottom));
  }

  #quickFeatureSettingsOverlay .formbtn {
    flex: 1 1 0;
    min-width: 0;
  }

  body.rtl-lang #quickFeatureSettingsOverlay #quickFeatureSettingsClose {
    right: auto;
    left: 18px;
  }

  body.rtl-lang #quickFeatureSettingsOverlay #quickFeatureSettingsHelp {
    right: auto;
    left: 62px;
  }
}

@media (max-width: 430px) {
  #inquiryModalOverlay .inquiry-modal-title,
  #reservationListModalOverlay .inquiry-modal-title,
  #quickFeatureSettingsOverlay .inquiry-modal-title {
    font-size: 18px;
  }

  #inquiryModalOverlay .inquiry-feature-toggle,
  #reservationListModalOverlay .inquiry-feature-toggle {
    min-width: 118px;
    max-width: calc(100% - 126px);
    padding-left: 10px;
  }

  #inquiryModalOverlay .inquiry-modal-guide-link,
  #reservationListModalOverlay .inquiry-modal-guide-link {
    display: none;
  }

  #quickFeatureSettingsOverlay .lead-capture-setting-card > .lead-capture-top {
    align-items: flex-start;
  }
}