/* EURUSD Journal investor panel LIVE cards v1.0 */
.investor-live-chart { position:relative; margin-top:14px; border:1px solid var(--line); border-radius:18px; overflow:hidden; background:#020617; min-height:210px; display:flex; align-items:center; justify-content:center; }
.investor-live-chart .chart { width:100%; height:auto; margin:0; border:0; border-radius:0; display:block; object-fit:contain; background:#000; }
.investor-live-empty { min-height:210px; width:100%; display:flex; align-items:center; justify-content:center; text-align:center; padding:24px; color:rgba(226,232,240,.72); font-weight:850; }
.investor-live-badge { position:absolute; left:12px; top:12px; z-index:3; padding:7px 10px; border-radius:999px; border:1px solid rgba(251,191,36,.40); background:rgba(2,6,23,.86); color:#fde68a; font-size:12px; line-height:1; font-weight:900; letter-spacing:.03em; box-shadow:0 10px 30px rgba(0,0,0,.38); }
.investor-live-badge[hidden], .investor-live-chart .chart[hidden], .investor-live-empty[hidden] { display:none !important; }
.investor-live-badge.is-open.is-buy { color:#86efac; border-color:rgba(74,222,128,.48); background:rgba(2,44,34,.90); }
.investor-live-badge.is-open.is-sell { color:#fca5a5; border-color:rgba(248,113,113,.48); background:rgba(69,10,10,.90); }
.investor-live-badge.is-close { color:#fde68a; border-color:rgba(251,191,36,.40); background:rgba(2,6,23,.86); }
.investor-live-action-open { color:#86efac; }
.investor-live-action-closed { color:#fde68a; }
.investor-live-action-wait { color:var(--muted); }


/* v1.1 — level EURUSD/BTCUSD investor cards and keep status colors stable */
.grid > [data-investor-symbol] {
  display:flex;
  flex-direction:column;
  height:100%;
}
.grid > [data-investor-symbol] > .note {
  min-height:112px;
  margin-bottom:0;
}
.grid > [data-investor-symbol] > .metricgrid {
  margin-top:22px;
}
.grid > [data-investor-symbol] > .investor-live-chart {
  aspect-ratio:2580 / 1080;
  min-height:210px;
}
.grid > [data-investor-symbol] > .investor-live-chart .chart {
  height:100%;
  object-fit:contain;
}
.grid > [data-investor-symbol] > .actions {
  margin-top:auto;
  padding-top:18px;
}
.investor-live-badge {
  transition:none !important;
  animation:none !important;
}
@media (max-width:860px){
  .grid > [data-investor-symbol] > .note{min-height:0;}
  .grid > [data-investor-symbol] > .actions{margin-top:18px;padding-top:0;}
}

/* v1.2 — precise alignment of EURUSD/BTCUSD cards and safe spacing between frames */
.investor-symbol-grid {
  margin-top:24px;
  column-gap:24px;
  row-gap:24px;
  align-items:stretch;
  position:relative;
  z-index:1;
}
.investor-symbol-grid > [data-investor-symbol] {
  box-sizing:border-box;
  min-width:0;
  height:100%;
  display:flex;
  flex-direction:column;
}
.investor-symbol-grid > [data-investor-symbol] > .head {
  min-height:78px;
  margin:0;
}
.investor-symbol-grid > [data-investor-symbol] > .note {
  box-sizing:border-box;
  min-height:112px;
  margin:0;
}
.investor-symbol-grid > [data-investor-symbol] > .metricgrid {
  margin:22px 0 0;
  min-height:112px;
  align-items:stretch;
}
.investor-symbol-grid > [data-investor-symbol] > .metricgrid .metric {
  box-sizing:border-box;
  min-width:0;
  min-height:104px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:10px;
}
.investor-symbol-grid > [data-investor-symbol] > .metricgrid .metric span {
  min-height:32px;
  margin-bottom:0;
  line-height:1.25;
}
.investor-symbol-grid > [data-investor-symbol] > .metricgrid .metric strong {
  min-height:38px;
  display:flex;
  align-items:flex-end;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.investor-symbol-grid > [data-investor-symbol] > .investor-live-chart {
  box-sizing:border-box;
  width:100%;
  height:210px;
  min-height:210px;
  aspect-ratio:auto;
  margin-top:18px;
}
.investor-symbol-grid > [data-investor-symbol] > .actions {
  min-height:46px;
  margin-top:18px;
  padding-top:0;
  align-items:center;
}
@media (max-width:860px){
  .investor-symbol-grid{margin-top:22px;row-gap:22px;}
  .investor-symbol-grid > [data-investor-symbol] > .head,
  .investor-symbol-grid > [data-investor-symbol] > .note,
  .investor-symbol-grid > [data-investor-symbol] > .metricgrid{min-height:0;}
  .investor-symbol-grid > [data-investor-symbol] > .actions{min-height:0;}
}


/* v1.3 — rzeczywiste przerwy między panelami profitu i wspólna siatka kart EURUSD/BTCUSD */
.investor-page .main > #performance + .performance-section {
  margin-top:32px;
}
.investor-page .main > .performance-section + .investor-symbol-grid {
  margin-top:32px;
}
.investor-page .investor-symbol-grid {
  gap:24px;
  align-items:stretch;
}
.investor-page .investor-symbol-grid > [data-investor-symbol] {
  display:grid;
  grid-template-rows:84px 124px 118px 210px 46px;
  row-gap:18px;
  height:auto;
  align-content:start;
}
.investor-page .investor-symbol-grid > [data-investor-symbol] > .head,
.investor-page .investor-symbol-grid > [data-investor-symbol] > .note,
.investor-page .investor-symbol-grid > [data-investor-symbol] > .metricgrid,
.investor-page .investor-symbol-grid > [data-investor-symbol] > .investor-live-chart,
.investor-page .investor-symbol-grid > [data-investor-symbol] > .actions {
  width:100%;
  min-height:0;
  margin:0;
  box-sizing:border-box;
}
.investor-page .investor-symbol-grid > [data-investor-symbol] > .head {
  height:84px;
}
.investor-page .investor-symbol-grid > [data-investor-symbol] > .note {
  height:124px;
  overflow:visible;
}
.investor-page .investor-symbol-grid > [data-investor-symbol] > .metricgrid {
  height:118px;
  align-self:stretch;
}
.investor-page .investor-symbol-grid > [data-investor-symbol] > .metricgrid .metric {
  height:118px;
  min-height:118px;
}
.investor-page .investor-symbol-grid > [data-investor-symbol] > .investor-live-chart {
  height:210px;
  min-height:210px;
  align-self:stretch;
}
.investor-page .investor-symbol-grid > [data-investor-symbol] > .actions {
  height:46px;
  min-height:46px;
  padding:0;
  align-self:end;
}
@media (max-width:860px){
  .investor-page .main > #performance + .performance-section,
  .investor-page .main > .performance-section + .investor-symbol-grid {
    margin-top:26px;
  }
  .investor-page .investor-symbol-grid {
    gap:24px;
  }
  .investor-page .investor-symbol-grid > [data-investor-symbol] {
    display:flex;
    height:auto;
    row-gap:0;
  }
  .investor-page .investor-symbol-grid > [data-investor-symbol] > .head,
  .investor-page .investor-symbol-grid > [data-investor-symbol] > .note,
  .investor-page .investor-symbol-grid > [data-investor-symbol] > .metricgrid,
  .investor-page .investor-symbol-grid > [data-investor-symbol] > .investor-live-chart,
  .investor-page .investor-symbol-grid > [data-investor-symbol] > .actions {
    height:auto;
    min-height:0;
  }
  .investor-page .investor-symbol-grid > [data-investor-symbol] > .note {
    margin-top:8px;
  }
  .investor-page .investor-symbol-grid > [data-investor-symbol] > .metricgrid {
    margin-top:20px;
  }
  .investor-page .investor-symbol-grid > [data-investor-symbol] > .metricgrid .metric {
    height:auto;
    min-height:92px;
  }
  .investor-page .investor-symbol-grid > [data-investor-symbol] > .investor-live-chart {
    height:auto;
    min-height:210px;
    margin-top:18px;
  }
  .investor-page .investor-symbol-grid > [data-investor-symbol] > .actions {
    margin-top:18px;
  }
}