/* =====================================================================
   STRATEGY PREVIEW CARD — v4.19.20
   Sole visual authority for the isolated preview tab. Uses only central
   design tokens; no page-global html/body/root overrides are permitted.
   ===================================================================== */
.strategy-preview-page{
  container-type:inline-size;
}
.strategy-preview-stage{
  width:100%;
  padding-block:var(--preview-card-stage-padding-top) var(--preview-card-stage-padding-bottom);
}
.strategy-preview-card{
  --preview-accent:var(--status-positive-accent);
  position:relative;
  display:grid;
  grid-template-columns:var(--preview-card-left-column) minmax(0,1fr);
  width:100%;
  min-height:var(--preview-card-min-height);
  overflow:hidden;
  border:1px solid var(--color-line);
  border-radius:var(--preview-card-radius);
  background:var(--color-surface);
  box-shadow:var(--shadow-card);
}
.strategy-preview-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:var(--preview-card-accent-width);
  background:var(--preview-accent);
}
.strategy-preview-card__left{
  display:grid;
  grid-template-rows:auto auto;
  align-content:center;
  row-gap:var(--preview-card-left-content-gap);
  min-width:0;
  padding:var(--preview-card-left-padding-y) var(--preview-card-left-padding-x) var(--preview-card-left-padding-y) calc(var(--preview-card-left-padding-x) + var(--preview-card-accent-width));
  border-right:1px solid var(--color-line);
}
.strategy-preview-card__identity{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:var(--preview-card-identity-gap);
  min-width:0;
  padding-bottom:var(--preview-card-identity-padding-bottom);
  border-bottom:1px solid var(--color-line);
}
.strategy-preview-card__instrument{min-width:0}
.strategy-preview-card__symbol{
  margin:0;
  color:var(--color-ink);
  font-family:var(--font-sans);
  font-size:var(--font-dashboard-strategy-symbol);
  font-weight:var(--weight-dashboard-strategy-symbol);
  line-height:var(--line-dashboard-strategy-symbol);
  letter-spacing:-.04em;
  white-space:nowrap;
}
.strategy-preview-card__name{
  margin:var(--space-2) 0 0;
  color:var(--color-sub);
  font-family:var(--font-sans);
  font-size:var(--font-dashboard-strategy-subtitle);
  font-weight:var(--weight-dashboard-strategy-subtitle);
  line-height:var(--line-dashboard-strategy-subtitle);
  white-space:nowrap;
}
.strategy-preview-card__badge{
  align-self:start;
  margin-top:var(--space-1);
  font-size:var(--font-level-subtitle);
}
.strategy-preview-card__action{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-4);
  min-height:0;
  padding-top:var(--preview-card-action-padding-top);
}
.strategy-preview-card__action-group,
.strategy-preview-card__allocation{min-width:0}
.strategy-preview-card__allocation{text-align:right}
.strategy-preview-card__allocation .strategy-preview-card__value{
  margin-top:var(--space-1);
  color:var(--status-positive-text);
  font-size:var(--number-dashboard-strategy-primary);
}
.strategy-preview-card__action strong{
  display:block;
  margin-top:var(--space-1);
  color:var(--color-ink);
  font-size:var(--font-dashboard-strategy-action);
  font-weight:var(--weight-dashboard-strategy-action);
  line-height:var(--line-dashboard-strategy-action);
  white-space:nowrap;
}
.strategy-preview-card__right{
  display:grid;
  grid-template-rows:repeat(3,minmax(var(--density-data-row-min-height),auto));
  align-content:center;
  row-gap:var(--preview-card-right-row-gap);
  min-width:0;
  padding:var(--preview-card-right-padding-y) var(--preview-card-right-padding-x);
}
.strategy-preview-card__row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(130px,auto);
  align-items:center;
  gap:var(--preview-card-row-gap);
  min-width:0;
  padding-block:var(--density-data-row-padding-y);
  border-bottom:0;
}
.strategy-preview-card__row:last-child{border-bottom:0}
.strategy-preview-card__label{
  color:var(--color-sub);
  font-size:var(--font-dashboard-strategy-evidence-label);
  font-weight:var(--weight-dashboard-strategy-label);
  line-height:var(--line-dashboard-strategy-label);
  white-space:nowrap;
}
.strategy-preview-card__value{
  color:var(--color-ink);
  font-size:var(--number-dashboard-strategy-primary);
  font-weight:var(--weight-dashboard-strategy-value);
  line-height:var(--number-line-height);
  letter-spacing:var(--number-letter-spacing);
  text-align:right;
  white-space:nowrap;
}
.strategy-preview-card__value small{
  display:block;
  margin-top:var(--space-1);
  color:var(--status-negative-text);
  font-size:var(--number-dashboard-strategy-note);
  font-weight:var(--weight-dashboard-strategy-evidence-change);
  line-height:var(--line-dashboard-strategy-evidence-change);
}
.strategy-preview-card__row--official .strategy-preview-card__value,
.strategy-preview-card__row--previous .strategy-preview-card__value,
.strategy-preview-card__row--trigger .strategy-preview-card__value,
.strategy-preview-page .strategy-preview-card__row:first-child .strategy-preview-card__value{
  font-size:var(--number-dashboard-strategy-core);
}
.strategy-preview-card__value--muted{color:var(--color-muted)}
.strategy-preview-card__value--danger{color:var(--status-negative-text)}
.strategy-preview-card__value--success{color:var(--status-positive-text)}

