/* DeskTerminal — shared styles for /forex, /commodities, /crypto, /indices pages */
:root{
  --bg:#0E1116; --panel:#151A22; --panel-2:#12161D;
  --line:rgba(255,255,255,0.10); --line-soft:rgba(255,255,255,0.08);
  --ink:#EDEFF3; --dim:#7C8598; --gold:#E8B15C; --up:#4ADE80; --down:#FB6B5B;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{ background:var(--bg); color:var(--ink); font-family:'Space Grotesk',sans-serif; min-height:100vh; }
.mono{ font-family:'JetBrains Mono', monospace; }
a{ color:inherit; }

nav{ display:flex; justify-content:space-between; align-items:center; padding: 1.2rem 6vw; border-bottom:1px solid var(--line-soft); }
.nav-left{ display:flex; align-items:center; gap:.9rem; }
.wordmark{ font-size:1.25rem; font-weight:700; letter-spacing:-0.01em; }
.wordmark span{ color:var(--gold); }
.wordmark-wrap{ display:flex; align-items:center; gap:.6rem; }
.wordmark-bar{ width:4px; height:22px; background:var(--gold); border-radius:2px; flex-shrink:0; }
.nav-icon{ width:15px; height:15px; flex-shrink:0; }
.nav-right{ display:flex; align-items:center; gap:1.2rem; }
.nav-clock{ font-size:.72rem; color:var(--dim); white-space:nowrap; }

.mobile-subnav{
  display:none;
  overflow-x:auto; white-space:nowrap;
  background:var(--panel-2); border-bottom:1px solid var(--line-soft);
  -ms-overflow-style:none; scrollbar-width:none;
}
.mobile-subnav::-webkit-scrollbar{ display:none; }
.mobile-subnav a{
  display:inline-block; padding:.65rem .9rem;
  font-family:'JetBrains Mono', monospace; font-size:.72rem; color:var(--dim);
  text-decoration:none; border-bottom:2px solid transparent;
}
.mobile-subnav a.active{ color:var(--gold); border-bottom-color:var(--gold); }

.navlinks{ display:flex; gap:1.8rem; font-family:'JetBrains Mono', monospace; font-size:.75rem; letter-spacing:.04em; }
.navlinks a{ color:var(--dim); text-decoration:none; transition:color .15s; display:flex; align-items:center; gap:.4rem; }
.navlinks a:hover{ color:var(--ink); }

@media (max-width:860px){
  .navlinks{ display:none; }
  .nav-clock{ display:none; }
  .mobile-subnav{ display:flex; }
}

/* ---------------- Breadcrumb ---------------- */
.breadcrumb{
  padding: 1rem 6vw 0; font-family:'JetBrains Mono', monospace; font-size:.7rem; color:var(--dim);
}
.breadcrumb a{ color:var(--dim); text-decoration:none; }
.breadcrumb a:hover{ color:var(--gold); }
.breadcrumb .sep{ margin:0 .4rem; }
.breadcrumb .current{ color:var(--gold); }

/* ---------------- Hero ---------------- */
.instrument-hero{ padding: 1.2rem 6vw 1.6rem; border-bottom:1px solid var(--line-soft); }
.instrument-hero h1{ font-size: clamp(1.6rem, 3.4vw, 2.3rem); font-weight:700; letter-spacing:-0.01em; margin-bottom:.3rem; }
.instrument-hero .subtitle{ font-family:'JetBrains Mono', monospace; font-size:.75rem; color:var(--dim); margin-bottom:1.4rem; }
.hero-price-row{ display:flex; align-items:baseline; gap:1rem; flex-wrap:wrap; margin-bottom:1.4rem; }
.hero-price{ font-size: clamp(2rem, 5vw, 3rem); font-weight:700; font-family:'JetBrains Mono', monospace; }
.hero-change{ font-family:'JetBrains Mono', monospace; font-size:1.1rem; font-weight:600; }
.hero-change.up{ color:var(--up); }
.hero-change.down{ color:var(--down); }
.hero-stats{
  display:grid; grid-template-columns: repeat(auto-fit, minmax(130px,1fr)); gap:1px;
  background:var(--line-soft); border:1px solid var(--line-soft); border-radius:8px; overflow:hidden;
}
.hero-stat{ background:var(--panel); padding:.9rem 1.1rem; }
.hero-stat-label{ font-family:'JetBrains Mono', monospace; font-size:.6rem; letter-spacing:.1em; text-transform:uppercase; color:var(--dim); margin-bottom:.4rem; }
.hero-stat-value{ font-size:1.05rem; font-weight:600; font-family:'JetBrains Mono', monospace; }
.hero-stat-value.status-open{ color:var(--up); }
.hero-stat-value.status-closed{ color:var(--down); }

/* ---------------- Sections ---------------- */
.section{ padding: 2rem 6vw; border-bottom:1px solid var(--line-soft); }
.section-label{
  font-family:'JetBrains Mono', monospace; font-size:.68rem; letter-spacing:.18em; text-transform:uppercase;
  color:var(--gold); margin-bottom:1.2rem; display:flex; align-items:center; gap:.6rem;
}
.section-label::after{ content:""; flex:1; height:1px; background:var(--line); }

/* ---------------- Chart ---------------- */
.chart-panel{ height:520px; background:var(--panel); border:1px solid var(--line-soft); border-radius:8px; overflow:hidden; }

/* ---------------- Insight cards ---------------- */
.insight-grid{ display:grid; grid-template-columns: 2fr 1fr; gap:1rem; }
@media (max-width:800px){ .insight-grid{ grid-template-columns:1fr; } }
.insight-main{ background:var(--panel); border:1px solid var(--line-soft); border-radius:8px; padding:1.4rem 1.6rem; }
.insight-main h3{ font-size:.95rem; font-weight:600; margin:1rem 0 .5rem; }
.insight-main h3:first-child{ margin-top:0; }
.insight-main p{ font-size:.9rem; line-height:1.7; color:#D7DAE1; }
.insight-side{ display:flex; flex-direction:column; gap:1px; background:var(--line-soft); border:1px solid var(--line-soft); border-radius:8px; overflow:hidden; }
.insight-stat{ background:var(--panel); padding:1rem 1.2rem; }
.insight-stat-label{ font-family:'JetBrains Mono', monospace; font-size:.62rem; letter-spacing:.1em; text-transform:uppercase; color:var(--dim); margin-bottom:.4rem; }
.insight-stat-value{ font-size:1.1rem; font-weight:700; }
.insight-stat-value.Bullish, .insight-stat-value.Uptrend{ color:var(--up); }
.insight-stat-value.Bearish, .insight-stat-value.Downtrend{ color:var(--down); }
.insight-stat-value.Neutral, .insight-stat-value.Sideways{ color:var(--gold); }
.insight-loading{ font-family:'JetBrains Mono', monospace; font-size:.8rem; color:var(--dim); }
.ai-disclaimer{ font-family:'JetBrains Mono', monospace; font-size:.62rem; color:var(--dim); margin-top:1rem; line-height:1.6; }

/* ---------------- News cards ---------------- */
.news-grid{ display:grid; grid-template-columns: repeat(auto-fill, minmax(280px,1fr)); gap:1rem; }
.news-card{
  background:var(--panel); border:1px solid var(--line-soft); border-radius:8px; overflow:hidden;
  text-decoration:none; color:var(--ink); display:flex; flex-direction:column;
}
.news-card:hover{ border-color:var(--gold); }
.news-card-img{ width:100%; height:140px; object-fit:cover; background:var(--panel-2); }
.news-card-img.placeholder{ display:flex; align-items:center; justify-content:center; font-size:2rem; }
.news-card-body{ padding:1rem; display:flex; flex-direction:column; gap:.5rem; flex:1; }
.news-card-title{ font-size:.9rem; font-weight:600; line-height:1.35; }
.news-card-summary{ font-size:.78rem; color:var(--dim); line-height:1.5; flex:1; }
.news-card-meta{ font-family:'JetBrains Mono', monospace; font-size:.65rem; color:var(--gold); margin-top:.3rem; }

/* ---------------- Economic events ---------------- */
.events-table{ background:var(--panel); border:1px solid var(--line-soft); border-radius:8px; overflow:hidden; }
.events-header-row, .event-row{
  display:grid; grid-template-columns: 90px 60px 24px 1fr 80px 80px 80px; gap:.5rem; align-items:center;
  padding:.6rem .9rem;
}
.events-header-row{
  font-family:'JetBrains Mono', monospace; font-size:.62rem; letter-spacing:.08em; text-transform:uppercase;
  color:var(--dim); border-bottom:1px solid var(--line);
}
.event-row{ border-bottom:1px solid var(--line-soft); font-size:.8rem; }
.event-row:last-child{ border-bottom:none; }
.event-impact{ width:9px; height:9px; border-radius:2px; }
.event-val{ font-family:'JetBrains Mono', monospace; font-size:.75rem; text-align:right; color:var(--dim); }
@media (max-width:700px){
  .events-header-row, .event-row{ grid-template-columns: 60px 45px 18px 1fr; }
  .event-val{ display:none; }
}

/* ---------------- Historical performance ---------------- */
.perf-grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(90px,1fr)); gap:1px; background:var(--line-soft); border:1px solid var(--line-soft); border-radius:8px; overflow:hidden; }
.perf-cell{ background:var(--panel); padding:.9rem .6rem; text-align:center; }
.perf-label{ font-family:'JetBrains Mono', monospace; font-size:.6rem; color:var(--dim); margin-bottom:.4rem; }
.perf-value{ font-family:'JetBrains Mono', monospace; font-size:.85rem; font-weight:700; }
.perf-value.up{ color:var(--up); } .perf-value.down{ color:var(--down); } .perf-value.na{ color:var(--dim); }

