/* Result page */
.result-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.active-nav{border-color:#647784!important;color:#fff!important}
.result-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.result-metrics article{padding:18px;border:1px solid #27343e;border-radius:10px;background:#10181e}
.result-metrics span,.result-metrics small{display:block;color:#81919c}
.result-metrics strong{display:block;margin:8px 0 5px;font-size:25px;color:#edf3f6}
.result-metrics small{font-size:11px}
.result-overview{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}
.result-panel{padding:25px}
.breakdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.breakdown-card{border:1px solid #27343e;border-radius:9px;padding:13px;background:#111a21}
.breakdown-card strong{display:block;color:#eaf1f4;font-size:15px}
.breakdown-card small{display:block;color:#7f919d;margin-top:6px;line-height:1.45}
.result-title-row{align-items:flex-start;gap:15px}
.result-status-tabs{display:flex;gap:6px;flex-wrap:wrap}
.result-status-tabs button{border:1px solid #31424d;background:#111a21;color:#91a1ab;border-radius:7px;padding:8px 10px;cursor:pointer;font-weight:700;font-size:11px}
.result-status-tabs button.active{color:#fff;border-color:#70828e;background:#1a252d}
.result-filters{display:grid;grid-template-columns:1.1fr repeat(4,minmax(120px,.7fr));gap:10px;margin:18px 0}
.result-filters label{font-size:11px;color:#80919c;font-weight:700}
.result-filters input,.result-filters select{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:10px 11px;border:1px solid #30414c;border-radius:8px;background:#0d151b;color:#dce5ea}
.result-trade-list{display:grid;gap:12px}
.trade-result-card{border:1px solid #27343e;border-radius:10px;background:#0f171d;overflow:hidden}
.trade-summary{width:100%;display:grid;grid-template-columns:minmax(180px,1.4fr) .65fr .75fr .7fr .65fr;align-items:center;gap:12px;padding:16px 18px;background:transparent;border:0;color:inherit;text-align:left;cursor:pointer}
.trade-summary:hover{background:#121d24}
.trade-symbol strong{display:block;color:#edf3f6;font-size:16px}
.trade-symbol small,.trade-summary small{display:block;color:#7f919b;margin-top:4px;font-size:11px}
.trade-side{font-weight:800}
.trade-result{font-weight:900}
.trade-r{font-weight:900}
.trade-detail{display:none;border-top:1px solid #27343e;padding:18px}
.trade-result-card.open .trade-detail{display:block}
.trade-detail-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.detail-block{border:1px solid #27343e;border-radius:9px;padding:14px}
.detail-block h3{margin:0 0 11px;font-size:12px;letter-spacing:.08em;color:#8ea0ac}
.detail-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;color:#8697a2;font-size:12px}
.detail-row b{color:#dce6eb;text-align:right}
.setup-tags{display:flex;gap:7px;flex-wrap:wrap}
.setup-tag{border:1px solid #354651;border-radius:6px;padding:6px 8px;font-size:11px;color:#bbc8cf}
.analysis-box{margin-top:12px;border-left:3px solid #4f626e;padding:11px 13px;background:#111a21;color:#a4b2bb;line-height:1.55;font-size:13px}
.analysis-box strong{color:#e4ecef}
.result-win,.positive{color:#a8e77c!important}
.result-loss,.negative{color:#ff9696!important}
.result-timeout{color:#e1cb8e!important}
.result-open{color:#a7cce0!important}
@media(max-width:1100px){
 .result-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .result-overview{grid-template-columns:1fr}
 .result-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .trade-summary{grid-template-columns:1.4fr .7fr .7fr .7fr}
 .trade-summary .trade-closed{display:none}
}
@media(max-width:700px){
 .result-metrics{grid-template-columns:1fr 1fr}
 .result-filters{grid-template-columns:1fr}
 .trade-summary{grid-template-columns:1fr 1fr}
 .trade-detail-grid{grid-template-columns:1fr}
 .breakdown-grid{grid-template-columns:1fr}
}

.entry-reason-box strong{font-weight:800}
.entry-red{color:#ff7373!important}
.entry-green{color:#8edb78!important}
.entry-score{color:#e6c86d!important}

/* Compact result trade levels */
.trade-detail-grid{display:none!important}
.setup-tags{display:none!important}
.trade-levels{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid #27343e;
  border-radius:9px;
  overflow:hidden;
  margin-bottom:14px;
  background:#10181e;
}
.trade-level-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:13px 18px;
  border-right:1px solid #27343e;
}
.trade-level-item:last-child{border-right:0}
.trade-level-item span{
  color:#8495a0;
  font-size:12px;
  font-weight:700;
}
.trade-level-item strong{
  color:#e5edf1;
  font-size:15px;
}
@media(max-width:700px){
  .trade-levels{grid-template-columns:1fr}
  .trade-level-item{border-right:0;border-bottom:1px solid #27343e}
  .trade-level-item:last-child{border-bottom:0}
}

/* Stage 2: trade candlestick chart */
.trade-chart-box{border:1px solid #27343e;border-radius:9px;background:#0e171c;margin-bottom:14px;overflow:hidden}
.trade-chart-top{min-height:48px;display:flex;align-items:center;gap:12px;padding:0 14px}
.trade-chart-top strong{color:#dfe8ed;font-size:12px;letter-spacing:.04em}
.trade-chart-status{margin-left:auto;color:#7f929d;font-size:11px}
.trade-chart-button{border:1px solid #344752;border-radius:7px;background:#121e25;color:#c9d5dc;padding:7px 10px;cursor:pointer;font-size:11px;font-weight:700}
.trade-chart-button:hover{border-color:#60737f;color:#fff}
.trade-chart-button:disabled{opacity:.55;cursor:wait}
.trade-chart-wrap{border-top:1px solid #27343e;padding:10px}
.trade-chart-canvas{display:block;width:100%;height:330px;border-radius:6px}
@media(max-width:700px){
  .trade-chart-top{flex-wrap:wrap;padding:10px 12px}
  .trade-chart-status{margin-left:0}
  .trade-chart-button{margin-left:auto}
  .trade-chart-canvas{height:300px}
}


/* Stage 3A.1 */
.stage3-chart{background:#0e171c}
.trade-chart-top{gap:10px;flex-wrap:wrap}
.trade-tf-switch{
  display:flex;
  gap:5px;
  margin-left:6px;
}
.trade-tf-button{
  border:1px solid #2e404b;
  border-radius:6px;
  background:#101a20;
  color:#8799a4;
  padding:6px 9px;
  cursor:pointer;
  font-size:10px;
  font-weight:800;
}
.trade-tf-button:hover{color:#dce7ec;border-color:#536873}
.trade-tf-button.active{
  color:#e6edf1;
  border-color:#687d88;
  background:#17242b;
}
.excursion-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:0 12px 12px;
}
.excursion-card{
  border:1px solid #263640;
  border-radius:8px;
  background:#101920;
  padding:11px 13px;
}
.excursion-card span,
.excursion-card small{
  display:block;
  color:#7f919c;
}
.excursion-card span{
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
}
.excursion-card strong{
  display:block;
  margin:6px 0 3px;
  font-size:17px;
}
.excursion-card small{font-size:10px}
.excursion-mfe strong{color:#84c58f}
.excursion-mae strong{color:#d27f87}
.trade-chart-wrap{
  background:#0b1318;
}
.trade-chart-canvas{
  background:#0c1419;
}
@media(max-width:700px){
  .excursion-grid{grid-template-columns:1fr}
  .trade-tf-switch{order:3;margin-left:0}
}


/* Stage 3B.1: performance analytics */
.result-performance-panel{margin:16px 0}
.equity-summary{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}
.equity-summary span{
  color:#7f919c;
  font-size:11px;
  font-weight:700;
}
.equity-summary strong{
  color:#dce6eb;
  margin-left:5px;
}
.performance-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:16px;
}
.performance-chart-card{
  border:1px solid #27343e;
  border-radius:9px;
  background:#10181e;
  padding:14px;
}
.performance-chart-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
.performance-chart-head strong{
  color:#e4ecef;
  font-size:13px;
}
.performance-chart-head small{
  color:#778a95;
  font-size:10px;
}
.performance-chart{
  min-height:250px;
  width:100%;
}
.performance-chart svg{
  display:block;
  width:100%;
  height:250px;
}
.performance-empty{
  height:250px;
  display:grid;
  place-items:center;
  color:#748893;
  font-size:12px;
}
@media(max-width:900px){
  .performance-grid{grid-template-columns:1fr}
}


/* Stage 3B.2: setup breakdown */
.analytics-breakdown-card{padding:14px}
.analytics-breakdown-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
}
.analytics-breakdown-head strong{font-size:14px}
.analytics-breakdown-head small{
  display:block;
  margin-top:3px;
  color:#748792;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.analytics-count{
  color:#83959f;
  font-size:10px;
  white-space:nowrap;
}
.analytics-mini-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px 12px;
  margin-top:12px;
}
.analytics-mini-grid div{
  border-top:1px solid rgba(77,96,108,.28);
  padding-top:7px;
}
.analytics-mini-grid span{
  display:block;
  color:#768993;
  font-size:9px;
}
.analytics-mini-grid b{
  display:block;
  margin-top:2px;
  color:#dfe8ec;
  font-size:13px;
}
.analytics-outcomes{
  display:block;
  margin-top:11px;
  padding-top:8px;
  border-top:1px solid rgba(77,96,108,.28);
  color:#778a95!important;
  font-size:9px!important;
}