/* DO NOT EDIT — copied from packages/shared/src/storehub/ui/page-shop.css
   by `npm run tokens`. Edit the source there, regenerate, commit both.
   A vitest in packages/shared fails if this file drifts from the source. */
/* Store Hub pages: Shop Profile, Staff & Access, Billing. Copied verbatim to
 * apps/server/public/shared/storehub/page-shop.css by npm run tokens. Class prefix .tdtt-sh-sp-.
 * Tokens only (var(--...)); see storehub.css for the shared kit. */

/* Embedded Organizer Hub editors: the Store Hub owns the frame, so the editor blends in. */
.tdtt-sh-embed .tdtt-oh--embed { padding: 0; background: transparent; }
.tdtt-sh-sp-embed { margin-top: 12px; }

/* Entry-fees table inside the embed: it scrolls sideways inside its card instead of being clipped. */
.tdtt-sh-embed, .tdtt-sh-embed .tdtt-oh--embed, .tdtt-sh-embed .tdtt-oh--embed section { min-width: 0; max-width: 100%; }
.tdtt-sh-embed .tdtt-oh--embed .tdtt-oh-billing__status { margin: 16px 0 8px; }
.tdtt-sh-embed .tdtt-oh--embed .tdtt-oh-ready__list { margin: 8px 0 12px; }
.tdtt-sh-embed .tdtt-oh--embed .tdtt-oh-atablewrap { display: block; width: 100%; max-width: 100%; min-width: 0; overflow-x: auto; margin-top: 14px; }
/* Entry pills never break internally; on a tight row they drop under the tournament name. */
.tdtt-sh-embed .tdtt-oh--embed .tdtt-oh-atable td[data-label="Tournament"] .tdtt-oh-chip { display: block; position: static; float: none; width: fit-content; max-width: 100%; margin: 6px 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* Fee input uses the hub input tokens (no browser-default white box). */
.tdtt-sh-embed .tdtt-oh--embed .tdtt-oh-feeform input[type="text"] { background: var(--input); border: 1px solid var(--surface-2); color: var(--text); border-radius: 8px; padding: 8px 10px; font: inherit; }

@media (min-width: 621px) {
  .tdtt-sh-embed .tdtt-oh--embed .tdtt-oh-atable th,
  .tdtt-sh-embed .tdtt-oh--embed .tdtt-oh-atable td { overflow-wrap: break-word; word-break: normal; padding-right: 14px; }
  .tdtt-sh-embed .tdtt-oh--embed .tdtt-oh-atable td[data-label="Tournament"] { min-width: 170px; }
  .tdtt-sh-embed .tdtt-oh--embed .tdtt-oh-atable td[data-label="Status"],
  .tdtt-sh-embed .tdtt-oh--embed .tdtt-oh-atable td[data-label="Fee"] { white-space: nowrap; min-width: 72px; }
  .tdtt-sh-embed .tdtt-oh--embed .tdtt-oh-atable td[data-label="Players"] { min-width: 110px; }
  .tdtt-sh-embed .tdtt-oh--embed .tdtt-oh-atable td[data-label="Set fee"] { min-width: 230px; }
  .tdtt-sh-embed .tdtt-oh--embed .tdtt-oh-feeform input[type="text"] { width: 96px; min-width: 96px; }
  .tdtt-sh-embed .tdtt-oh--embed .tdtt-oh-feeform .tdtt-btn { white-space: nowrap; flex: none; }
}

/* Store Pro tab: card-expiry line and the Extra screens add-on card above the embedded section. */
.tdtt-sh-sp-extra { margin-top: 12px; display: grid; gap: 12px; min-width: 0; }
.tdtt-sh-sp-extra:empty { display: none; }
.tdtt-sh-sp-cardline { margin: 0; padding: 10px 14px; border: 1px solid var(--gold); border-radius: 10px; background: var(--input); color: var(--text); font-weight: 600; }
.tdtt-sh-sp-extra-card p { margin: 6px 0; }
.tdtt-sh-sp-extra-card { scroll-margin-top: 16px; }

/* Horizontal-scroll cue for wide embedded tables (set by page-shop.js only when the table overflows).
 * Solid colours only: no alpha mixes, so it also holds up on /m. */
.tdtt-sh-sp-cue { margin: 14px 0 -8px; text-align: right; color: var(--cyan); font-size: 12px; font-weight: 600; letter-spacing: 0.04em; }
.tdtt-sh-embed .tdtt-oh--embed .tdtt-oh-atablewrap.tdtt-sh-sp-over { border-right: 3px solid var(--cyan); padding-right: 2px; }