/* ---------------- Related markets ---------------- */
.related-grid{ display:flex; gap:.7rem; flex-wrap:wrap; }
.related-chip{
  padding:.6rem 1rem; border:1px solid var(--line-soft); border-radius:20px;
  font-family:'JetBrains Mono', monospace; font-size:.78rem; text-decoration:none; color:var(--ink);
}
.related-chip:hover{ border-color:var(--gold); color:var(--gold); }

/* ---------------- FAQ ---------------- */
.faq-item{ border-bottom:1px solid var(--line-soft); padding:1rem 0; }
.faq-item:last-child{ border-bottom:none; }
.faq-q{ font-size:.92rem; font-weight:600; margin-bottom:.5rem; }
.faq-a{ font-size:.85rem; color:#D7DAE1; line-height:1.6; }

/* ---------------- Internal links footer ---------------- */
.internal-links{ display:flex; gap:1.2rem; flex-wrap:wrap; font-family:'JetBrains Mono', monospace; font-size:.75rem; }
.internal-links a{ color:var(--dim); text-decoration:none; }
.internal-links a:hover{ color:var(--gold); }

footer{
  text-align:center; padding: 1.8rem; font-family:'JetBrains Mono', monospace;
  font-size:.65rem; color: var(--dim); border-top:1px solid var(--line-soft);
}
footer a{ color:var(--gold); text-decoration:none; }