/* ============================================================================
   mds-asset.css · pagina de activ (single asset). Se încarcă doar pe .mds-asset-page.
   Layout: sidebar 260px (sticky) + coloană main. Pe ≤920px → bottom-nav.
   Totul pe tokenii --mds-*.
   ============================================================================ */

/* Pe desktop, sidebar-ul înlocuiește bara de sus a temei. */
@media (min-width:921px){
  .mds-asset-page .mds-header--desktop{ display:none; }
}
.mds-asset-page .mds-main{ padding:0; }

.mds-asset{ display:flex; align-items:flex-start; gap:0; }

/* ── Sidebar ── */
.mds-asset__side{
  position:sticky; top:0; align-self:flex-start;
  width:260px; flex:0 0 260px; height:100vh;
  display:flex; flex-direction:column; gap:var(--mds-3);
  padding:var(--mds-4) var(--mds-3);
  background:var(--mds-bg); border-right:1px solid var(--mds-line);
}
.mds-sn__top{ display:flex; align-items:center; justify-content:space-between; }
.mds-sn__logo{ font-weight:700; font-size:17px; letter-spacing:-.02em; color:var(--mds-tx); text-decoration:none; }
.mds-sn__logo b{ color:var(--mds-pos); }
.mds-sn__menu{ color:var(--mds-tx-2); }

.mds-sn__search{
  display:flex; align-items:center; gap:var(--mds-2);
  width:100%; padding:9px var(--mds-3); cursor:text;
  background:var(--mds-card); border:1px solid var(--mds-line);
  border-radius:var(--mds-r-el); color:var(--mds-tx-3); font-size:13px; text-align:left;
}
.mds-sn__search:hover{ border-color:var(--mds-line-2); }

.mds-sn__nav{ display:flex; flex-direction:column; gap:2px; overflow-y:auto; flex:1; margin:var(--mds-1) 0; }
.mds-sn__group{ font-size:10.5px; font-weight:500; letter-spacing:.05em; text-transform:uppercase; color:rgba(232,233,235,.55); padding:var(--mds-3) var(--mds-3) var(--mds-1); }
.mds-sn__item{
  display:flex; align-items:center; justify-content:space-between; gap:var(--mds-2);
  padding:8px var(--mds-3); border-radius:var(--mds-r-sm);
  color:var(--mds-tx-2); font-size:12.5px; text-decoration:none; cursor:pointer;
  min-height:34px;
}
.mds-sn__item:hover{ background:var(--mds-card); color:var(--mds-tx); }
.mds-sn__item.active{ color:var(--mds-tx); font-weight:500; background:var(--mds-selected); }
.mds-sn__item.is-locked{ color:var(--mds-tx-3); cursor:default; }

.mds-sn__foot{ display:flex; flex-direction:column; gap:var(--mds-2); padding-top:var(--mds-2); border-top:1px solid var(--mds-line); }
.mds-sn__foot .mds-btn{ height:32px; font-size:12.5px; font-weight:400; }

/* ── Coloana main ── */
.mds-asset__main{ flex:1; min-width:0; display:flex; flex-direction:column; gap:var(--mds-5); padding:var(--mds-5) var(--mds-6) var(--mds-10); }
.mds-asset__main .mds-footer{ margin:var(--mds-8) calc(-1 * var(--mds-6)) calc(-1 * var(--mds-10)); border-top:1px solid var(--mds-line); }
.mds-asset__main .mds-footer .mds-container{ max-width:none; margin:0; padding:var(--mds-6); }
.mds-asset__main .mds-footer .mds-footer__top{ margin-top:var(--mds-6); }

