/* Stock/MF Intelligence view: dashboard table with sparklines and momentum
   stages. Light theme, Wright branding (purple/pink accents). */

.intel-page .intel-accent { color: var(--text-link-purple, #5B3FB8); }

/* Momentum stage badge */
.intel-page .intel-stage {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 999px;
  font-family: "IBM Plex Mono", monospace;
  font-size: .62rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
}

.intel-page .intel-stage--accelerating { background: #ECFDF3; color: #067647; border: 1px solid #ABEFC6; }
.intel-page .intel-stage--early        { background: #FFFAEB; color: #B54708; border: 1px solid #FEDF89; }
.intel-page .intel-stage--mature       { background: #EFF8FF; color: #175CD3; border: 1px solid #B2DDFF; }
.intel-page .intel-stage--cooling      { background: #FFF4ED; color: #B93815; border: 1px solid #F9DBAF; }
.intel-page .intel-stage--deteriorating{ background: #FEF3F2; color: #B42318; border: 1px solid #FECDCA; }

/* Sparkline */
.intel-page .intel-spark {
  display: block;
  width: 150px;
  height: 36px;
}

.intel-page .intel-spark polyline { stroke-width: 1.8; }
.intel-page .intel-spark polygon { opacity: .1; }
.intel-page .intel-spark--up polyline { stroke: #12B76A; }
.intel-page .intel-spark--up polygon, .intel-page .intel-spark--up circle { fill: #12B76A; }
.intel-page .intel-spark--down polyline { stroke: #F04438; }
.intel-page .intel-spark--down polygon, .intel-page .intel-spark--down circle { fill: #F04438; }

/* Return chips */
.intel-page .intel-ret {
  padding: 3px 8px;
  border-radius: 6px;
  font-family: "IBM Plex Mono", monospace;
  font-size: .72rem;
  font-weight: 600;
  white-space: nowrap;
}

.intel-page .intel-ret.is-up { background: #ECFDF3; color: #067647; }
.intel-page .intel-ret.is-down { background: #FEF3F2; color: #B42318; }

/* Neutralise the legacy card-grid layout (market-dashboard.css) so the
   table spans the full row. */
.intel-page #sectorList,
.intel-page #mfSectorList {
  display: block !important;
  width: 100%;
}

.intel-page .sector-dashboards { display: block !important; }
.intel-page .sector-dashboards .tab-content,
.intel-page .sector-dashboards .tab-pane,
.intel-page .sector-dashboards .container-fluid {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/* Dashboard table */
.intel-page .intel-table-wrap {
  overflow-x: auto;
  background: #fff;
  border: 1px solid #E4E7EC;
  border-radius: 12px;
  margin-bottom: var(--space-6, 2rem);
}

.intel-page .intel-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 640px;
}

.intel-page .intel-table thead th {
  padding: 12px 16px;
  text-align: left;
  font-family: "IBM Plex Mono", monospace;
  font-size: .65rem;
  font-weight: 600;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: #667085;
  background: #F9FAFB;
  border-bottom: 1px solid #E4E7EC;
  white-space: nowrap;
}

.intel-page .intel-table thead th.num { text-align: right; }

.intel-page .intel-table tbody tr {
  cursor: pointer;
  transition: background .12s ease;
}

.intel-page .intel-table tbody tr:hover { background: #F9FAFB; }

.intel-page .intel-table tbody tr + tr td { border-top: 1px solid #EAECF0; }

.intel-page .intel-table td {
  padding: 12px 16px;
  vertical-align: middle;
}

.intel-page .intel-td-index {
  font-family: "IBM Plex Mono", monospace;
  font-size: .72rem;
  font-weight: 600;
  color: #98A2B3;
  width: 44px;
}

/* Stage accent on the row edge */
.intel-page .intel-table td:first-child { border-left: 3px solid transparent; }
.intel-page .intel-row--accelerating td:first-child { border-left-color: #12B76A; }
.intel-page .intel-row--early td:first-child { border-left-color: #F79009; }
.intel-page .intel-row--mature td:first-child { border-left-color: #2E90FA; }
.intel-page .intel-row--cooling td:first-child { border-left-color: #EF6820; }
.intel-page .intel-row--deteriorating td:first-child { border-left-color: #F04438; }

/* Name cell: initials tile + title + description */
.intel-page .intel-td-name { min-width: 260px; max-width: 420px; }

.intel-page .intel-td-name a {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}

.intel-page .intel-tile {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "IBM Plex Mono", monospace;
  font-size: .74rem;
  font-weight: 600;
  background: #F4EBFF;
  color: #6941C6;
}

.intel-page .intel-table tbody tr:nth-child(5n+2) .intel-tile { background: #FDF2FA; color: #C11574; }
.intel-page .intel-table tbody tr:nth-child(5n+3) .intel-tile { background: #EFF8FF; color: #175CD3; }
.intel-page .intel-table tbody tr:nth-child(5n+4) .intel-tile { background: #F0FDF9; color: #107569; }
.intel-page .intel-table tbody tr:nth-child(5n)   .intel-tile { background: #FFFAEB; color: #B54708; }

.intel-page .intel-name-text { min-width: 0; }

.intel-page .intel-name-text strong {
  display: block;
  color: var(--Grey-900, #101828);
  font-weight: 600;
  font-size: .92rem;
  line-height: 1.3;
}

.intel-page .intel-name-text small {
  display: block;
  margin-top: 2px;
  color: #667085;
  font-size: .78rem;
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.intel-page .intel-table tbody tr:hover .intel-name-text strong {
  color: var(--text-link-purple, #5B3FB8);
}

.intel-page .intel-td-ret { white-space: nowrap; text-align: right; }

.intel-page .intel-td-open {
  width: 40px;
  text-align: right;
  color: #98A2B3;
  transition: transform .16s ease, color .16s ease;
}

.intel-page .intel-table tbody tr:hover .intel-td-open {
  color: var(--text-link-purple, #5B3FB8);
  transform: translateX(3px);
}

/* Locked metrics (guests, rows beyond top 3) */
.intel-page .intel-lock {
  background: #F9FAFB;
  border: 1px dashed #D0D5DD;
  border-radius: 999px;
  color: #475467;
  cursor: pointer;
  font-family: "IBM Plex Mono", monospace;
  font-size: .62rem;
  font-weight: 600;
  letter-spacing: .05em;
  padding: 3px 10px;
  text-transform: uppercase;
  transition: border-color .15s ease, color .15s ease;
  white-space: nowrap;
}

.intel-page .intel-lock::before { content: "🔒 "; }

.intel-page .intel-lock:hover {
  border-color: var(--text-link-purple, #5B3FB8);
  color: var(--text-link-purple, #5B3FB8);
}

.intel-page .intel-spark-locked {
  display: block;
  width: 150px;
  height: 10px;
  margin: 13px 0;
  border-radius: 6px;
  background: linear-gradient(90deg, #EAECF0, #F2F4F7 40%, #EAECF0 70%);
}

.intel-page .intel-ret-locked {
  color: #98A2B3;
  font-family: "IBM Plex Mono", monospace;
  font-size: .72rem;
  letter-spacing: .1em;
}

.intel-page .intel-disclaimer {
  color: #667085;
  font-size: .78rem;
  line-height: 1.5;
  margin: 14px 2px 0;
  max-width: 920px;
}

@media (max-width: 900px) {
  .intel-page .intel-table td, .intel-page .intel-table thead th { padding: 10px 12px; }
}