/*
 * Targeted visual polish for the six public entry pages:
 * /ddt, /gm2, /money, /temp-redeem, /tutorial, /ldxp-shop.
 * Keep this layer visual-only. Do not change business API contracts here.
 */

body.user-entry-page {
  overflow-x: clip;
}

body.user-entry-page :is(h1, h2, h3, p, a, button, label, strong, span, small, input, select, textarea) {
  letter-spacing: 0 !important;
}

body.user-entry-page .page-shell,
body.user-entry-page .page,
body.user-entry-page .entry-frame,
body.user-entry-page .container {
  box-sizing: border-box;
  min-width: 0 !important;
}

body.user-entry-page .entry-top-nav-shell,
body.user-entry-page .entry-top-nav-brand,
body.user-entry-page .entry-top-nav-copy,
body.user-entry-page .entry-top-nav-links {
  min-width: 0 !important;
}

body.user-entry-page .entry-top-nav-copy strong,
body.user-entry-page .entry-top-nav-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
}

body.user-entry-page :is(.entry-hero, .hero, .title, .shop-hero, .money-dashboard) {
  min-width: 0 !important;
}

body.user-entry-page :is(.hero p, .title p, .entry-hero p, .section-copy, .field-note, .dispatch-field-note, .notice span, .entry-risk-card, .entry-quick-card) {
  overflow-wrap: anywhere;
}

body.user-entry-page :is(input, select, textarea, button, .entry-url-action, .hero-link, .hero-link-secondary, .notice-link, .notice-btn) {
  max-width: 100%;
}

body.user-entry-page .user-flow-map {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  gap: 10px;
  width: 100%;
  margin-top: 14px;
}

body.user-entry-page .user-flow-step {
  position: relative;
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(99, 79, 45, .2);
  border-radius: 12px;
  background: rgba(255, 252, 245, .9);
  color: #1f1a12;
  box-shadow: 0 10px 24px rgba(35, 27, 16, .08);
}

body.user-entry-page .user-flow-step small {
  display: block;
  margin-bottom: 3px;
  color: rgba(58, 45, 28, .68);
  font-size: 11px;
  font-weight: 800;
}

body.user-entry-page .user-flow-step strong {
  display: block;
  color: #17130d;
  font-size: 14px;
  line-height: 1.25;
}

body.user-entry-page .user-flow-step span {
  display: block;
  margin-top: 3px;
  color: rgba(50, 40, 26, .78);
  font-size: 12px;
  line-height: 1.42;
}

body.user-entry-page .user-flow-step:not(:last-child)::after {
  content: "→";
  position: absolute;
  top: 50%;
  right: -10px;
  z-index: 2;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #17130d;
  color: #ffe2a6;
  font-size: 13px;
  font-weight: 900;
  line-height: 20px;
  text-align: center;
  transform: translateY(-50%);
}

body.user-entry-page .user-flow-note {
  margin-top: 10px;
  color: rgba(54, 43, 28, .78);
  font-size: 13px;
  line-height: 1.5;
}

/* GM page: keep the real work area before optional helper and purchase surfaces. */
body.gm2-titanium-surface .gm2-main-workbench {
  grid-auto-flow: row;
}

body.gm2-titanium-surface .gm2-main-workbench > * {
  min-width: 0 !important;
}