/* ── Hero de activ · gradient animat (portat 1:1 din single-stock.php) ── */
.mds-ahero{ position:relative; margin:calc(-1 * var(--mds-5)) calc(-1 * var(--mds-6)) 0; overflow:hidden; isolation:isolate; background:#131313; }
.mds-ahero__bg{ position:absolute; inset:0; z-index:0; overflow:hidden; background:linear-gradient(40deg,#051526,#280A0A); }
.mds-ahero__blobs{ position:absolute; inset:0; filter:blur(42px) saturate(1.18) contrast(1.06); }
.mds-ahero__blob{ position:absolute; width:520px; height:520px; mix-blend-mode:screen; border-radius:50%; }
.mds-ahero__blob.g1{ background:radial-gradient(circle,rgba(10,98,134,1) 0%,rgba(10,98,134,0) 50%); top:calc(50% - 260px); left:calc(18% - 260px); animation:mds-h-vert 30s ease-in-out infinite; transform-origin:center center; }
.mds-ahero__blob.g2{ background:radial-gradient(circle,rgba(240,159,35,1) 0%,rgba(240,159,35,0) 52%); top:calc(22% - 260px); left:calc(82% - 260px); animation:mds-h-circle 26s ease-in-out infinite; transform-origin:calc(50% - 380px); }
.mds-ahero__blob.g3{ background:radial-gradient(circle,rgba(234,69,11,1) 0%,rgba(234,69,11,0) 52%); top:calc(62% - 260px); left:calc(78% - 260px); animation:mds-h-circle 42s linear infinite; transform-origin:calc(50% + 420px); }
.mds-ahero__blob.g4{ background:radial-gradient(circle,rgba(174,14,7,1) 0%,rgba(174,14,7,0) 52%); top:calc(70% - 260px); left:calc(60% - 260px); animation:mds-h-horiz 40s ease-in-out infinite; transform-origin:calc(50% - 220px); opacity:.9; }
.mds-ahero__blob.g5{ width:700px; height:700px; background:radial-gradient(circle,rgba(11,87,120,1) 0%,rgba(11,87,120,0) 52%); top:calc(40% - 350px); left:calc(32% - 350px); animation:mds-h-circle 34s ease-in-out infinite; transform-origin:calc(50% + 140px) calc(50% - 120px); }
.mds-ahero__blob.g6{ width:460px; height:460px; background:radial-gradient(circle,rgba(0,201,35,1) 0%,rgba(0,201,35,0) 52%); top:calc(80% - 230px); left:calc(24% - 230px); animation:mds-h-circle 40s ease-in-out infinite; transform-origin:calc(50% - 220px); opacity:.82; }
.mds-ahero__veil{ position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(to bottom,rgba(8,9,10,.1),transparent 18%,rgba(8,9,10,.5) 66%,rgba(8,9,10,.9) 92%,var(--mds-bg)); }
.mds-ahero__in{ position:relative; z-index:2; display:flex; flex-direction:column; gap:var(--mds-3); max-width:900px; padding:var(--mds-8) var(--mds-6) var(--mds-6); }

@keyframes mds-h-circle{ 0%{ transform:rotate(0); } 50%{ transform:rotate(180deg); } 100%{ transform:rotate(360deg); } }
@keyframes mds-h-vert{ 0%{ transform:translateY(-50%); } 50%{ transform:translateY(50%); } 100%{ transform:translateY(-50%); } }
@keyframes mds-h-horiz{ 0%{ transform:translateX(-50%) translateY(-10%); } 50%{ transform:translateX(50%) translateY(10%); } 100%{ transform:translateX(-50%) translateY(-10%); } }
@media (prefers-reduced-motion:reduce){ .mds-ahero__blob{ animation:none !important; } }

/* Text peste gradient = alb (indiferent de tokeni). */
.mds-crumbs{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--mds-1); font-size:13px; color:rgba(255,255,255,.72); }
.mds-crumbs__l{ color:rgba(255,255,255,.72); text-decoration:none; }
.mds-crumbs__l:hover{ color:#fff; }
.mds-crumbs__sep{ color:rgba(255,255,255,.4); margin:0 2px; }
.mds-crumbs__cur{ color:#fff; font-weight:600; }
.mds-ahero__title{ margin:6px 0 4px; font-size:28px; font-weight:700; letter-spacing:-.02em; line-height:1.15; color:#fff; }
.mds-ahero__updated{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--mds-2); color:rgba(255,255,255,.62); font-size:13px; }
.mds-ahero__src{ color:rgba(255,255,255,.45); }
.mds-ahero__tv{ width:100%; margin-top:var(--mds-3); }
.mds-ahero__tv .tradingview-widget-container,.mds-ahero__tv .tradingview-widget-container__widget{ width:100%; }
.mds-ahero__cta{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--mds-3); margin-top:var(--mds-3); position:relative; }

/* CTA-uri (din single-stock.php). */
.mds-cta-invest{ display:inline-flex; align-items:center; gap:7px; padding:9px 17px; border:none; border-radius:11px; font-size:13px; font-weight:500; letter-spacing:-.02em; text-decoration:none; cursor:pointer; color:#08090a; background:linear-gradient(135deg,#2ada49,#1bc441); box-shadow:0 4px 20px rgba(42,218,73,.25); transition:transform .25s,box-shadow .25s,background .25s; }
.mds-cta-invest:hover{ transform:translateY(-2px); background:linear-gradient(135deg,#1bc441,#2ada49); box-shadow:0 8px 30px rgba(42,218,73,.35); color:#08090a; }
.mds-ad{ font-size:9px; font-weight:600; text-transform:uppercase; letter-spacing:.5px; padding:2px 5px; border-radius:3px; background:rgba(0,0,0,.28); color:#08090a; }
.mds-cta-chart{ display:inline-flex; align-items:center; gap:7px; padding:9px 15px; border:1px solid rgba(255,255,255,.28); border-radius:11px; background:transparent; color:#fff; font-size:13px; font-weight:500; cursor:pointer; backdrop-filter:blur(10px); transition:transform .25s,border-color .25s,background .25s; }
.mds-cta-chart:hover{ transform:translateY(-2px); border-color:rgba(255,255,255,.5); background:rgba(255,255,255,.05); }
.mds-infobtn{ position:relative; display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.1); color:#fff; font-size:11px; font-weight:600; cursor:pointer; }
.mds-infobtn__tip{ position:absolute; bottom:calc(100% + 8px); left:50%; transform:translateX(-50%); width:260px; max-width:78vw; padding:12px 14px; border-radius:10px; background:var(--mds-card); border:1px solid var(--mds-line-2); color:var(--mds-tx); font-size:12px; font-weight:400; line-height:1.5; text-align:left; opacity:0; visibility:hidden; transition:opacity .2s; z-index:5; }
.mds-infobtn:hover .mds-infobtn__tip,.mds-infobtn:focus-visible .mds-infobtn__tip{ opacity:1; visibility:visible; }

/* ── Modal TradingView ── */
.mds-tvmodal{ position:fixed; inset:0; z-index:120; display:none; align-items:center; justify-content:center; padding:var(--mds-5); background:rgba(0,0,0,.7); }
.mds-tvmodal.is-open{ display:flex; }
.mds-tvmodal__box{ position:relative; width:min(1100px,100%); height:min(80vh,720px); background:var(--mds-card); border:1px solid var(--mds-line-2); border-radius:var(--mds-r-card); overflow:hidden; }
.mds-tvmodal__x{ position:absolute; top:var(--mds-2); right:var(--mds-2); z-index:2; color:var(--mds-tx); }
.mds-tvmodal__chart{ width:100%; height:100%; }

/* ── Antet de secțiune ── */
.mds-sec__head{ display:flex; align-items:center; gap:var(--mds-3); margin-bottom:var(--mds-3); }
.mds-sec__title{ margin:0; font-size:16px; font-weight:600; letter-spacing:-.01em; color:var(--mds-tx); }

/* ── Piloni ── */
.mds-pillars__list{ display:grid; gap:var(--mds-3); }
.mds-pbar__top{ display:flex; align-items:baseline; justify-content:space-between; margin-bottom:6px; }
.mds-pbar__label{ font-size:13px; color:var(--mds-tx-2); }
.mds-pbar__val{ font-size:14px; font-weight:700; }
.mds-pbar__track{ height:6px; border-radius:var(--mds-r-pill); background:var(--mds-interior); overflow:hidden; }
.mds-pbar__fill{ display:block; height:100%; width:var(--w); border-radius:var(--mds-r-pill); }
.mds-fill--pos{ background:var(--mds-pos); } .mds-fill--warn{ background:var(--mds-warn); } .mds-fill--neg{ background:var(--mds-neg); }
.mds-c--pos{ color:var(--mds-pos); } .mds-c--warn{ color:var(--mds-warn); } .mds-c--neg{ color:var(--mds-neg); }

/* ── Bară valoare 52s ── */
.mds-vbar__wrap{ display:flex; flex-direction:column; gap:var(--mds-3); }
.mds-vbar__track{ position:relative; height:8px; border-radius:var(--mds-r-pill); background:var(--mds-grad-bar); margin:var(--mds-6) 0 var(--mds-2); }
.mds-vbar__fair{ position:absolute; top:-4px; bottom:-4px; left:var(--l); right:var(--r); background:rgba(232,233,235,.14); border-left:1px dashed var(--mds-tx-3); border-right:1px dashed var(--mds-tx-3); border-radius:4px; }
.mds-vbar__marker{ position:absolute; top:50%; left:var(--p); width:2px; height:20px; background:var(--mds-tx); transform:translate(-50%,-50%); border-radius:2px; }
.mds-vbar__mprice{ position:absolute; bottom:calc(100% + 6px); left:50%; transform:translateX(-50%); white-space:nowrap; font-size:12px; font-weight:700; color:var(--mds-tx); }
.mds-vbar__ends{ display:flex; justify-content:space-between; }
.mds-vbar__ends .mds-cap{ display:block; }
.mds-vbar__ends b{ font-size:13px; color:var(--mds-tx); }
.mds-vbar__hi{ text-align:right; }
.mds-vbar__note{ padding-top:var(--mds-2); border-top:1px solid var(--mds-line); }
.mds-vbar__note b{ color:var(--mds-tx); }
.mds-vbar__band{ color:var(--mds-tx-3); }

/* ── Empty ── */
.mds-empty{ display:flex; align-items:center; gap:var(--mds-2); padding:var(--mds-4); color:var(--mds-tx-3); background:var(--mds-card); border:1px solid var(--mds-line); border-radius:var(--mds-r-card); }

/* ── Tag-uri ── */
.mds-tag{ font-size:9.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:3px 7px; border-radius:5px; background:var(--mds-selected); color:var(--mds-tx-3); }
.mds-tag--pro{ background:rgba(240,160,35,.14); color:var(--mds-warn); }

/* ── Bottom-nav (mobil) ── */
@media (max-width:920px){
  .mds-asset{ flex-direction:column; }
  .mds-asset__side{
    position:fixed; left:0; right:0; bottom:0; top:auto; width:auto; flex:none; height:auto; z-index:60;
    flex-direction:row; gap:0; padding:6px var(--mds-2);
    border-right:0; border-top:1px solid var(--mds-line);
    overflow-x:auto;
  }
  .mds-sn__top,.mds-sn__search,.mds-sn__group,.mds-sn__foot,.mds-sn__item.is-locked{ display:none; }
  .mds-sn__nav{ flex-direction:row; gap:var(--mds-1); overflow:visible; margin:0; }
  .mds-sn__item{ flex-direction:column; white-space:nowrap; font-size:11px; padding:6px 10px; min-height:var(--mds-tap); justify-content:center; }
  .mds-asset__main{ padding:0 var(--mds-4) calc(var(--mds-tap) + var(--mds-6)); gap:var(--mds-4); }
  .mds-asset__main .mds-footer{ margin:var(--mds-6) calc(-1 * var(--mds-4)) 0; }
  .mds-asset__main .mds-footer .mds-container{ padding:var(--mds-4); }
  .mds-ahero{ margin:0 calc(-1 * var(--mds-4)); }
  .mds-ahero__in{ padding:var(--mds-6) var(--mds-4) var(--mds-5); }
  .mds-ahero__title{ font-size:21px; }
}