/* Current standalone routes only. Forms, trading and notification logic remain in their own modules. */
html body[data-bb-standalone-qc] { margin:0!important; padding:0!important; background:#050e19!important; color:#e8f2fa; font-family:Inter,system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif; }
html body[data-bb-standalone-qc] > main { margin:24px auto 48px; }
html body[data-bb-standalone-qc="account-deletion"] > main { width:min(680px,calc(100% - 32px)); }
html body[data-bb-standalone-qc="desktop-notifications"] > main { width:min(640px,calc(100% - 32px)); padding:20px 0 36px; }
html body[data-bb-standalone-qc="membership-offers"] .offer-top { padding:0 0 18px; justify-content:flex-end; }
html body[data-bb-standalone-qc="membership-offers"] .offer-brand { display:none; }
html body[data-bb-standalone-qc="trade-image-preview"] .bb-preview-header { width:min(1440px,calc(100% - 32px)); margin:16px auto; padding:10px 0; border:0; background:transparent; justify-content:flex-end; }
html body[data-bb-standalone-qc="trade-image-preview"] .bb-preview-header .bb-brand { display:none; }
html body[data-bb-standalone-qc="trial-feedback"] > .wrap { width:min(720px,calc(100% - 32px)); margin:24px auto 48px; border:1px solid #294357; border-radius:18px; background:#0c1b2b; color:#e8f2fa; }
html body[data-bb-standalone-qc="trial-feedback"] .hero { background:#102337; }
html body[data-bb-standalone-qc="trial-feedback"] .hero p { color:#adbecb; }
html body[data-bb-standalone-qc="trial-feedback"] .q { border-color:#294357; }
html body[data-bb-standalone-qc="trial-feedback"] .options label,
html body[data-bb-standalone-qc="trial-feedback"] .stars label { background:#14283d; border:1px solid #294357; }
html body[data-bb-standalone-qc="trial-feedback"] .comment { background:#081625; color:#e8f2fa; border-color:#385970; }
html body[data-bb-standalone-qc="trial-feedback"] .btn { background:linear-gradient(135deg,#83e0dd,#e1c76a); color:#0a1926; }
html body[data-bb-standalone-qc="trial-feedback"] .foot { color:#a9bccb; }
html body[data-bb-standalone-qc] a:focus-visible,
html body[data-bb-standalone-qc] button:focus-visible,
html body[data-bb-standalone-qc] input:focus-visible,
html body[data-bb-standalone-qc] textarea:focus-visible,
html body[data-bb-standalone-qc] select:focus-visible { outline:2px solid #76dfe0; outline-offset:3px; }
@media(max-width:480px) {
  html body[data-bb-standalone-qc="trial-feedback"] .body { padding:20px; }
  html body[data-bb-standalone-qc="membership-offers"] .offer-top { align-items:stretch; }
}