@media (min-width: 1181px) {
  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.gm2-titanium-surface .gm2-main-workbench {
    grid-template-columns: minmax(300px, .9fr) minmax(520px, 1.45fr) minmax(260px, .76fr) !important;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.gm2-titanium-surface .gm2-runtime-strip {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.05fr) minmax(0, 1.35fr) minmax(0, 1fr) minmax(92px, auto) !important;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.gm2-titanium-surface .ldxp-shop-ad {
    grid-template-columns: minmax(0, 1fr) minmax(220px, 260px) !important;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.gm2-titanium-surface .gm2-service-column,
  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.gm2-titanium-surface .gm2-wa-tool-dock,
  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.gm2-titanium-surface .grade-tool-launch-row,
  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.gm2-titanium-surface .ldxp-shop-ad-actions {
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

body.gm2-titanium-surface .gm2-console-panel {
  order: 1 !important;
}

body.gm2-titanium-surface .gm2-catalog-panel {
  order: 2 !important;
}

body.gm2-titanium-surface .gm2-console-side {
  order: 3 !important;
}

body.gm2-titanium-surface .gm2-shop-frame,
body.gm2-titanium-surface .gm2-shop-frame iframe {
  display: none !important;
}

body.gm2-titanium-surface .gm2-shop-note {
  border-color: rgba(172, 122, 41, .24) !important;
  color: #4d3415 !important;
  -webkit-text-fill-color: #4d3415 !important;
  background: rgba(255, 248, 232, .9) !important;
}

body.gm2-titanium-surface .gm2-shop-note::before {
  content: "购买预览改为按钮入口，避免第三方页面拦截影响主操作。";
  display: block;
  margin-bottom: 6px;
  color: #6a4210;
  -webkit-text-fill-color: #6a4210;
  font-weight: 850;
}

body.gm2-titanium-surface .gm2-runtime-strip,
body.gm2-titanium-surface .gm2-target-dock,
body.gm2-titanium-surface .gm2-wa-panel {
  max-width: 100%;
}

body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.gm2-titanium-surface #heroSection.gm2-redesign-hero,
body.gm2-titanium-surface #heroSection.gm2-redesign-hero {
  display: grid !important;
}

/* Money page: remove the mobile overflow created by fixed grid columns. */
body.money-wa-theme .money-dashboard,
body.money-wa-theme .money-cockpit-grid,
body.money-wa-theme .money-form-stack,
body.money-wa-theme :is(#envSection, #pointsSection, #materialSection, #blindBoxSection, .money-side-panel, .money-side-rail) {
  max-width: 100% !important;
  min-width: 0 !important;
}

body.money-wa-theme .money-hero-alerts .notice {
  color: #2f261a !important;
  -webkit-text-fill-color: #2f261a !important;
}

body.money-wa-theme.op-entry-redesign.black-gold-entry .money-command-card,
body.money-wa-theme.op-entry-redesign.black-gold-entry sl-card.money-command-card,
body.money-wa-theme .money-command-card,
body.money-wa-theme sl-card.money-command-card {
  display: block !important;
}

body.money-wa-theme .money-form-stack :is(input, select, textarea) {
  color: #fff8e6;
}

/* Tutorial page: force normal horizontal Chinese text in the hero. */
body.tutorial-wa-theme #entryTop :is(.hero-copy, h1, p, .hero-actions, .hero-route) {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: normal !important;
  word-break: keep-all !important;
}

body.tutorial-wa-theme #entryTop h1 {
  overflow-wrap: normal !important;
}

body.tutorial-wa-theme :is(.step, .media, .media-frame) {
  max-width: 100% !important;
  min-width: 0 !important;
}

body.tutorial-wa-theme .media-frame img {
  max-width: 100% !important;
}

body.tutorial-wa-theme .media-point {
  max-width: min(260px, calc(100vw - 72px));
}

/* Download page: keep URLs and client cards from pushing the viewport. */
body.ddt-wa-theme .client-download-stage {
  isolation: isolate;
}

body.ddt-wa-theme .entry-url-section {
  overflow: hidden;
}

body.ddt-wa-theme .ddt-top-flash,
body.ddt-wa-theme .ddt-top-url-section {
  margin: 0 0 clamp(14px, 2.2vw, 22px);
}

body.ddt-wa-theme .ddt-top-url-section {
  background:
    linear-gradient(145deg, rgba(255, 252, 245, .94), rgba(236, 232, 224, .88)) !important;
  color: #1c1d20 !important;
}

body.ddt-wa-theme .entry-url-action {
  min-width: 0 !important;
}

body.ddt-wa-theme .client-platform-url code {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.ddt-wa-theme .card.entry-frame {
  display: flex !important;
  flex-direction: column !important;
}

body.ddt-wa-theme #entryTop {
  order: 1;
}

body.ddt-wa-theme .ddt-content-grid {
  order: 2;
}

body.ddt-wa-theme #entryFlashFallback {
  order: 3;
  margin-top: clamp(14px, 2.2vw, 22px);
}

