/*
 * Dashboard hierarchy correction for the expanded SaaS cockpit.
 * The full cockpit is the primary dashboard; legacy duplicate blocks are hidden
 * only after the replacement cockpit has rendered successfully.
 */

.dashboard-cockpit-primary > .cockpit-expansion {
  margin: 0 0 24px;
}

.dashboard-cockpit-primary .cockpit-section-heading {
  min-height: auto;
  padding: 22px 24px;
}

.dashboard-cockpit-primary .cockpit-section-heading h2 {
  margin-bottom: 7px;
  font-size: clamp(25px, 3vw, 38px);
}

.dashboard-cockpit-primary .cockpit-module-grid {
  margin-top: 16px;
}

.cockpit-deep-analysis-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin: 30px 0 14px;
  padding-top: 22px;
  border-top: 1px solid rgba(212, 175, 55, .28);
}

.cockpit-deep-analysis-heading > div > span {
  color: var(--gold);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.cockpit-deep-analysis-heading h2 {
  margin: 6px 0 5px;
  font-size: clamp(22px, 2.5vw, 32px);
}

.cockpit-deep-analysis-heading p {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.cockpit-deep-analysis-heading > a {
  flex: 0 0 auto;
  color: var(--gold);
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
}

.dashboard-cockpit-primary > .visual-intelligence-layer {
  margin-top: 0;
}

.dashboard-cockpit-primary .visual-intelligence-command {
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr);
}

.dashboard-cockpit-primary .vi-opportunity,
.dashboard-cockpit-primary .vi-card-visual {
  min-height: 286px;
}

.dashboard-cockpit-primary .vi-card-visual {
  padding-top: 20px;
  padding-bottom: 20px;
}

.dashboard-cockpit-primary .vi-slab {
  width: min(132px, 88%);
}

.dashboard-cockpit-primary .vi-opportunity-copy {
  padding: 20px 22px 18px;
}

.dashboard-cockpit-primary .vi-opportunity h2 {
  font-size: clamp(20px, 2vw, 27px);
}

.cockpit-legacy-dashboard-block {
  display: none !important;
}

@media (max-width: 1180px) {
  .dashboard-cockpit-primary .visual-intelligence-command {
    grid-template-columns: 1fr;
  }

  .cockpit-deep-analysis-heading {
    align-items: flex-start;
  }
}

@media (max-width: 760px) {
  .dashboard-cockpit-primary .cockpit-section-heading,
  .cockpit-deep-analysis-heading {
    display: block;
  }

  .cockpit-deep-analysis-heading > a {
    display: inline-block;
    margin-top: 12px;
  }

  .dashboard-cockpit-primary .vi-opportunity {
    grid-template-columns: 1fr;
  }

  .dashboard-cockpit-primary .vi-card-visual {
    min-height: 230px;
    border-right: 0;
    border-bottom: 1px solid rgba(137, 146, 143, .22);
  }
}