/* V253 — Visual polish only. Keeps V252 behavior/layout logic intact. */
body > .qb-choice-modal > .qb-choice-backdrop {
  background: rgba(5, 11, 24, .74) !important;
  backdrop-filter: blur(12px) saturate(115%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(115%) !important;
}

body > .qb-choice-modal > .qb-choice-panel {
  border-color: color-mix(in srgb, var(--border, #dce4f0) 84%, #7c83ff 16%) !important;
  box-shadow: 0 34px 100px rgba(4, 10, 24, .32), 0 1px 0 rgba(255,255,255,.5) inset !important;
}

body > .qb-choice-modal .qb-choice-head {
  border-bottom: 1px solid color-mix(in srgb, var(--border,#dce4f0) 86%, transparent) !important;
  padding-bottom: 10px !important;
}
body > .qb-choice-modal .qb-choice-head small {
  color: #6470ee !important;
  letter-spacing: .20em !important;
}
body > .qb-choice-modal .qb-choice-head h3 {
  letter-spacing: -.025em !important;
  font-weight: 850 !important;
}
body > .qb-choice-modal .qb-choice-close {
  cursor: pointer !important;
  transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease !important;
}
@media (hover:hover) {
  body > .qb-choice-modal .qb-choice-close:hover {
    border-color: #7680ff !important;
    background: color-mix(in srgb, var(--surface-2,#f7f9fd) 86%, #7680ff 14%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 20px rgba(73,83,180,.12) !important;
  }
}

body > .qb-choice-modal .qb-choice-search {
  border-width: 1px !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, #6b6df5 7%, transparent) !important;
  transition: border-color .18s ease, box-shadow .18s ease !important;
}
body > .qb-choice-modal .qb-choice-search:focus {
  border-color: #7478f4 !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, #6b6df5 14%, transparent) !important;
}

/* Platform & service chooser polish */
body > .qb-choice-modal[data-mode="platform"] .qb-choice-grid[data-qb-platform-grid],
body > .qb-choice-modal[data-mode="service"] .qb-choice-grid[data-qb-service-grid] {
  gap: 14px !important;
  padding: 5px 5px 8px !important;
  scrollbar-gutter: stable !important;
}
body > .qb-choice-modal[data-mode="platform"] .qb-choice-card,
body > .qb-choice-modal[data-mode="service"] .qb-choice-card {
  border-radius: 20px !important;
  box-shadow: 0 8px 24px rgba(30,45,75,.035) !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}
@media (hover:hover) {
  body > .qb-choice-modal[data-mode="platform"] .qb-choice-card:hover,
  body > .qb-choice-modal[data-mode="service"] .qb-choice-card:hover {
    transform: translateY(-2px) !important;
    border-color: color-mix(in srgb, #6570f5 45%, var(--border,#dce4f0)) !important;
    box-shadow: 0 12px 30px rgba(47,61,120,.09) !important;
  }
}
body > .qb-choice-modal[data-mode="platform"] .qb-choice-card[aria-pressed="true"],
body > .qb-choice-modal[data-mode="service"] .qb-choice-card[aria-pressed="true"] {
  box-shadow: 0 0 0 2px color-mix(in srgb,#6670f5 25%,transparent), 0 12px 28px rgba(64,70,170,.09) !important;
}

/* Package modal */
body > .qb-choice-modal[data-mode="package"] > .qb-choice-panel {
  border-radius: 26px !important;
  padding: 14px 18px 12px !important;
}
body > .qb-choice-modal[data-mode="package"] .qb-package-group-tabs {
  gap: 10px !important;
  margin: 7px 0 9px !important;
}
body > .qb-choice-modal[data-mode="package"] .qb-package-tier-card,
body > .qb-choice-modal[data-mode="package"] .qb-package-group-tab {
  min-height: 58px !important;
  border-radius: 16px !important;
  padding: 8px 12px !important;
  box-shadow: 0 5px 16px rgba(40,55,90,.03) !important;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
body > .qb-choice-modal[data-mode="package"] .qb-package-group-tab.is-active {
  border-color: #6570f5 !important;
  box-shadow: 0 0 0 2px color-mix(in srgb,#6570f5 17%,transparent), 0 8px 24px rgba(63,72,174,.08) !important;
}
@media (hover:hover) {
  body > .qb-choice-modal[data-mode="package"] .qb-package-group-tab:hover {
    transform: translateY(-1px) !important;
    border-color: color-mix(in srgb,#6570f5 45%,var(--border,#dce4f0)) !important;
  }
}
body > .qb-choice-modal[data-mode="package"] .qb-tier-discount {
  background: linear-gradient(180deg,#f0f2ff,#e9edff) !important;
  box-shadow: inset 0 0 0 1px rgba(105,113,237,.09) !important;
}
body > .qb-choice-modal[data-mode="package"] .qb-package-section-head {
  padding: 0 2px !important;
}
body > .qb-choice-modal[data-mode="package"] .qb-package-section-head strong {
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
}

body > .qb-choice-modal[data-mode="package"] .qb-package-choice-grid {
  gap: 8px !important;
}
body > .qb-choice-modal[data-mode="package"] .qb-package-pro-card {
  border-radius: 15px !important;
  padding: 6px 10px !important;
  box-shadow: 0 4px 16px rgba(33,48,80,.025) !important;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease !important;
}
@media (hover:hover) {
  body > .qb-choice-modal[data-mode="package"] .qb-package-pro-card:hover {
    transform: translateY(-1px) !important;
    border-color: color-mix(in srgb,#2ecda6 36%,var(--border,#dce4f0)) !important;
    box-shadow: 0 8px 20px rgba(34,120,100,.07) !important;
  }
}
body > .qb-choice-modal[data-mode="package"] .qb-package-pro-card[aria-pressed="true"] {
  border-color: #27c9a1 !important;
  box-shadow: 0 0 0 2px color-mix(in srgb,#27c9a1 14%,transparent), 0 8px 22px rgba(31,145,117,.09) !important;
}
body > .qb-choice-modal[data-mode="package"] .qb-package-check {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.22) !important;
}
body > .qb-choice-modal[data-mode="package"] .qb-package-pro-copy strong {
  letter-spacing: -.012em !important;
  font-weight: 820 !important;
}
body > .qb-choice-modal[data-mode="package"] .qb-package-pro-price {
  background: linear-gradient(180deg,#eefaf7,#e8f8f3) !important;
  border: 1px solid rgba(38,198,157,.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
}
body > .qb-choice-modal[data-mode="package"] .qb-package-pro-price b {
  letter-spacing: -.01em !important;
}
body > .qb-choice-modal[data-mode="package"] .qb-package-pro-badge {
  box-shadow: 0 4px 10px rgba(255,118,43,.24) !important;
}

/* Control strip */
body > .qb-choice-modal[data-mode="package"] .qb-package-choice-footer {
  gap: 10px !important;
  margin-top: 8px !important;
  padding-top: 9px !important;
}
body > .qb-choice-modal[data-mode="package"] .qb-package-footer-stepper,
body > .qb-choice-modal[data-mode="package"] .qb-package-footer-price,
body > .qb-choice-modal[data-mode="package"] .qb-package-footer-apply {
  border-radius: 14px !important;
  box-shadow: 0 5px 15px rgba(27,42,75,.04) !important;
}
body > .qb-choice-modal[data-mode="package"] .qb-package-footer-range input[type="range"] {
  accent-color: #22c8a0 !important;
}
body > .qb-choice-modal[data-mode="package"] .qb-package-footer-apply {
  font-weight: 850 !important;
  letter-spacing: -.01em !important;
  box-shadow: 0 10px 24px rgba(42,75,255,.17) !important;
}

/* Benefits */
body > .qb-choice-modal[data-mode="package"] .qb-package-benefits {
  gap: 8px !important;
  margin-top: 7px !important;
}
body > .qb-choice-modal[data-mode="package"] .qb-package-benefit {
  border-radius: 13px !important;
  border: 1px solid var(--border,#dce4f0) !important;
  background: color-mix(in srgb,var(--surface,#fff) 96%,#6b72ff 4%) !important;
  box-shadow: 0 4px 14px rgba(30,44,78,.025) !important;
}

/* AI panel */
body > .qb-choice-modal[data-mode="package"] .qb-package-ai {
  border-radius: 13px !important;
  border: 1px solid var(--border,#dce4f0) !important;
  background: color-mix(in srgb,var(--surface,#fff) 97%,#6a6df2 3%) !important;
  box-shadow: 0 5px 16px rgba(33,47,80,.025) !important;
}
body > .qb-choice-modal[data-mode="package"] .qb-package-ai-providers button {
  border-radius: 9px !important;
  font-weight: 760 !important;
  transition: background .16s ease, border-color .16s ease, transform .16s ease !important;
}
@media (hover:hover) {
  body > .qb-choice-modal[data-mode="package"] .qb-package-ai-providers button:hover {
    transform: translateY(-1px) !important;
    border-color: #737af1 !important;
    background: color-mix(in srgb,var(--surface,#fff) 88%,#737af1 12%) !important;
  }
}

/* Dark theme finesse */
html[data-theme="dark"] body > .qb-choice-modal > .qb-choice-panel,
body.theme-dark > .qb-choice-modal > .qb-choice-panel {
  background: linear-gradient(180deg,#111d31 0%,#101b2e 100%) !important;
  box-shadow: 0 36px 110px rgba(0,0,0,.56), inset 0 1px 0 rgba(255,255,255,.025) !important;
}
html[data-theme="dark"] body > .qb-choice-modal[data-mode="package"] .qb-package-pro-price,
body.theme-dark > .qb-choice-modal[data-mode="package"] .qb-package-pro-price {
  background: linear-gradient(180deg,#173f3a,#143a36) !important;
  border-color: rgba(52,217,174,.12) !important;
}
html[data-theme="dark"] body > .qb-choice-modal[data-mode="package"] .qb-package-benefit,
html[data-theme="dark"] body > .qb-choice-modal[data-mode="package"] .qb-package-ai,
body.theme-dark > .qb-choice-modal[data-mode="package"] .qb-package-benefit,
body.theme-dark > .qb-choice-modal[data-mode="package"] .qb-package-ai {
  background:#142239 !important;
  border-color:#30435e !important;
}

/* Mobile/tablet polish: preserve V252 one-screen matrix. */
@media (max-width:820px) {
  body > .qb-choice-modal > .qb-choice-panel {
    border-radius: 18px !important;
    padding: 7px !important;
  }
  body > .qb-choice-modal .qb-choice-head {
    padding-bottom: 5px !important;
    margin-bottom: 4px !important;
  }
  body > .qb-choice-modal .qb-choice-head h3 {
    font-size: 17px !important;
    line-height: 1.06 !important;
  }
  body > .qb-choice-modal .qb-choice-close {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 11px !important;
  }
  body > .qb-choice-modal[data-mode="platform"] .qb-choice-grid[data-qb-platform-grid],
  body > .qb-choice-modal[data-mode="service"] .qb-choice-grid[data-qb-service-grid] {
    gap: 7px !important;
    padding: 3px 2px 5px !important;
  }
  body > .qb-choice-modal[data-mode="platform"] .qb-choice-card,
  body > .qb-choice-modal[data-mode="service"] .qb-choice-card {
    border-radius: 14px !important;
    min-height: 84px !important;
  }
  body > .qb-choice-modal[data-mode="package"] .qb-package-group-tabs {
    gap: 4px !important;
    margin: 3px 0 4px !important;
  }
  body > .qb-choice-modal[data-mode="package"] .qb-package-tier-card {
    border-radius: 10px !important;
  }
  body > .qb-choice-modal[data-mode="package"] .qb-package-choice-grid {
    gap: 3px !important;
  }
  body > .qb-choice-modal[data-mode="package"] .qb-package-pro-card {
    border-radius: 8px !important;
    padding: 3px 2px !important;
  }
  body > .qb-choice-modal[data-mode="package"] .qb-package-pro-copy strong {
    font-size: 10px !important;
    line-height: 1.02 !important;
  }
  body > .qb-choice-modal[data-mode="package"] .qb-package-pro-price {
    border-radius: 7px !important;
    min-height: 30px !important;
  }
  body > .qb-choice-modal[data-mode="package"] .qb-package-choice-footer {
    gap: 3px !important;
    padding-top: 3px !important;
  }
  body > .qb-choice-modal[data-mode="package"] .qb-package-benefits {
    gap: 3px !important;
    margin-top: 3px !important;
  }
  body > .qb-choice-modal[data-mode="package"] .qb-package-benefit {
    border-radius: 6px !important;
  }
  body > .qb-choice-modal[data-mode="package"] .qb-package-ai {
    border-radius: 7px !important;
    margin-top: 3px !important;
  }
  body > .qb-choice-modal[data-mode="package"] .qb-package-ai-providers button {
    border-radius: 5px !important;
    font-size: 6px !important;
  }
}

/* Very narrow phones: keep breathing room without changing the 4-column package matrix. */
@media (max-width:390px) {
  body > .qb-choice-modal[data-mode="package"] > .qb-choice-panel { padding: 5px !important; }
  body > .qb-choice-modal[data-mode="package"] .qb-choice-head h3 { font-size: 16px !important; }
  body > .qb-choice-modal[data-mode="package"] .qb-package-pro-copy strong { font-size: 9px !important; }
  body > .qb-choice-modal[data-mode="package"] .qb-package-pro-price b { font-size: 7.5px !important; }
  body > .qb-choice-modal[data-mode="package"] .qb-package-footer-apply { font-size: 7px !important; }
}