body.ddt-wa-theme #entryUrlTable {
  order: 4;
}

body.ddt-wa-theme #entryBuyChannel {
  order: 5;
}

/* Temp redeem: keep the token card from competing with the main form on narrow screens. */
body.temp-redeem-wa .hero-token-code,
body.temp-redeem-wa .reward-preview-table {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* Purchase page: reduce overclaiming visuals and keep the iframe as optional. */
body.shop-wa-theme .shop-proof small,
body.shop-wa-theme .shop-flow-list span,
body.shop-wa-theme .shop-warning span {
  color: rgba(60, 48, 34, .78) !important;
  -webkit-text-fill-color: rgba(60, 48, 34, .78) !important;
}

body.shop-wa-theme .shop-preview {
  margin-top: clamp(18px, 3vw, 28px);
}

body.shop-wa-theme .shop-preview-primary {
  color: #1d1d1f !important;
  margin-top: 0 !important;
}

body.shop-wa-theme .shop-preview-primary summary strong {
  color: #1d1d1f !important;
  -webkit-text-fill-color: #1d1d1f !important;
}

body.shop-wa-theme .shop-preview-primary summary span {
  color: #4a4238 !important;
  -webkit-text-fill-color: #4a4238 !important;
}

body.shop-wa-theme .shop-preview-primary .shop-preview-actions span {
  color: rgba(255, 244, 214, .86) !important;
  -webkit-text-fill-color: rgba(255, 244, 214, .86) !important;
}

body.shop-wa-theme .shop-preview-primary .shop-frame-wrap,
body.shop-wa-theme .shop-preview-primary .shop-frame-shell,
body.shop-wa-theme .shop-preview-primary iframe {
  min-height: clamp(720px, 78vh, 1040px) !important;
}

body.shop-wa-theme #shopPreviewDetails:not([open]) .shop-preview-body {
  display: none !important;
}

