/* Extracted from ecosystem_market.css — B2C showcase + B2B supplier cards. */
/* Extracted from ecosystem.css — B2C showcase. */
/* --- from ecosystem.css L2578-2728 --- */
/* B2C showcase now belongs to Marketplace. */
.mk-storefront-section {
  border-color: color-mix(in srgb, var(--tg-theme-button-color, #3390ec) 20%, var(--ui-border));
  background:
    linear-gradient(135deg, var(--ui-accent-soft), transparent 42%),
    var(--ui-surface-raised);
}

.mk-count.is-ok {
  color: var(--pos, #1a8d3e);
  background: color-mix(in srgb, var(--pos, #1a8d3e) 11%, transparent);
}

.mk-count.is-warn {
  color: #9a6200;
  background: color-mix(in srgb, #d98a00 12%, transparent);
}

.sf-workspace {
  min-width: 0;
}

.sf-status-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px 10px;
  margin-bottom: 8px;
  padding: 7px 8px;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-xs);
  background: var(--ui-surface-muted);
}

.sf-status-strip > .ecosystem-field-row,
.sf-status-strip > .ui-actions {
  margin: 0;
  min-width: 0;
}

.sf-status-strip .ecosystem-field-row {
  align-items: center;
  flex: 1 1 180px;
}

.sf-status-strip .ui-actions {
  flex: 1 1 200px;
}

.sf-status-strip .ecosystem-field-row > label {
  flex: 0 0 auto;
  min-width: 0;
}

.sf-status-strip .ecosystem-field-row > button {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
}

.sf-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: 8px;
}

.sf-profile-card,
.sf-price-card {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-sm);
  background: var(--tg-theme-bg-color, #fff);
}

.sf-profile-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
}

.sf-profile-grid .ecosystem-field-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3px;
  margin: 0;
}

.sf-profile-grid .ecosystem-field-row:nth-last-child(-n + 2) {
  grid-column: 1 / -1;
}

.sf-profile-grid :is(input, select, textarea) {
  width: 100%;
  max-width: none;
}

.sf-sync-state {
  margin-bottom: 7px;
  padding: 7px 8px;
  border-radius: var(--ui-radius-xs);
  color: var(--tg-theme-hint-color, #68717d);
  background: var(--ui-surface-muted);
  font-size: 11px;
  line-height: 1.35;
}

.sf-sync-state.is-stale {
  color: #9a6200;
  border-left: 3px solid #d98a00;
}

.sf-price-list {
  display: grid;
  gap: 5px;
}

.sf-price-row {
  display: grid;
  grid-template-columns: minmax(90px, 1fr) minmax(130px, auto) auto;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 6px 7px;
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-xs);
}

.sf-price-row > div {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}

.sf-price-row > span {
  color: var(--tg-theme-hint-color, #68717d);
  font-variant-numeric: tabular-nums;
}

.sf-price-row .ui-action {
  min-height: 32px;
  padding: 5px 8px;
}

.sf-price-form .ecosystem-field-row {
  display: grid;
  grid-template-columns: minmax(90px, 120px) minmax(0, 1fr);
  align-items: center;
}

@media (max-width: 760px) {
  .sf-content-grid,
  .sf-profile-grid {
    grid-template-columns: 1fr;
  }

  .sf-price-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .sf-price-row .ui-action {
    width: 100%;
  }
}

/* Extracted from ecosystem.css — B2B supplier cards. */
 /* §23 B2B supplier cards */
    .b2b-badge { font-size:11px; padding:1px 7px; border-radius:8px;
        background:var(--tg-theme-secondary-bg-color,#eef); color:var(--tg-theme-hint-color,#667); }
    .b2b-from { font-size:12px; color:var(--tg-theme-hint-color,#888); }
    .b2b-stale { color:var(--neg,#d11); font-weight:600; }
    .b2b-code { font-family:monospace; font-size:15px; letter-spacing:1px; user-select:all;
        background:var(--tg-theme-secondary-bg-color,#f1f1f1); padding:2px 8px; border-radius:6px; }
    .b2b-pend { display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin:4px 0;
        font-size:13px; }
    .b2b-svc td { font-size:12.5px; }