/* One interface vocabulary across hosting, discovery and creator workspaces. */
:root {
  --ui-font: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ui-bg: #08080a;
  --ui-panel: #141417;
  --ui-raised: #202026;
  --ui-line: #303036;
  --ui-control-line: #555560;
  --ui-text: #f4f4f6;
  --ui-muted: #b1b1be;
  --ui-accent: #ffd23f;
  --ui-radius: 6px;
  --ui-menu-size: 14px;
  --ui-control-size: 14px;
}
body.approved-site,
body:has(.app),
.marketplace-private {
  --f: var(--ui-font);
  --sans: var(--ui-font);
  font-family: var(--ui-font);
}
body.approved-site :is(.site-nav nav a, .login, .landing-menu summary),
.app :is(.nv a, .nv summary, .nv-row, .workspace-tabs a, .portal-menu summary),
.marketplace-private
  :is(.mp-tabs a, .creator-section-nav a, .creator-help-links a, .creator-header-actions > a) {
  font-family: var(--ui-font);
  font-size: var(--ui-menu-size);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.4;
}
.app .wm,
body.approved-site .brand {
  font-family: var(--ui-font);
  font-weight: 800;
  letter-spacing: -0.025em;
}
body.approved-site :is(.button, .btn),
.app .btn,
.app .marketplace-private .btn {
  font-family: var(--ui-font);
  font-size: var(--ui-control-size);
  font-weight: 700;
  line-height: 1.2;
  min-height: 44px;
  border-radius: var(--ui-radius);
}
body.approved-site :is(.primary, .btn-p),
.app .btn-p,
.app .marketplace-private .btn-p {
  background: var(--ui-accent);
  border-color: var(--ui-accent);
  color: #17130a;
}
.app .btn-sm {
  min-height: 34px;
  font-size: 13px;
}
.app
  .marketplace-private
  :is(input:not([type='hidden'], [type='checkbox'], [type='radio']), select, textarea) {
  font-family: var(--ui-font);
  font-size: 15px;
  border-color: var(--ui-control-line);
  border-radius: var(--ui-radius);
  background: var(--ui-bg);
  color: var(--ui-text);
}
.app
  .marketplace-private
  :is(input:not([type='hidden'], [type='checkbox'], [type='radio']), select) {
  min-height: 44px;
}
.app .marketplace-private label {
  font-family: var(--ui-font);
  font-size: 13px;
  font-weight: 500;
}
.app .marketplace-private .mp-page-head h1 {
  font-family: var(--ui-font);
  font-size: 34px;
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.04em;
}
.app .marketplace-private .mp-page-content {
  font-size: 15px;
}
.app .marketplace-private :is(h2, h3) {
  font-family: var(--ui-font);
  letter-spacing: -0.025em;
}
.app .marketplace-private .creator-dashboard h2 {
  font-size: 22px;
  font-weight: 750;
}
.app .marketplace-private .creator-dashboard :is(.creator-bot-name, td) {
  font-size: 14px;
}
.app .marketplace-private .creator-dashboard :is(.creator-footnote, .creator-feedback) {
  font-size: 13px;
}
.app .marketplace-private .creator-dashboard thead th {
  font-size: 13px;
  font-weight: 600;
}
.app .marketplace-private .creator-dashboard .creator-listings > .marketplace-table {
  background: var(--ui-panel);
  border-color: var(--ui-line);
}
.app .marketplace-private .creator-dashboard :is(.creator-report-filters, .creator-report-detail) {
  border-radius: var(--ui-radius);
}
.app .marketplace-private .creator-dashboard .creator-section-nav a[aria-current] {
  color: var(--ui-accent);
}
.app .workspace-tabs a[aria-current],
body.approved-site .site-nav nav a[aria-current] {
  color: var(--ui-accent);
}
.app .marketplace-private .mp-status {
  font-family: var(--ui-font);
  font-size: 12px;
  font-weight: 600;
}
@media (max-width: 760px) {
  .app .btn-sm {
    min-height: 44px;
  }
  .app
    .marketplace-private
    :is(input:not([type='hidden'], [type='checkbox'], [type='radio']), select, textarea) {
    font-size: 16px;
  }
  .app .marketplace-private .mp-page-head h1 {
    font-size: 29px;
  }
}
/* The console remains a dense tool; code and output retain their monospace font. */
.app:has(.workspace-tabs[data-current-tab='console']) .lt .btn {
  min-height: 34px;
  font-size: 12px;
}