@container (max-width:650px){
  .strategy-preview-card{
    grid-template-columns:1fr;
    min-height:0;
  }
  .strategy-preview-card__left{
    grid-template-rows:auto auto;
    border-right:0;
    border-bottom:1px solid var(--color-line);
  }
  .strategy-preview-card__right{
    padding-block:var(--space-2);
  }
  .strategy-preview-card__action{grid-template-columns:1fr auto;gap:var(--space-3)}

  .strategy-preview-card__row{min-height:0;padding-block:var(--space-1)}
}

@container (max-width:430px){
  .strategy-preview-card__left{
    padding:var(--preview-card-left-padding-y) var(--preview-card-left-padding-x) var(--preview-card-left-padding-y) calc(var(--preview-card-left-padding-x) + var(--preview-card-accent-width));
  }
  .strategy-preview-card__identity{
    grid-template-columns:minmax(0,1fr) auto;
    gap:var(--space-3);
  }
  .strategy-preview-card__symbol{font-size:var(--font-dashboard-strategy-symbol)}
  .strategy-preview-card__name{font-size:var(--font-dashboard-strategy-subtitle)}
  .strategy-preview-card__action strong{font-size:var(--font-dashboard-strategy-action)}
  .strategy-preview-card__right{padding-inline:var(--space-4)}
  .strategy-preview-card__row{grid-template-columns:minmax(0,1fr) minmax(96px,auto);gap:var(--space-3)}
  .strategy-preview-card__label{font-size:var(--font-dashboard-strategy-evidence-label)}
  .strategy-preview-card__value{font-size:var(--font-dashboard-strategy-evidence-value)}
  .strategy-preview-card__value small{font-size:var(--font-dashboard-strategy-evidence-change)}
}

/* Dashboard stack: all strategy cards consume the same component contract. */
.dashboard-strategy-preview-stack{
  display:grid;
  gap:var(--preview-card-stack-gap);
}

.dashboard-strategy-preview-stack .strategy-preview-stage{
  padding-block:0;
}
.dashboard-strategy-data-sink[hidden]{display:none!important}
.strategy-preview-card.state-defense{--preview-accent:var(--status-negative-accent)}
.strategy-preview-card.state-pending{--preview-accent:var(--status-warning-accent)}
.strategy-preview-card.state-locked{--preview-accent:var(--status-warning-accent)}
.strategy-preview-card.state-loading{--preview-accent:var(--color-muted)}