/* ============================================================
   RuniverseHub UI-SYSTEM-1.4D · Team Blue Accent Unification
   Alcance: capa visual de color para Team Hub y Team Public.
   Objetivo: mantener estructura existente y sacar predominio verde/violeta
   para diferenciar Team de Organizer y Admin. No cambia lógica funcional.
   ============================================================ */

:root {
  --rh-team-accent: #3b82f6;
  --rh-team-accent-2: #38bdf8;
  --rh-team-accent-3: #7dd3fc;
  --rh-team-accent-soft: rgba(59, 130, 246, .12);
  --rh-team-accent-soft-2: rgba(56, 189, 248, .10);
  --rh-team-accent-border: rgba(125, 211, 252, .24);
  --rh-team-accent-border-strong: rgba(59, 130, 246, .46);
  --rh-team-accent-shadow: rgba(59, 130, 246, .20);
  --rh-team-accent-shadow-2: rgba(56, 189, 248, .16);
  --rh-team-accent-fg: #03111f;
}

body.rh-team-hub-body,
body.rh-team-public-page,
.rh-team-page {
  --rh-team-green: var(--rh-team-accent);
  --rh-team-blue: var(--rh-team-accent-2);
  --rh-green: var(--rh-team-accent);
  --rh-blue: var(--rh-team-accent-2);
  --rh-team-border: var(--rh-team-accent-border);
  --rh-border: var(--rh-team-accent-border);
}

body.rh-team-hub-body {
  background:
    radial-gradient(circle at 12% 0%, rgba(59, 130, 246, .16), transparent 34%),
    radial-gradient(circle at 88% 10%, rgba(56, 189, 248, .14), transparent 32%),
    linear-gradient(180deg, var(--rh-team-bg), var(--rh-team-bg2)) !important;
}

body.rh-team-public-page {
  background:
    radial-gradient(circle at 12% 0%, rgba(59, 130, 246, .15), transparent 34%),
    radial-gradient(circle at 88% 10%, rgba(56, 189, 248, .14), transparent 32%),
    linear-gradient(180deg, var(--rh-bg), var(--rh-bg2)) !important;
}

.rh-team-page {
  background:
    radial-gradient(circle at 20% 0, rgba(59, 130, 246, .18), transparent 32%),
    radial-gradient(circle at 90% 10%, rgba(56, 189, 248, .10), transparent 30%),
    #080c12 !important;
}

/* Marca, botones y acciones principales */
.rh-team-brand > span,
.rh-team-mobile-mark,
.rh-team-actions-stack a,
.rh-team-form-actions button,
.rh-team-btn,
.rh-team-topbar-actions .is-primary,
.rh-team-public-actions a.is-primary,
.rh-team-public-empty a:first-of-type {
  background: linear-gradient(135deg, var(--rh-team-accent), var(--rh-team-accent-2)) !important;
  color: var(--rh-team-accent-fg) !important;
  box-shadow: 0 14px 34px var(--rh-team-accent-shadow) !important;
}

.rh-team-actions-stack a.is-ghost,
.rh-team-form-actions a,
.rh-team-btn--ghost,
.rh-team-public-actions a,
.rh-team-public-empty a {
  background: rgba(255,255,255,.055) !important;
  color: #eaf6ff !important;
  border-color: rgba(125, 211, 252, .20) !important;
  box-shadow: none !important;
}

.rh-team-brand strong span,
.rh-team-mobile-head strong span,
.rh-team-eyebrow,
.rh-team-kicker,
.rh-team-roadmap-list b,
.rh-team-public-eyebrow,
.rh-team-public-kicker,
.rh-team-public-ecosystem-card span,
.rh-team-public-ranking-score strong,
.rh-team-public-commercial-score strong,
.rh-team-public-badges-head strong,
.rh-team-public-badge-item > span,
.rh-team-public-funnel b,
.rh-team-public-channel span {
  color: var(--rh-team-accent) !important;
}

/* Cards, paneles y bloques */
.rh-team-hub-topbar,
.rh-team-alert,
.rh-team-hero,
.rh-team-hero-side,
.rh-team-stat-grid article,
.rh-team-card,
.rh-team-geo-box,
.rh-team-public-hero,
.rh-team-public-card,
.rh-team-public-ecosystem-card,
.rh-team-public-organizer-card,
.rh-team-public-channel,
.rh-team-public-badge-item,
.rh-team-public-funnel span,
.rh-team-form,
.rh-team-list-item,
.rh-team-roadmap-list span,
.rh-team-detected-grid span {
  border-color: rgba(147, 197, 253, .16) !important;
}

.rh-team-hero,
.rh-team-public-hero {
  background: linear-gradient(135deg, rgba(59,130,246,.12), rgba(56,189,248,.075)), var(--rh-team-card, var(--rh-card)) !important;
}

.rh-team-card::before,
.rh-team-stat-grid article::before,
.rh-team-public-card::before,
.rh-team-public-ecosystem-card::before {
  background: linear-gradient(90deg, var(--rh-team-accent), var(--rh-team-accent-2)) !important;
}

.rh-team-avatar,
.rh-team-public-avatar,
.rh-team-public-organizer-card > span {
  border-color: rgba(147, 197, 253, .28) !important;
  background: linear-gradient(135deg, rgba(59,130,246,.24), rgba(56,189,248,.14)) !important;
  box-shadow: 0 0 42px rgba(59,130,246,.14) !important;
}

