.lg-wrap{
  --lg-gold:#D4AF37;
  --lg-dark:#0B0F16;
  --lg-text:#0f172a;
  --lg-muted:#64748b;
  --lg-line:rgba(15,23,42,.10);

  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 22px 70px rgba(0,0,0,.10);
}

/* Header */
.lg-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:16px 18px;
  border-bottom:1px solid rgba(15,23,42,.08);
}

.lg-brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:950;
  color:var(--lg-text);
}

.lg-mark{
  width:10px;height:10px;border-radius:999px;
  background:var(--lg-gold);
  box-shadow:0 0 0 4px rgba(212,175,55,.14);
}

.lg-name{ letter-spacing:.2px; }

.lg-live{
  margin-left:10px;
  font-size:11px;
  font-weight:950;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(212,175,55,.14);
  color:var(--lg-dark);
  border:1px solid rgba(212,175,55,.35);
}

/* Tabs */
.lg-tabs{ display:flex; gap:10px; }
.lg-tab{
  border:1px solid rgba(15,23,42,.10);
  background:#fff;
  height:40px;
  padding:0 14px;
  border-radius:14px;
  font-weight:950;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:10px;
}
.lg-tab:hover{ border-color:rgba(15,23,42,.20); }
.lg-tab:disabled{ opacity:.35; cursor:not-allowed; }
.lg-tab.lg-active{
  background:rgba(11,15,22,.92);
  color:#fff;
  border-color:rgba(0,0,0,.15);
  box-shadow:inset 0 0 0 1px rgba(212,175,55,.18);
}

.lg-dot{
  width:8px;height:8px;border-radius:999px;
  background:var(--lg-gold);
}
.lg-dot-silver{ background:#cbd5e1; }
.lg-dot-fx{ background:#60a5fa; }

/* Toolbar (aliniat, fără texte lungi sub input) */
.lg-toolbar{
  display:grid;
  grid-template-columns: 2.1fr 1fr 1fr 1fr auto;
  gap:12px;
  padding:14px 18px 16px;
  border-bottom:1px solid rgba(15,23,42,.08);
  align-items:end;
}

.lg-label{
  font-size:12px;
  font-weight:950;
  color:var(--lg-text);
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:6px;
}

.lg-help{
  width:18px;height:18px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.14);
  color:var(--lg-muted);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:950;
  position:relative;
  cursor:default;
}

.lg-help::after{
  content:attr(data-tip);
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:calc(100% + 10px);
  width:min(320px, 70vw);
  background:#0B0F16;
  color:#fff;
  padding:10px 12px;
  border-radius:14px;
  font-size:12px;
  line-height:1.35;
  box-shadow:0 14px 40px rgba(0,0,0,.20);
  opacity:0;
  pointer-events:none;
  transition:opacity .12s ease;
  z-index:20;
}
.lg-help:hover::after{ opacity:1; }

.lg-input{
  width:100%;
  height:46px;
  border-radius:16px;
  border:1px solid rgba(15,23,42,.10);
  padding:0 14px;
  font-size:14px;
  outline:none;
}
.lg-input:focus{
  border-color:rgba(212,175,55,.62);
  box-shadow:0 0 0 4px rgba(212,175,55,.14);
}

.lg-row{
  display:flex;
  gap:10px;
}
.lg-row .lg-input{ flex:1; }

.lg-actions{
  display:flex;
  gap:10px;
  justify-content:flex-end;
}

.lg-btn{
  height:46px;
  padding:0 18px;
  border-radius:16px;
  border:1px solid rgba(15,23,42,.14);
  background:#fff;
  color:#0B0F16;
  font-weight:950;
  cursor:pointer;
  min-width:110px;
  transition:transform .10s ease, border-color .10s ease, filter .10s ease;
}
.lg-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(15,23,42,.25);
}
.lg-btn:active{ transform:translateY(0); }

.lg-btn-primary{
  background:linear-gradient(180deg, #0B0F16 0%, #05070B 100%);
  color:#fff;
  border-color:rgba(0,0,0,.15);
  box-shadow:inset 0 0 0 1px rgba(212,175,55,.18);
}
.lg-btn-primary:hover{ filter:brightness(1.06); }

.lg-hidden{ display:none !important; }

/* Chart */
.lg-chart-area{
  position:relative;
  padding:18px;
  background:#fff;
}

.lg-chart{
  width:100%;
  min-height:560px;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 18px 55px rgba(0,0,0,.09);
  background:#fff;
}

/* Loading overlay */
.lg-status{
  position:absolute;
  inset:18px;
  display:flex;
  gap:12px;
  align-items:center;
  padding:14px 16px;
  border-radius:18px;
  border:1px dashed rgba(15,23,42,.18);
  background:rgba(255,255,255,.92);
  z-index:3;
}
.lg-status-title{ font-weight:950; color:#111827; }
.lg-status-sub{ margin-top:2px; font-size:12px; color:var(--lg-muted); }

.lg-loader{
  width:20px;height:20px;border-radius:999px;
  border:3px solid rgba(212,175,55,.35);
  border-top-color:var(--lg-gold);
  animation:lgspin .9s linear infinite;
}
@keyframes lgspin { to{ transform:rotate(360deg); } }

/* Fallback */
.lg-fallback{
  margin-top:12px;
  border-radius:18px;
  padding:14px 16px;
  border:1px solid rgba(239,68,68,.25);
  background:rgba(239,68,68,.06);
}
.lg-fallback-title{ font-weight:950; color:#991b1b; }
.lg-fallback-sub{ margin-top:6px; color:#7f1d1d; font-size:13px; line-height:1.45; }

/* Responsive */
@media (max-width: 1100px){
  .lg-toolbar{ grid-template-columns: 1fr 1fr; }
  .lg-actions{ grid-column: 1 / -1; }
  .lg-head{ flex-direction:column; align-items:flex-start; gap:12px; }
}