/*
 * IESYS Labs — Aurora V2.3
 * SELECT PRIORITY + UNIFIED PREMIUM PANELS
 * Loaded after aurora-immersive-v2-2.css.
 */

/* ===============================================================
   Shared premium panel language
   =============================================================== */

:root {
  --iesys-panel-dark: #0b0f17;
  --iesys-panel-dark-2: #111522;
  --iesys-panel-blue: rgba(56, 126, 239, .16);
  --iesys-panel-violet: rgba(147, 113, 255, .14);
  --iesys-panel-gold: rgba(216, 184, 103, .11);
  --iesys-panel-line: rgba(156, 180, 216, .18);
  --iesys-panel-line-gold: rgba(216, 184, 103, .27);
  --iesys-panel-text: #f5f7fb;
  --iesys-panel-muted: #aeb9c8;
}

/*
 * The major commercial/product panels intentionally share the same dark
 * premium language in BOTH public themes. The surrounding page changes
 * light/dark, but flagship content stays visually consistent.
 */
html[data-theme] .product-showcase,
html[data-theme] .select-shell {
  color: var(--iesys-panel-text) !important;
  border: 1px solid var(--iesys-panel-line) !important;
  background:
    radial-gradient(circle at 82% 12%, var(--iesys-panel-violet), transparent 23rem),
    radial-gradient(circle at 10% 88%, var(--iesys-panel-gold), transparent 24rem),
    radial-gradient(circle at 54% 40%, rgba(56,126,239,.055), transparent 32rem),
    linear-gradient(145deg, var(--iesys-panel-dark-2), var(--iesys-panel-dark)) !important;
  box-shadow:
    0 28px 86px rgba(0,0,0,.28),
    inset 0 1px rgba(255,255,255,.035) !important;
}

html[data-theme="light"] .product-showcase,
html[data-theme="light"] .select-shell {
  box-shadow:
    0 30px 82px rgba(17, 32, 54, .16),
    inset 0 1px rgba(255,255,255,.04) !important;
}

/* Keep all flagship product cards in the same family. */
html[data-theme] .product-showcase.marketflow,
html[data-theme] .product-showcase.ai,
html[data-theme] .product-showcase.jarvis,
html[data-theme] .product-showcase.edife {
  background:
    radial-gradient(circle at 82% 12%, var(--iesys-panel-violet), transparent 23rem),
    radial-gradient(circle at 10% 88%, var(--iesys-panel-gold), transparent 24rem),
    radial-gradient(circle at 54% 40%, rgba(56,126,239,.055), transparent 32rem),
    linear-gradient(145deg, var(--iesys-panel-dark-2), var(--iesys-panel-dark)) !important;
}

/* Typography inside unified panels */
html[data-theme] .product-showcase :where(h2,h3,h4,strong),
html[data-theme] .select-shell :where(h2,h3,h4,strong) {
  color: var(--iesys-panel-text) !important;
}

html[data-theme] .product-showcase :where(p,.status),
html[data-theme] .select-shell :where(p) {
  color: var(--iesys-panel-muted) !important;
}

/* Product-specific accent remains in icons/chips only, not backgrounds. */
html[data-theme] .product-showcase .symbol {
  background: rgba(255,255,255,.025) !important;
  border-color: rgba(var(--accent-rgb), .34) !important;
}

html[data-theme] .product-showcase .status {
  background: rgba(255,255,255,.035) !important;
  border-color: rgba(255,255,255,.105) !important;
}

html[data-theme] .product-points li {
  color: #d7e0eb !important;
  background: rgba(var(--accent-rgb), .07) !important;
  border-color: rgba(var(--accent-rgb), .22) !important;
}

/* MarketFlow operational console and Select system: same internal tone */
html[data-theme] .flow-console,
html[data-theme] .select-system {
  border: 1px solid var(--iesys-panel-line-gold) !important;
  background:
    radial-gradient(circle at 88% 16%, rgba(147,113,255,.16), transparent 14rem),
    linear-gradient(145deg, rgba(8,11,18,.96), rgba(22,20,32,.92)) !important;
  box-shadow:
    0 24px 72px rgba(0,0,0,.32),
    inset 0 1px rgba(255,255,255,.045) !important;
}

html[data-theme] .flow-score {
  border-color: rgba(130,181,255,.19) !important;
  background:
    radial-gradient(circle at 88% 18%, rgba(147,113,255,.20), transparent 9rem),
    rgba(255,255,255,.025) !important;
}

html[data-theme] .select-system {
  color: #f7f9fc !important;
}

html[data-theme] .select-system::before {
  opacity: .27 !important;
}

html[data-theme] .select-brand {
  color: #f7f3e9 !important;
}

html[data-theme] .select-copy span {
  color: #aeb9c8 !important;
}

html[data-theme] .select-copy p {
  color: #b4bfcd !important;
}

/* Select is now a major marketing chapter immediately after Hero. */
.select-section.iesys-select-priority {
  padding-top: 34px !important;
  padding-bottom: 62px;
}

.select-section.iesys-select-priority .container {
  position: relative;
}

.select-section.iesys-select-priority .container::before {
  content: "IESYS SELECT / POWERED BY MARKETFLOW";
  display: block;
  margin: 0 0 18px;
  color: #5276a9;
  font-size: .67rem;
  font-weight: 850;
  letter-spacing: .16em;
  text-transform: uppercase;
}

html[data-theme="dark"] .select-section.iesys-select-priority .container::before {
  color: #8fa9cb;
}

/* Stronger hero-to-Select handoff */
.hero + .select-section.iesys-select-priority {
  margin-top: -24px;
}

.select-section.iesys-select-priority .select-shell {
  min-height: 500px;
}

/* Select category row gets same panel line language */
html[data-theme] .select-categories {
  border-top-color: var(--iesys-panel-line) !important;
  border-left-color: var(--iesys-panel-line) !important;
}

html[data-theme] .select-categories a {
  color: #edf2f8 !important;
  border-right-color: var(--iesys-panel-line) !important;
  border-bottom-color: var(--iesys-panel-line) !important;
  background: rgba(255,255,255,.015);
}

html[data-theme] .select-categories a:hover {
  background: rgba(56,126,239,.08) !important;
}

/* ===============================================================
   Commercial continuity strip
   =============================================================== */

.iesys-select-priority::after {
  content: "";
  display: block;
  width: min(1180px, calc(100% - 36px));
  height: 1px;
  margin: 66px auto 0;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(56,126,239,.28),
      rgba(147,113,255,.22),
      rgba(216,184,103,.22),
      transparent
    );
}

/* ===============================================================
   Mobile
   =============================================================== */

@media (max-width: 980px) {
  .select-section.iesys-select-priority {
    padding-top: 18px !important;
  }

  .hero + .select-section.iesys-select-priority {
    margin-top: -10px;
  }
}

@media (max-width: 620px) {
  .select-section.iesys-select-priority .container::before {
    margin-bottom: 12px;
    font-size: .59rem;
  }

  .select-section.iesys-select-priority .select-shell {
    min-height: auto;
  }
}