.rh-team-kicker,
.rh-team-public-eyebrow,
.rh-team-public-kicker,
.rh-team-public-ranking-drivers span,
.rh-team-public-ranking-rules span {
  background: rgba(59,130,246,.09) !important;
  border-color: rgba(125,211,252,.20) !important;
}

.rh-team-hero:before,
.rh-team-public-orb.is-a {
  background: radial-gradient(circle, rgba(59,130,246,.22), transparent 68%) !important;
}

.rh-team-hero:after,
.rh-team-public-orb.is-b {
  background: radial-gradient(circle, rgba(56,189,248,.18), transparent 70%) !important;
}

.rh-team-meter,
.rh-team-public-badges-meter {
  border-color: rgba(125,211,252,.17) !important;
}

.rh-team-meter i,
.rh-team-public-badges-meter i,
.rh-team-public-badge-item i {
  background: linear-gradient(90deg, var(--rh-team-accent), var(--rh-team-accent-2)) !important;
  box-shadow: 0 0 24px var(--rh-team-accent-shadow) !important;
}

/* Formularios */
.rh-team-form input,
.rh-team-form textarea,
.rh-team-form select,
.rh-team-field input,
.rh-team-field textarea,
.rh-team-field select {
  border-color: rgba(125,211,252,.20) !important;
}

.rh-team-form input:focus,
.rh-team-form textarea:focus,
.rh-team-form select:focus,
.rh-team-field input:focus,
.rh-team-field textarea:focus,
.rh-team-field select:focus {
  border-color: rgba(59,130,246,.58) !important;
  box-shadow: 0 0 0 4px rgba(59,130,246,.11) !important;
}

/* Sidebar y menú mobile Team: misma estructura, nueva nota cromática */
.rh-team-sidebar,
.rh-team-mobile-drawer,
.rh-team-mobile-toggle {
  --rui-nav-accent: var(--rh-team-accent) !important;
  --rui-nav-accent-2: var(--rh-team-accent-2) !important;
  --rui-nav-fg: var(--rh-team-accent-fg) !important;
}

.rh-team-sidebar-avatar,
.rh-team-sidebar-link.is-active .rh-team-sidebar-icon,
.rh-team-mobile-toggle {
  background: linear-gradient(135deg, var(--rh-team-accent), var(--rh-team-accent-2)) !important;
  color: var(--rh-team-accent-fg) !important;
}

.rh-team-sidebar-status,
.rh-team-sidebar-kicker,
.rh-team-sidebar-card.is-soft strong {
  color: var(--rh-team-accent) !important;
}

.rh-team-sidebar-link:hover,
.rh-team-sidebar-link.is-active {
  border-color: rgba(125,211,252,.26) !important;
}

/* Mantener verde solo como estado OK, no como identidad Team */
.rh-team-alert.is-ok,
.rh-team-alert--ok {
  border-color: rgba(34,197,94,.28) !important;
  background: rgba(20,83,45,.18) !important;
}


/* Refuerzo 1.4D blue fix: limpiar restos verdes del Team base sin tocar estados OK. */
body.rh-team-hub-body,
body.rh-team-public-page,
.rh-team-page {
  --rh-team-green: var(--rh-team-accent) !important;
  --rh-team-blue: var(--rh-team-accent-2) !important;
  --rh-green: var(--rh-team-accent) !important;
  --rh-blue: var(--rh-team-accent-2) !important;
  --rh-team-border: rgba(125,211,252,.22) !important;
  --rh-border: rgba(125,211,252,.22) !important;
}

.rh-team-pill,
.rh-team-hero-tags span,
.rh-team-public-badges span,
.rh-team-public-status-pill,
.rh-team-public-premium-strip span,
.rh-team-public-section-head span,
.rh-team-public-empty span,
.rh-team-public-benefits span:before,
.rh-team-pro-table th,
.rh-team-evidence-match span,
.rh-team-mobile-body .rh-team-sidebar-kicker,
.rh-team-mobile-body .rh-team-sidebar-icon svg {
  color: var(--rh-team-accent-3) !important;
}

.rh-team-progress i,
.rh-team-mini-bar i,
.rh-team-public-meter i,
.rh-team-public-badges-meter i,
.rh-team-actions-stack button,
.rh-team-table-actions button:not(.is-danger),
.rh-team-request-actions button:not(.is-danger),
.rh-team-inline-form button,
.rh-team-public-btn,
.rh-team-public-empty a,
.rh-team-evidence-pill-row em,
.rh-team-ranking-actions a:hover,
.rh-team-mobile-body .rh-team-sidebar-link em {
  background: linear-gradient(90deg, var(--rh-team-accent), var(--rh-team-accent-2)) !important;
  color: var(--rh-team-accent-fg) !important;
  box-shadow: 0 0 24px rgba(59,130,246,.18) !important;
}

.rh-team-section-head > a,
.rh-team-ranking-actions a,
.rh-team-public-premium-strip article,
.rh-team-public-card.is-dna,
.rh-team-evidence-match,
.rh-team-mobile-body .rh-team-sidebar-card,
.rh-team-mobile-body .rh-team-sidebar-link.is-active {
  border-color: rgba(125,211,252,.22) !important;
  background: linear-gradient(135deg, rgba(59,130,246,.105), rgba(56,189,248,.06)) !important;
  box-shadow: 0 14px 38px rgba(3,7,18,.22) !important;
}

.rh-team-public-event:hover,
.rh-team-ranking-actions a:hover {
  border-color: rgba(56,189,248,.36) !important;
}

.rh-team-public-copy-ok {
  border-color: rgba(125,211,252,.24) !important;
}