/* TradeCovo brand layer for account, auth, admin and scanner pages (loaded after styles.css + app.css) */
:root {
  --bg: #0a0b12;
  --bg-2: #0f111b;
  --surface: #141724;
  --surface-2: #1b1f30;
  --line: rgba(255, 255, 255, 0.08);
  --text: #f2f3f8;
  --muted: #959ab4;
  --yellow: #c5f82a;
  --yellow-2: #2ee6c8;
  --red: #ff5c7a;
  --blue: #5b8cff;
  --purple: #8b5cf6;
  --green: #34d399;
  --font-display: "Space Grotesk", "Inter", system-ui, sans-serif;
}
.logo { font-weight: 700; }
.logo em { color: var(--yellow); }
.btn--primary { background: linear-gradient(135deg, #d4ff3a, #9cf05a); color: #0a0b12; box-shadow: 0 10px 30px -12px rgba(197, 248, 42, .65); }
.btn--primary:hover { box-shadow: 0 16px 40px -12px rgba(197, 248, 42, .8); }
.gradient-text { background: linear-gradient(100deg, #d4ff3a 0%, #2ee6c8 50%, #8b5cf6 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero__glow--a { background: rgba(139, 92, 246, .32); }
.hero__glow--b { background: rgba(46, 230, 200, .18); }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--yellow); box-shadow: 0 0 0 4px rgba(197, 248, 42, .14); }

/* Marketplace links on account/auth pages */
.brand-nav { display: flex; gap: 4px; flex-wrap: wrap; }
.brand-nav a { padding: 8px 12px; border-radius: 999px; color: var(--muted); font-weight: 600; font-size: 14px; }
.brand-nav a:hover { color: var(--text); background: rgba(255, 255, 255, .06); }
.seller-cta { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; padding: 22px 24px; border-radius: 18px; margin-bottom: 22px;
  background: linear-gradient(120deg, rgba(197, 248, 42, .12), rgba(139, 92, 246, .14)); border: 1px solid rgba(197, 248, 42, .25); }
.seller-cta h2 { font-size: 22px; margin-bottom: 4px; }
.seller-cta p { color: var(--muted); }
.seller-cta .dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(52, 211, 153, .2); margin-right: 6px; }
.seller-cta .dot--off { background: #ff9f43; box-shadow: 0 0 0 4px rgba(255, 159, 67, .2); }