@media (max-width: 760px) {
  html,
  body.user-entry-page {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  body.user-entry-page .page-shell,
  body.user-entry-page .page,
  body.user-entry-page .entry-frame,
  body.user-entry-page .container,
  body.user-entry-page .card.entry-frame,
  body.user-entry-page .page.entry-frame,
  body.user-entry-page .shop-page.entry-frame,
  body.user-entry-page .tutorial-page.entry-frame,
  body.user-entry-page .gm2-wa-workbench,
  body.user-entry-page .op-c-page-shell {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
  }

  body.user-entry-page .page-shell {
    padding-inline: 8px !important;
  }

  body.user-entry-page .page {
    padding-inline: 0 !important;
  }

  body.user-entry-page .entry-top-nav-mount {
    position: sticky;
    top: calc(env(safe-area-inset-top) + 6px);
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 10px !important;
    padding-inline: 0 !important;
  }

  body.user-entry-page .entry-top-nav-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    min-height: 0 !important;
    gap: 9px !important;
    padding: 10px !important;
    border-radius: 18px !important;
  }

  body.user-entry-page .entry-top-nav-brand {
    width: 100%;
    gap: 9px !important;
  }

  body.user-entry-page .entry-top-nav-mark {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
    font-size: 10px !important;
  }

  body.user-entry-page .entry-top-nav-copy strong {
    font-size: 15px !important;
    line-height: 1.15 !important;
  }

  body.user-entry-page .entry-top-nav-copy small {
    max-width: 100%;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  body.user-entry-page .entry-top-nav-links {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    width: 100%;
    gap: 7px !important;
    overflow: visible !important;
    padding: 0;
    scrollbar-width: none;
  }

  body.user-entry-page .entry-top-nav-links::-webkit-scrollbar {
    display: none;
  }

  body.user-entry-page .entry-top-nav-link {
    flex: 1 1 calc(33.333% - 8px) !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 38px !important;
    gap: 6px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
  }

  body.user-entry-page .entry-top-nav-badge {
    display: none !important;
  }

  body.user-entry-page .entry-top-nav-text {
    max-width: 100%;
    overflow: hidden;
    font-size: 12px !important;
    line-height: 1 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.user-entry-page :is(.entry-hero, .hero, .title, .shop-hero) {
    border-radius: 18px !important;
  }

  body.user-entry-page .user-flow-map {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  body.user-entry-page .user-flow-step:not(:last-child)::after {
    top: auto;
    right: 50%;
    bottom: -13px;
    transform: translateX(50%) rotate(90deg);
  }

  body.user-entry-page :is(h1, .hero h1, .title h1, .shop-hero h1) {
    font-size: clamp(30px, 10vw, 42px) !important;
    line-height: 1.12 !important;
  }

  body.gm2-titanium-surface .gm2-runtime-strip {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 !important;
    overflow: hidden !important;
  }

  body.gm2-titanium-surface .gm2-runtime-cell {
    min-width: 0 !important;
    padding: 9px 10px !important;
  }

  body.gm2-titanium-surface .gm2-runtime-cell:last-child {
    grid-column: 1 / -1;
  }

  body.gm2-titanium-surface .gm2-main-workbench,
  body.gm2-titanium-surface .gm2-console-layout,
  body.gm2-titanium-surface .gm2-target-dock-grid,
  body.gm2-titanium-surface .grid {
    grid-template-columns: 1fr !important;
  }

  body.gm2-titanium-surface .gm2-main-workbench {
    gap: 14px !important;
  }

  body.gm2-titanium-surface .gm2-wa-tool-dock.grade-tool-banner {
    margin-top: 0 !important;
  }

  body.money-wa-theme .money-dashboard,
  body.money-wa-theme .money-cockpit-grid,
  body.money-wa-theme .money-form-stack,
  body.money-wa-theme .dispatch-grid,
  body.money-wa-theme .money-hero-alerts,
  body.money-wa-theme #pointsSection .dispatch-preset-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  body.money-wa-theme .money-dashboard {
    padding: 18px !important;
    border-radius: 18px !important;
  }

  body.money-wa-theme .money-command-card,
  body.money-wa-theme sl-card.money-command-card {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.money-wa-theme :is(.dispatch-field-2, .dispatch-field-4, .dispatch-field-6, .dispatch-field-12) {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
  }

  body.money-wa-theme .inline-controls {
    justify-content: flex-start !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.money-wa-theme .inline-controls .checkbox-wrap {
    flex-wrap: wrap;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.money-wa-theme #pointsSection .dispatch-preset-row > * {
    width: 100% !important;
    grid-column: 1 / -1 !important;
  }

  body.temp-redeem-wa .hero.entry-hero {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.temp-redeem-wa .temp-card-visual {
    min-height: 150px !important;
  }

  body.temp-redeem-wa .hero-token {
    width: 100% !important;
  }

  body.ddt-wa-theme .client-platform-grid,
  body.ddt-wa-theme .ddt-content-grid,
  body.ddt-wa-theme .promo-feature,
  body.ddt-wa-theme .promo-feature-links,
  body.ddt-wa-theme .entry-url-summary {
    grid-template-columns: 1fr !important;
  }

  body.ddt-wa-theme .ddt-side-column {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body.ddt-wa-theme .client-platform-card {
    min-height: 0 !important;
  }

  body.ddt-wa-theme .promo-feature-price {
    grid-template-columns: 1fr !important;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.tutorial-wa-theme #entryTop.hero.entry-hero,
  body.tutorial-wa-theme #entryTop.hero.entry-hero {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    min-height: 0 !important;
    padding: 26px 22px !important;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.tutorial-wa-theme #entryTop .hero-copy,
  body.tutorial-wa-theme #entryTop .hero-copy {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-column: 1 / -1 !important;
    padding-left: 0 !important;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.tutorial-wa-theme #entryTop .hero-emblem,
  body.tutorial-wa-theme #entryTop .hero-emblem {
    display: none !important;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.tutorial-wa-theme #entryTop h1,
  body.tutorial-wa-theme #entryTop h1 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(38px, 13vw, 52px) !important;
    line-height: 1.08 !important;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.tutorial-wa-theme #entryTop .hero-copy > p,
  body.tutorial-wa-theme #entryTop .hero-copy > p {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.tutorial-wa-theme #entryTop .hero-actions,
  body.tutorial-wa-theme #entryTop .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.tutorial-wa-theme #entryTop .hero-link,
  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.tutorial-wa-theme #entryTop .hero-link-secondary,
  body.tutorial-wa-theme #entryTop .hero-link,
  body.tutorial-wa-theme #entryTop .hero-link-secondary {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.tutorial-wa-theme #entryTop .hero-route,
  body.tutorial-wa-theme #entryTop .hero-route {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-column: 1 / -1 !important;
    gap: 10px !important;
  }

  body.user-entry-page.apple-nav-theme.black-gold-entry.op-entry-redesign.tutorial-wa-theme #entryTop .route-node:not(:last-child)::after,
  body.tutorial-wa-theme #entryTop .route-node:not(:last-child)::after {
    display: none !important;
  }

  body.tutorial-wa-theme .step {
    grid-template-columns: 1fr !important;
  }

  body.shop-wa-theme .shop-hero,
  body.shop-wa-theme .shop-main-grid,
  body.shop-wa-theme .shop-next-grid,
  body.shop-wa-theme .shop-proof-row,
  body.shop-wa-theme .shop-domain-row,
  body.shop-wa-theme .shop-actions,
  body.shop-wa-theme .shop-link-copy,
  body.shop-wa-theme .shop-preview-actions,
  body.shop-wa-theme .shop-preview-buttons {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body.shop-wa-theme .shop-visual {
    display: none !important;
  }
}

/* Critical usability fallback for public entry pages.
   This file is loaded after the page themes, so keep selectors scoped and low-specificity. */
body.user-entry-page {
  --public-fallback-bg: #f8f1e6;
  --public-fallback-surface: #fffaf1;
  --public-fallback-text: #241a10;
  --public-fallback-muted: #6f5a43;
  --public-fallback-border: rgba(116, 76, 36, 0.22);
  --public-fallback-brand: #b16c25;
  color: var(--text, var(--public-fallback-text));
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
  background-color: var(--bg-1, var(--public-fallback-bg));
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.user-entry-page *,
body.user-entry-page *::before,
body.user-entry-page *::after {
  box-sizing: border-box;
}

body.user-entry-page :where(img, svg, canvas, video, iframe) {
  max-width: 100%;
  height: auto;
}

body.user-entry-page :where(.page-shell, .page, .entry-frame, .container, main, section, header, footer) {
  max-width: 100%;
  min-width: 0;
}

body.user-entry-page :where(.card, .panel, .notice, .result-card, .entry-panel, .entry-card, .tool-card, .form-card, .hero-card, .shop-card, .shop-panel, .money-command-card, .gm2-card, .ddt-card, .tutorial-card, .temp-card) {
  min-width: 0;
  color: var(--text, var(--public-fallback-text));
  background-color: var(--card, var(--surface, var(--public-fallback-surface)));
  border-color: var(--border, var(--public-fallback-border));
}

body.user-entry-page :where(h1, h2, h3, h4, p, li, label, small, strong, span, code, pre, .muted, .hint, .desc, .description, .summary, .result, .notice-text) {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
}

body.user-entry-page :where(a) {
  color: var(--link, var(--accent, var(--public-fallback-brand)));
  text-underline-offset: 3px;
}

body.user-entry-page :where(input, select, textarea) {
  width: 100%;
  max-width: 100%;
  min-height: 44px;
  color: var(--text, var(--public-fallback-text));
  background-color: var(--field-bg, var(--card, #fffdf8));
  border: 1px solid var(--border, var(--public-fallback-border));
  border-radius: 10px;
  padding: 10px 12px;
  font: inherit;
}

body.user-entry-page :where(textarea) {
  min-height: 96px;
  resize: vertical;
}

body.user-entry-page :where(input::placeholder, textarea::placeholder) {
  color: var(--muted, var(--public-fallback-muted));
  opacity: 0.82;
}

body.user-entry-page :where(button, input[type="button"], input[type="submit"], input[type="reset"], .btn, .button, .hero-link, .hero-link-secondary, .entry-url-action, .notice-link, .copy-btn, .action-btn, .primary-action, a.btn, a.button) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  max-width: 100%;
  min-height: 42px;
  min-width: 0;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid var(--border, var(--public-fallback-border));
  color: inherit;
  font: inherit;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
}

body.user-entry-page :where(button:disabled, input:disabled, select:disabled, textarea:disabled, .disabled, [aria-disabled="true"]) {
  cursor: not-allowed;
  opacity: 0.62;
}

body.user-entry-page :where(table) {
  width: 100%;
  border-collapse: collapse;
}

body.user-entry-page :where(th, td) {
  min-width: 0;
  overflow-wrap: anywhere;
}

body.user-entry-page :where(.table-wrap, .result-table, .list-wrap, .records-wrap) {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

body.user-entry-page :where([hidden]) {
  display: none !important;
}

body.user-entry-page :where(sl-card, sl-alert, sl-details, sl-dialog, sl-tab-group, sl-input, sl-select, sl-textarea) {
  display: block;
  max-width: 100%;
  min-width: 0;
}

body.user-entry-page :where(sl-button, sl-tag, sl-badge) {
  display: inline-flex;
  max-width: 100%;
  vertical-align: middle;
}

body.user-entry-page :where(sl-card)::part(base),
body.user-entry-page :where(sl-alert)::part(base),
body.user-entry-page :where(sl-details)::part(base) {
  color: var(--text, var(--public-fallback-text));
  background-color: var(--card, var(--surface, var(--public-fallback-surface)));
  border-color: var(--border, var(--public-fallback-border));
}

body.user-entry-page :where(sl-button)::part(base) {
  min-height: 42px;
  white-space: normal;
}

body.user-entry-page :where(sl-input, sl-select, sl-textarea)::part(base),
body.user-entry-page :where(sl-input, sl-select, sl-textarea)::part(input),
body.user-entry-page :where(sl-textarea)::part(textarea) {
  color: var(--text, var(--public-fallback-text));
  background-color: var(--field-bg, var(--card, #fffdf8));
  border-color: var(--border, var(--public-fallback-border));
}

body.user-entry-page :where(sl-card:not(:defined), sl-alert:not(:defined), sl-details:not(:defined)) {
  padding: 16px;
  border: 1px solid var(--border, var(--public-fallback-border));
  border-radius: 14px;
  color: var(--text, var(--public-fallback-text));
  background-color: var(--card, var(--surface, var(--public-fallback-surface)));
}

body.user-entry-page :where(sl-button:not(:defined)) {
  min-height: 42px;
  padding: 10px 14px;
  border: 1px solid var(--border, var(--public-fallback-border));
  border-radius: 10px;
  color: #ffffff;
  background-color: var(--accent, var(--public-fallback-brand));
}

body.user-entry-page :where(sl-tag:not(:defined), sl-badge:not(:defined)) {
  padding: 3px 8px;
  border: 1px solid var(--border, var(--public-fallback-border));
  border-radius: 999px;
  color: var(--text, var(--public-fallback-text));
  background-color: rgba(255, 255, 255, 0.72);
}

@media (max-width: 720px) {
  body.user-entry-page {
    min-width: 0;
  }

  body.user-entry-page :where(.page-shell, .page, .entry-frame, .container, main) {
    width: 100%;
  }

  body.user-entry-page :where(.actions, .hero-actions, .button-row, .form-actions, .entry-actions, .shop-actions, .shop-preview-buttons, .download-actions) {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body.user-entry-page :where(button, input[type="button"], input[type="submit"], input[type="reset"], .btn, .button, .hero-link, .hero-link-secondary, .entry-url-action, .notice-link, .copy-btn, .action-btn, .primary-action, a.btn, a.button, sl-button) {
    width: 100%;
  }
}