/* einvest cont · stilul paginilor de cont, al feed-ului și al ferestrei de intrare.
   Un singur font: Hanken Grotesk (încărcat de temă). Mărimi: doar cele ale temei.
   Toate clasele încep cu `ec-`, ca să nu se lovească de ale temei. */

.ec, .ec-modal, .ec-toast, .ec-vbar, .ec-hdr, .ec-fol, .ec-fol-ico, .ec-xfol, .ec-srow{
  --ec-bg:#0b0b0d; --ec-s1:#141416; --ec-s2:#1c1c1f; --ec-s3:#242428; --ec-s4:#2c2c30;
  --ec-ink:#f5f3f0; --ec-ink2:#9c9a96; --ec-ink3:#7d7a74; --ec-ink4:#66645f;
  --ec-up:#00ba7c; --ec-dn:#f4212e; --ec-link:#1d9bf0; --ec-imp:#ffd400; --ec-violet:#a9a7ff; --ec-teal:#30d5c8;
  --ec-hair:rgba(255,255,255,.07);
  --ec-f:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  /* Scara de text a temei (sectiuni/00-shell.css, --xt-2…--xt-8), valoare cu valoare. */
  --ec-t1:34px; --ec-t2:30px; --ec-t3:21.5px; --ec-t4:20px; --ec-t5:15.5px; --ec-t6:13.5px; --ec-t7:12px;
}
@media (max-width:920px){
  .ec, .ec-modal, .ec-toast, .ec-vbar, .ec-hdr, .ec-fol, .ec-fol-ico, .ec-xfol, .ec-srow{ --ec-t1:30px; --ec-t2:25px; --ec-t3:20px; }
}
.ec{ color:var(--ec-ink); font:400 var(--ec-t5)/1.5 var(--ec-f); -webkit-font-smoothing:antialiased; }
.ec *, .ec *::before, .ec *::after, .ec-modal *{ box-sizing:border-box; }
.ec [hidden], .ec-modal [hidden]{ display:none !important; }
:where(.ec, .ec-modal) a{ color:var(--ec-link); text-decoration:none; }
:where(.ec, .ec-modal) a:hover{ text-decoration:underline; text-underline-offset:2px; }
:where(.ec, .ec-modal) :where(button, input, select, textarea){ font:inherit; color:inherit; }
.ec :focus-visible, .ec-modal :focus-visible{ outline:2px solid var(--ec-link); outline-offset:3px; }
body.ec-bare{ margin:0; background:#0b0b0d; }
.ec-up{ color:var(--ec-up); } .ec-dn{ color:var(--ec-dn); } .ec-teal{ color:var(--ec-teal); } .ec-flat{ color:var(--ec-ink2); }
.ec-hp{ position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; }
.ec-ico{ flex:none; display:block; }

/* ── butoane și legături ── */
.ec-b{ display:inline-flex; align-items:center; justify-content:center; gap:10px; height:52px; padding:0 28px; border:0; border-radius:999px;
  background:var(--ec-ink); color:var(--ec-bg) !important; font:600 var(--ec-t5)/1 var(--ec-f); cursor:pointer; text-decoration:none !important;
  transition:transform .2s ease, opacity .2s, background .2s; -webkit-tap-highlight-color:transparent; }
.ec-b:hover{ transform:scale(1.015); }
.ec-b:active{ transform:scale(.985); }
.ec-b[disabled], .ec-b.is-dis{ opacity:.35; pointer-events:none; }
.ec-b.is-busy{ opacity:.6; pointer-events:none; }
.ec-b--full{ width:100%; }
.ec-b--q{ background:var(--ec-s2); color:var(--ec-ink) !important; }
.ec-b--sm{ height:40px; padding:0 18px; font-size:var(--ec-t6); gap:7px; }
.ec-b--dn{ background:var(--ec-dn); color:#fff !important; }
.ec-b--soc{ background:var(--ec-s2); color:var(--ec-ink) !important; font-weight:500; }
.ec-lk{ background:none; border:0; padding:0; color:var(--ec-link); font:500 var(--ec-t5)/1.2 var(--ec-f); cursor:pointer; }
.ec-lk--q{ color:var(--ec-ink2) !important; font-size:var(--ec-t6); }
.ec-lk--q:hover{ color:var(--ec-ink) !important; }
.ec-lk--dn{ color:#ff6b74 !important; }

/* ── formulare ── */
.ec-form{ margin:0; }
.ec-f{ display:block; margin:0 0 14px; }
.ec-f__l{ display:block; margin:0 0 8px; font:500 var(--ec-t6)/1.2 var(--ec-f); color:var(--ec-ink2); }
.ec-f__w{ position:relative; display:block; }
.ec-f input, .ec-f select{ display:block; width:100%; height:52px; padding:0 18px; border:0; border-radius:16px; background:var(--ec-s2); font-size:var(--ec-t5); color:var(--ec-ink); outline:none; transition:box-shadow .2s; -webkit-appearance:none; appearance:none; }
.ec-f select{ background-image:linear-gradient(45deg,transparent 50%,#9c9a96 50%),linear-gradient(135deg,#9c9a96 50%,transparent 50%); background-position:calc(100% - 22px) 23px,calc(100% - 17px) 23px; background-size:5px 5px; background-repeat:no-repeat; padding-right:40px; }
.ec-f__w input{ padding-right:84px; }
.ec-f input::placeholder{ color:var(--ec-ink4); }
.ec-f input:focus, .ec-f select:focus{ box-shadow:0 0 0 2px var(--ec-link); }
.ec-f__eye{ position:absolute; right:8px; top:8px; height:36px; padding:0 12px; border:0; border-radius:12px; background:none; color:var(--ec-ink2); font-size:var(--ec-t6); cursor:pointer; }
.ec-f__h{ display:block; margin:8px 0 0; font-size:var(--ec-t7); color:var(--ec-ink3); line-height:1.5; }
.ec-f2{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.ec-meter{ display:flex; gap:4px; margin:10px 0 0; }
.ec-meter i{ flex:1; height:4px; border-radius:2px; background:rgba(255,255,255,.1); transition:background .2s; }
.ec-meter i.is-on{ background:var(--ec-up); }
.ec-meter[data-lvl="1"] i.is-on{ background:var(--ec-dn); }
.ec-meter[data-lvl="2"] i.is-on{ background:var(--ec-imp); }
.ec-code{ letter-spacing:.3em; font-weight:600 !important; font-size:var(--ec-t3) !important; text-align:center; }
.ec-row{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin:-2px 0 20px; }
.ec-chk{ display:flex; gap:8px; align-items:center; font-size:var(--ec-t6); color:var(--ec-ink2); cursor:pointer; }
.ec-chk input{ accent-color:var(--ec-up); width:16px; height:16px; margin:0; }
.ec-chk--block{ margin:4px 0 20px; text-align:left; }
.ec-err{ margin:0 0 16px; padding:12px 16px; border-radius:14px; background:rgba(244,33,46,.12); color:#ff8a92; font-size:var(--ec-t6); line-height:1.5; }
.ec-err a{ color:#ffb3b8 !important; text-decoration:underline; }
.ec-ok{ margin:0 0 16px; padding:12px 16px; border-radius:14px; background:rgba(0,186,124,.12); color:#3ee8a8; font-size:var(--ec-t6); line-height:1.5; }
.ec-legal{ margin:20px 0 0; font-size:var(--ec-t7); color:var(--ec-ink3); text-wrap:balance; line-height:1.5; }
.ec-legal a{ color:var(--ec-ink2) !important; text-decoration:underline; text-underline-offset:2px; }
.ec-swt{ margin:26px 0 0; font-size:var(--ec-t6); color:var(--ec-ink2); }
.ec-soc{ display:grid; gap:10px; margin:0 0 22px; }
.ec-or{ display:flex; align-items:center; gap:14px; margin:0 0 22px; color:var(--ec-ink3); font-size:var(--ec-t7); }
.ec-or::before, .ec-or::after{ content:""; flex:1; height:1px; background:var(--ec-hair); }
.ec-ts{ margin:4px 0 18px; min-height:65px; }

/* ── logo ── */
.ec-logo-a{ display:inline-block; text-decoration:none !important; }
.ec-logo{ display:inline-block; font:700 21px/1 var(--ec-f); letter-spacing:-.02em; color:var(--ec-ink); }
.ec-logo b{ color:var(--ec-up); font-weight:700; }

/* ── monograme și sigle ── */
.ec-lg{ display:inline-grid; place-items:center; flex:none; width:28px; height:28px; color:var(--ec-ink2); font:700 15px/1 var(--ec-f); letter-spacing:-.02em; overflow:hidden; }
/* Siglele stau libere, fără cerc sau pătrat în jur; fără siglă, inițiala simplă. */
.ec-lg--img{ background:none; }
.ec-lg--img img{ width:100%; height:100%; object-fit:contain; display:block; }

/* ── lumina din spate (aceeași ca în antetul paginii de activ) ── */
.ec-aurora{ position:absolute; inset:0; overflow:hidden; pointer-events:none; }
.ec-aurora::before, .ec-aurora::after{ content:""; position:absolute; border-radius:50%; filter:blur(70px); }
.ec-aurora::before{ width:90%; height:80%; left:-20%; top:-20%; background:radial-gradient(circle,rgba(0,186,124,.55),rgba(29,155,240,.25) 45%,transparent 70%); }
.ec-aurora::after{ width:80%; height:75%; right:-25%; top:-10%; background:radial-gradient(circle,rgba(255,170,0,.55),rgba(240,108,0,.3) 45%,transparent 70%); }

/* ══════════ INTRARE: formular în stânga, ilustrație în dreapta ══════════ */
.ec-split{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); min-height:100vh; min-height:100dvh; }
.ec-split__f{ display:flex; flex-direction:column; padding:32px clamp(20px,5vw,72px); }
.ec-split__f > .ec-logo-a{ align-self:flex-start; }
.ec-split__in{ width:min(400px,100%); margin:48px auto; }
.ec-split h1, .ec-one h1{ margin:0 0 10px; font:700 var(--ec-t2)/1.12 var(--ec-f); letter-spacing:-.025em; text-wrap:balance; }
.ec-split__d{ margin:0 0 30px; color:var(--ec-ink2); text-wrap:pretty; }
.ec-split__d b{ color:var(--ec-ink); font-weight:600; }
.ec-split__foot{ margin-top:auto; display:flex; flex-wrap:wrap; gap:6px 18px; font-size:var(--ec-t7); color:var(--ec-ink4); }
.ec-split__foot a{ color:var(--ec-ink3) !important; }
.ec-split__v{ position:relative; margin:12px 12px 12px 0; border-radius:36px; overflow:hidden; background:#0f0f12; isolation:isolate; }
.ec-vis{ position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end; padding:clamp(28px,4vw,56px); }
.ec-vis__q{ position:relative; z-index:2; max-width:460px; margin:0; }
.ec-vis__q b{ display:block; font:700 clamp(26px,2.6vw,34px)/1.1 var(--ec-f); letter-spacing:-.03em; margin:0 0 12px; }
.ec-vis__q span{ color:rgba(245,243,240,.72); }
.ec-stack{ position:absolute; left:clamp(28px,4vw,56px); right:clamp(28px,4vw,56px); top:clamp(40px,8vh,96px); height:56%; }
.ec-gc{ position:absolute; padding:20px 22px; border-radius:24px; background:rgba(22,22,26,.72); -webkit-backdrop-filter:blur(24px) saturate(1.4); backdrop-filter:blur(24px) saturate(1.4); box-shadow:0 30px 70px -20px rgba(0,0,0,.85); }
.ec-gc--a{ left:0; top:4%; width:min(330px,72%); }
.ec-gc--b{ right:0; top:38%; width:min(300px,64%); }
.ec-gc--c{ left:12%; bottom:-4%; width:min(280px,60%); }
.ec-gc__k{ display:block; margin:0 0 12px; color:var(--ec-ink3); font:600 var(--ec-t7)/1 var(--ec-f); }
.ec-gc__r{ display:flex; align-items:center; gap:12px; }
.ec-gc__r + .ec-gc__r{ margin-top:12px; }
.ec-gc__r b{ flex:1; font-weight:600; font-size:var(--ec-t6); }
.ec-gc__r em{ font-style:normal; font-weight:600; font-size:var(--ec-t6); }
.ec-gc .ec-lg{ width:30px; height:30px; }
.ec-gc__p{ margin:10px 0 0; color:var(--ec-ink2); font-size:var(--ec-t7); line-height:1.5; }
.ec-gc__spark{ display:block; width:100%; height:46px; margin-top:8px; }

/* pagini cu o singură coloană: parolă, confirmare, mesaje */
.ec-one{ min-height:100vh; min-height:100dvh; display:grid; place-items:center; padding:48px 16px; }
.ec-one__in{ width:min(400px,100%); text-align:center; }
.ec-one .ec-logo-a{ margin:0 0 40px; }
.ec-one .ec-form, .ec-one .ec-f, .ec-one .ec-err, .ec-one .ec-ok{ text-align:left; }
.ec-bigico{ display:grid; place-items:center; width:64px; height:64px; margin:0 auto 24px; border-radius:20px; background:var(--ec-s2); color:var(--ec-ink); }
.ec-bigico--ok{ background:rgba(0,186,124,.14); color:var(--ec-up); }
.ec-bigico svg{ width:28px; height:28px; }

/* ══════════ FEREASTRA DE INTRARE (pe pagina de activ) ══════════ */
.ec-modal{ position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:16px; background:rgba(5,5,7,.6); -webkit-backdrop-filter:blur(14px) saturate(1.2); backdrop-filter:blur(14px) saturate(1.2); font:400 var(--ec-t5)/1.5 var(--ec-f); color:var(--ec-ink); }
.ec-modal[hidden]{ display:none; }
.ec-modal__box{ position:relative; width:min(420px,100%); max-height:calc(100dvh - 32px); overflow:auto; overscroll-behavior:contain; padding:36px 32px 28px; border-radius:32px; background:#151518; box-shadow:0 40px 100px -20px rgba(0,0,0,.95); }
.ec-modal__x{ position:absolute; right:16px; top:16px; width:34px; height:34px; display:grid; place-items:center; border:0; border-radius:50%; background:var(--ec-s2); color:var(--ec-ink2); cursor:pointer; }
.ec-modal h2{ margin:0 0 8px; font:700 24px/1.15 var(--ec-f); letter-spacing:-.02em; text-align:center; color:var(--ec-ink); }
.ec-modal__d{ margin:0 0 24px; text-align:center; color:var(--ec-ink2); font-size:var(--ec-t6); }
.ec-modal .ec-b--soc{ height:48px; }
.ec-seg{ display:flex; gap:4px; padding:4px; margin:0 0 22px; border-radius:999px; background:var(--ec-s2); }
.ec-seg button, .ec-seg a{ flex:1; height:36px; display:grid; place-items:center; border:0; border-radius:999px; background:none; color:var(--ec-ink2) !important; font:600 var(--ec-t6)/1 var(--ec-f); cursor:pointer; text-decoration:none !important; white-space:nowrap; }
.ec-seg .is-on{ background:var(--ec-s4); color:var(--ec-ink) !important; }
html.ec-lock, html.ec-lock body{ overflow:hidden; }

/* ══════════ BUTONUL „URMĂREȘTE” (antetul paginii de activ) ══════════ */
.ec-fol{ order:0; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:46px; padding:0 22px; border:1px solid rgba(255,255,255,.28); border-radius:999px;
  background:rgba(0,0,0,.18); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); color:#fff; font:600 14.5px/1.2 var(--ec-f); letter-spacing:-.01em; cursor:pointer; white-space:nowrap; transition:transform .2s, background .2s, border-color .2s; }
.ec-fol:hover{ transform:translateY(-1px); border-color:rgba(255,255,255,.5); }
.ec-fol.is-on, .ec-fol-ico.is-on{ border-color:rgba(0,186,124,.55); background:rgba(0,186,124,.16); color:#3ee8a8; }
.ec-fol.is-busy, .ec-fol-ico.is-busy{ opacity:.6; pointer-events:none; }
.ec-fol-ico{ display:none; flex:none; width:40px; height:40px; place-items:center; padding:0; border:1px solid rgba(255,255,255,.28); border-radius:50%; background:rgba(0,0,0,.2); color:#fff; cursor:pointer; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
@media (max-width:620px){
  .mds-ahero__cta .ec-fol{ display:none; }
  .ec-fol-ico{ display:grid; }
}

/* ══════════ ANTETUL SITE-ULUI (cont logat) ══════════ */
.ec-hdr{ position:relative; display:inline-flex; align-items:center; gap:12px; font:500 var(--ec-t6)/1 var(--ec-f); }
.ec-hdr__feed{ color:var(--ec-ink) !important; text-decoration:none !important; padding:8px 10px; border-radius:999px; }
.ec-hdr__feed:hover{ background:rgba(255,255,255,.06); }
.ec-av{ display:inline-grid; place-items:center; flex:none; width:34px; height:34px; padding:0; border:0; border-radius:50%; background:linear-gradient(135deg,#00ba7c,#1d9bf0); color:#fff !important; font:700 13px/1 var(--ec-f); cursor:pointer; text-decoration:none !important; }
.ec-av--l{ width:44px; height:44px; font-size:16px; }
.ec-bell{ position:relative; display:grid; place-items:center; width:38px; height:38px; padding:0; border:0; border-radius:50%; background:none; color:var(--ec-ink); cursor:pointer; }
.ec-bell:hover{ background:rgba(255,255,255,.06); }
.ec-bell__n{ position:absolute; right:3px; top:3px; min-width:17px; height:17px; padding:0 4px; border-radius:999px; background:var(--ec-dn); color:#fff; font:700 10px/17px var(--ec-f); font-style:normal; text-align:center; }
.ec-menuw{ position:relative; }
.ec-menu{ position:absolute; right:0; top:calc(100% + 10px); z-index:60; width:250px; padding:6px; border-radius:18px; background:#1d1d21; box-shadow:0 24px 60px -12px rgba(0,0,0,.9); }
.ec-menu a, .ec-menu button{ display:block; width:100%; padding:11px 12px; border:0; border-radius:12px; background:none; color:var(--ec-ink) !important; text-align:left; font:500 var(--ec-t6)/1.3 var(--ec-f); cursor:pointer; text-decoration:none !important; }
.ec-menu a:hover, .ec-menu button:hover{ background:rgba(255,255,255,.06); }
.ec-menu__who{ display:block; padding:10px 12px 12px; margin:0 0 4px; box-shadow:inset 0 -1px 0 var(--ec-hair); }
.ec-menu__who b{ display:block; font-weight:600; color:var(--ec-ink); }
.ec-menu__who span{ display:block; margin-top:2px; color:var(--ec-ink3); font-size:var(--ec-t7); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ec-menu p{ margin:4px 12px 8px; color:var(--ec-ink3); font-size:var(--ec-t7); line-height:1.45; }
.ec-notes{ position:absolute; right:0; top:calc(100% + 10px); z-index:60; width:min(360px,calc(100vw - 24px)); max-height:min(480px,70vh); overflow:auto; padding:8px; border-radius:20px; background:#1d1d21; box-shadow:0 24px 60px -12px rgba(0,0,0,.9); }
.ec-notes__h{ display:block; padding:8px 10px 10px; font:600 var(--ec-t5)/1 var(--ec-f); color:var(--ec-ink); }
.ec-notes__l a{ display:block; padding:11px 10px; border-radius:12px; color:var(--ec-ink) !important; text-decoration:none !important; font-size:var(--ec-t6); line-height:1.4; }
.ec-notes__l a:hover{ background:rgba(255,255,255,.06); }
.ec-notes__l a span{ display:block; margin-top:3px; color:var(--ec-ink3); font-size:var(--ec-t7); }
.ec-notes__l a.is-read{ opacity:.5; }
.ec-notes__l p{ margin:0; padding:14px 10px; color:var(--ec-ink3); font-size:var(--ec-t6); }
.ec-hdr--m{ gap:4px; }
.ec-hdr--m .ec-av{ width:30px; height:30px; font-size:12px; }
.ec-drawer{ display:grid; gap:2px; }
.ec-drawer__l{ display:flex; align-items:center; gap:12px; padding:12px 6px; color:var(--ec-ink) !important; text-decoration:none !important; font:500 var(--ec-t5)/1 var(--ec-f); }

/* contul din bara laterală a paginii de activ */
.ec-sbacc{ display:grid; gap:10px; padding:12px 0 0; }
.ec-sbacc__who{ display:flex; align-items:center; gap:10px; min-width:0; color:var(--ec-ink) !important; text-decoration:none !important; }
.ec-sbacc__who > span:last-child{ min-width:0; }
.ec-sbacc__who b{ display:block; font-weight:600; font-size:var(--ec-t6); }
.ec-sbacc__who span span{ display:block; color:var(--ec-ink3); font-size:var(--ec-t7); }

/* ── banda „confirmă emailul” ── */
.ec-vbar{ position:fixed; left:50%; bottom:max(16px,env(safe-area-inset-bottom)); z-index:95; transform:translateX(-50%); display:flex; align-items:center; gap:16px; width:max-content; max-width:calc(100vw - 24px); padding:10px 10px 10px 20px; border-radius:999px; background:rgba(29,29,33,.92); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); box-shadow:0 20px 50px -12px rgba(0,0,0,.9); font-size:var(--ec-t6); color:var(--ec-ink); }
.ec-vbar .ec-b{ height:36px; }

/* ── toast ── */
.ec-toast{ position:fixed; left:50%; bottom:28px; z-index:1100; transform:translate(-50%,16px); opacity:0; max-width:calc(100vw - 32px); padding:12px 20px; border-radius:999px; background:#202024; box-shadow:0 20px 50px -10px rgba(0,0,0,.9); color:var(--ec-ink); font:500 var(--ec-t6)/1.35 var(--ec-f); text-align:center; transition:opacity .25s, transform .25s; pointer-events:none; }
.ec-toast.is-on{ opacity:1; transform:translate(-50%,0); }
.ec-toast a{ color:var(--ec-link); pointer-events:auto; }

/* ══════════ ONBOARDING ══════════ */
.ec-ob{ display:block; margin:0; }
.ec-ob__in{ max-width:680px; margin:0 auto; padding:36px 20px 150px; }
.ec-ob__top{ display:flex; align-items:center; justify-content:space-between; margin:0 0 64px; }
.ec-steps{ display:flex; gap:6px; }
.ec-steps i{ width:28px; height:3px; border-radius:2px; background:var(--ec-s3); }
.ec-steps i.is-on{ background:var(--ec-ink); }
.ec-ob h1{ margin:0 0 10px; font:700 var(--ec-t1)/1.08 var(--ec-f); letter-spacing:-.03em; text-wrap:balance; }
.ec-ob__d{ margin:0 0 28px; max-width:520px; color:var(--ec-ink2); text-wrap:pretty; }
.ec-find{ position:relative; display:block; margin:0 0 28px; }
.ec-find input{ width:100%; height:46px; padding:0 16px 0 44px; border:0; border-radius:12px; background:var(--ec-s2); font-size:var(--ec-t5); color:var(--ec-ink); outline:none; -webkit-appearance:none; appearance:none; }
.ec-find input::placeholder{ color:var(--ec-ink3); }
.ec-find input:focus{ box-shadow:0 0 0 2px var(--ec-link); }
.ec-find .ec-ico{ position:absolute; z-index:1; left:15px; top:15px; color:var(--ec-ink3); }
.ec-grp{ margin:0 0 28px; }
.ec-grp h2{ margin:0 0 12px; font:600 var(--ec-t6)/1.2 var(--ec-f); color:var(--ec-ink2); }
.ec-pills{ display:flex; flex-wrap:wrap; gap:8px; }
.ec-pill{ position:relative; display:inline-flex; align-items:center; gap:9px; height:40px; padding:0 14px 0 6px; border-radius:999px; background:var(--ec-s2); font:500 var(--ec-t6)/1 var(--ec-f); cursor:pointer; user-select:none; transition:background .15s, color .15s; }
.ec-pill:hover{ background:var(--ec-s3); }
.ec-pill input{ position:absolute; opacity:0; width:1px; height:1px; pointer-events:none; }
.ec-pill em{ font-style:normal; color:var(--ec-ink3); font-size:var(--ec-t7); font-weight:500; }
.ec-pill.is-on, .ec-pill:has(input:checked){ background:var(--ec-ink); color:var(--ec-bg); }
.ec-pill.is-on em, .ec-pill:has(input:checked) em{ color:#6b6964; }
.ec-pill:has(input:focus-visible){ outline:2px solid var(--ec-link); outline-offset:2px; }
.ec-pill--t{ padding:0 16px; }
.ec-ob__bar{ position:static; padding:8px 20px 40px; }
.ec-ob__bar > div{ max-width:640px; margin:0 auto; display:flex; align-items:center; gap:20px; }
.ec-ob__bar [data-ec-next]{ display:none; }
.ec-ob.is-js .ec-ob__bar{ position:fixed; left:0; right:0; bottom:0; z-index:20; padding:22px 20px max(22px,env(safe-area-inset-bottom)); background:linear-gradient(180deg,rgba(11,11,13,0),#0b0b0d 38%); }
.ec-ob.is-js .ec-ob__bar [data-ec-next]{ display:inline-flex; }
.ec-ob.is-js .ec-ob__step{ display:none; }
.ec-ob.is-js .ec-ob__step.is-on{ display:block; }
.ec-ob:not(.is-js) .ec-ob__step:not([data-step="3"]) .ec-ob__bar{ display:none; }
.ec-ob:not(.is-js) .ec-ob__step:not([data-step="1"]) .ec-ob__top{ display:none; }
.ec-ob:not(.is-js) .ec-ob__in{ padding-bottom:24px; }
.ec-need{ flex:1; font-size:var(--ec-t6); color:var(--ec-ink2); }
.ec-need b{ color:var(--ec-ink); font-weight:600; }
.ec-need .ec-ok-i{ color:var(--ec-up); }
.ec-rows, .ec-card--rows{ border-radius:16px; background:var(--ec-s1); padding:0 18px; }
.ec-rowt{ display:flex; align-items:center; gap:16px; min-height:72px; padding:14px 0; margin:0; cursor:default; }
label.ec-rowt{ cursor:pointer; }
.ec-rowt + .ec-rowt{ box-shadow:inset 0 1px 0 var(--ec-hair); }
.ec-rowt__t{ flex:1; min-width:0; }
.ec-rowt__t b{ display:block; font-weight:600; }
.ec-rowt__t > span{ display:block; margin-top:2px; color:var(--ec-ink2); font-size:var(--ec-t6); line-height:1.4; }
.ec-rowt__ico{ flex:none; display:grid; place-items:center; width:36px; height:36px; border-radius:10px; background:var(--ec-s2); }
.ec-rowt.is-dis{ cursor:default; }
.ec-rowt form{ margin:0; }
.ec-pro{ display:inline-block; margin-left:8px; color:var(--ec-link); font-size:var(--ec-t7); font-weight:600; vertical-align:1px; }
.ec-pro--ok{ margin-left:0; padding:4px 10px; border-radius:999px; background:rgba(0,186,124,.14); color:var(--ec-up); }
.ec-pro--q{ margin-left:0; padding:4px 10px; border-radius:999px; background:var(--ec-s2); color:var(--ec-ink2); }
.ec-sw{ position:relative; flex:none; width:51px; height:31px; margin:0; border:0; border-radius:999px; background:#39393d; cursor:pointer; transition:background .2s; -webkit-appearance:none; appearance:none; }
.ec-sw::after{ content:""; position:absolute; left:2px; top:2px; width:27px; height:27px; border-radius:50%; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.35); transition:transform .25s cubic-bezier(.2,.8,.2,1); }
.ec-sw:checked{ background:var(--ec-up); }
.ec-sw:checked::after{ transform:translateX(20px); }
.ec-sw:disabled{ opacity:.4; cursor:default; }
.ec-done__l{ display:flex; margin:0 0 28px; }
.ec-done__l .ec-lg{ width:40px; height:40px; font-size:13px; margin-left:-8px; box-shadow:0 0 0 3px var(--ec-bg); }
.ec-done__l .ec-lg:first-child{ margin-left:0; }

/* ══════════ PAGINILE CU ANTETUL SITE-ULUI ══════════ */
.ec-shell{ display:block; background:var(--ec-bg); min-height:60vh; }

/* ══════════ FEED ══════════ */
.ec-mkt{ display:grid; grid-template-columns:repeat(var(--n,6),minmax(0,1fr)); margin:0 0 28px; border-radius:18px; background:var(--ec-s1); overflow:hidden; }
.ec-mkt__c{ display:block; padding:14px 16px 12px; color:var(--ec-ink) !important; text-decoration:none !important; transition:background .15s; min-width:0; }
.ec-mkt__c + .ec-mkt__c{ box-shadow:inset 1px 0 0 var(--ec-hair); }
a.ec-mkt__c:hover{ background:var(--ec-s2); }
.ec-mkt__c span{ display:block; color:var(--ec-ink2); font-size:var(--ec-t7); font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ec-mkt__c b{ display:block; margin:6px 0 2px; font-weight:600; font-size:var(--ec-t5); font-variant-numeric:tabular-nums; letter-spacing:-.01em; white-space:nowrap; }
.ec-mkt__c em{ font-style:normal; font-weight:600; font-size:var(--ec-t7); font-variant-numeric:tabular-nums; }
.ec-sec{ margin:0; }
.ec-it{ position:relative; display:grid; grid-template-columns:28px minmax(0,1fr) auto; gap:4px 14px; padding:18px 0; box-shadow:inset 0 -1px 0 var(--ec-hair); }
.ec-it:last-child{ box-shadow:none; }
.ec-it > .ec-lg, .ec-it > .ec-gl{ grid-column:1; grid-row:1/span 5; margin-top:1px; }
.ec-it > :not(.ec-lg):not(.ec-gl):not(.ec-it__r):not(.ec-it__more):not(.ec-menu){ grid-column:2; }
.ec-gl{ display:grid; place-items:center; width:28px; height:28px; border-radius:8px; background:var(--ec-s2); color:var(--ec-ink2); }
.ec-kick{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 12px; margin:0; padding-right:28px; font-size:var(--ec-t7); color:var(--ec-ink3); }
.ec-kick b{ font-weight:600; }
.ec-kick a{ color:var(--ec-ink3) !important; }
.ec-k-imp{ color:var(--ec-imp); } .ec-k-pro{ color:var(--ec-up); } .ec-k-con{ color:#ff6b74; } .ec-k-mov{ color:var(--ec-link); } .ec-k-you{ color:var(--ec-violet); } .ec-k-cal{ color:var(--ec-teal); } .ec-k-q{ color:var(--ec-ink2); }
.ec-it h4{ margin:2px 0 0; font:600 var(--ec-t5)/1.35 var(--ec-f); letter-spacing:-.005em; text-wrap:pretty; color:var(--ec-ink); }
.ec-it--imp h4{ font-weight:700; }
.ec-it p{ margin:2px 0 0; color:var(--ec-ink2); font-size:var(--ec-t6); line-height:1.5; }
.ec-it__r{ grid-column:3; grid-row:1/span 4; align-self:center; text-align:right; padding-right:22px; }
.ec-chg{ font:700 var(--ec-t4)/1 var(--ec-f); font-variant-numeric:tabular-nums; letter-spacing:-.01em; }
.ec-spk{ display:block; width:84px; height:28px; margin:6px 0 0 auto; }
.ec-acts{ display:flex; align-items:center; gap:16px; margin:8px 0 0; font-size:var(--ec-t7); }
.ec-acts button, .ec-acts a{ display:inline-flex; align-items:center; gap:5px; padding:0; border:0; background:none; color:var(--ec-ink3) !important; font:600 var(--ec-t7)/1 var(--ec-f); cursor:pointer; text-decoration:none !important; }
.ec-acts button:hover, .ec-acts a:hover{ color:var(--ec-ink) !important; }
.ec-acts button.is-on{ color:var(--ec-up) !important; }
.ec-it__more{ position:absolute; right:-6px; top:12px; width:30px; height:30px; display:grid; place-items:center; border:0; border-radius:50%; background:none; color:var(--ec-ink4); cursor:pointer; opacity:0; transition:opacity .15s; }
.ec-it:hover .ec-it__more, .ec-it__more:focus-visible, .ec-it__more[aria-expanded="true"]{ opacity:1; }
.ec-menu--it{ top:44px; }
.ec-lockt{ display:inline-flex; align-items:center; gap:6px; margin:6px 0 0; font-size:var(--ec-t6); font-weight:500; }
.ec-empty{ padding:48px 0; text-align:center; }
.ec-empty b{ display:block; font:600 var(--ec-t4)/1.3 var(--ec-f); }
.ec-empty p{ margin:6px auto 18px; max-width:420px; color:var(--ec-ink2); font-size:var(--ec-t6); }
.ec-recs-w{ padding:18px 0; box-shadow:inset 0 -1px 0 var(--ec-hair); }
.ec-recs-w h3{ margin:0 0 12px; font:700 var(--ec-t4)/1.2 var(--ec-f); letter-spacing:-.015em; }
.ec-recs{ display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; }
.ec-recs::-webkit-scrollbar{ display:none; }
.ec-rec{ flex:none; display:flex; align-items:center; gap:10px; height:48px; padding:0 6px 0 8px; border-radius:999px; background:var(--ec-s1); }
.ec-rec a{ color:var(--ec-ink) !important; }
.ec-rec b{ font-weight:600; font-size:var(--ec-t6); }
.ec-rec em{ font-style:normal; color:var(--ec-ink3); font-size:var(--ec-t7); }
.ec-rec button{ display:grid; place-items:center; width:32px; height:32px; margin-left:4px; border:0; border-radius:50%; background:var(--ec-s3); color:var(--ec-ink); cursor:pointer; }
.ec-rec button.is-on{ background:var(--ec-up); color:#04130d; }
.ec-why{ margin:10px 0 0; font-size:var(--ec-t7); color:var(--ec-ink3); }
.ec-ad{ margin:18px 0; padding:18px 20px; border-radius:18px; background:var(--ec-s1); overflow:hidden; }
.ec-ad__l{ display:flex; align-items:center; justify-content:space-between; margin:0 0 12px; font-size:var(--ec-t7); color:var(--ec-ink3); }
.ec-ad__l a{ color:var(--ec-ink3) !important; text-decoration:underline; text-underline-offset:2px; }
.ec-adbox{ position:relative; border-radius:18px; overflow:hidden; }
.ec-ad__tag{ display:block; margin:0 0 8px; font-size:var(--ec-t7); color:var(--ec-ink3); }
.ec-badge{ justify-self:end; min-width:72px; padding:6px 8px; border-radius:7px; text-align:right; font:600 var(--ec-t7)/1 var(--ec-f); font-variant-numeric:tabular-nums; color:#fff; }
.ec-badge--u{ background:#0b8a5c; } .ec-badge--d{ background:#c81d29; } .ec-badge--z{ background:var(--ec-s3); color:var(--ec-ink2); }
.ec-cal{ display:grid; grid-template-columns:52px minmax(0,1fr); gap:12px; padding:11px 0; box-shadow:inset 0 -1px 0 var(--ec-hair); font-size:var(--ec-t6); color:var(--ec-ink) !important; text-decoration:none !important; }
.ec-cal i{ font-style:normal; color:var(--ec-ink3); font-size:var(--ec-t7); font-weight:600; line-height:1.6; }
.ec-cal b{ display:block; font-weight:600; }
.ec-cal span span{ display:block; color:var(--ec-ink3); font-size:var(--ec-t7); }

/* ══════════ WATCHLIST ══════════ */
.ec-wl__add{ position:relative; margin:0 0 8px; }
.ec-wl__add .ec-find{ margin:0; }
.ec-sugg{ position:absolute; left:0; right:0; top:52px; z-index:30; padding:6px; border-radius:16px; background:#1d1d21; box-shadow:0 24px 60px -12px rgba(0,0,0,.9); }
.ec-sugg button{ display:flex; align-items:center; gap:12px; width:100%; padding:10px; border:0; border-radius:12px; background:none; color:var(--ec-ink); text-align:left; cursor:pointer; font-size:var(--ec-t6); }
.ec-sugg button:hover, .ec-sugg button:focus-visible{ background:rgba(255,255,255,.06); }
.ec-sugg button b{ font-weight:600; }
.ec-sugg button em{ margin-left:auto; font-style:normal; color:var(--ec-ink3); font-size:var(--ec-t7); }
.ec-sugg p{ margin:0; padding:12px; color:var(--ec-ink3); font-size:var(--ec-t6); }
.ec-wl__ft{ display:flex; gap:20px; margin:18px 0 0; }
.ec-note{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:16px 0; padding:12px 16px; border-radius:14px; background:var(--ec-s1); color:var(--ec-ink2); font-size:var(--ec-t6); }
.ec-note--q{ background:none; padding:0; margin-top:28px; color:var(--ec-ink3); }

/* ══════════ CONT ══════════ */
.ec-acc__body{ min-width:0; max-width:620px; }
.ec-acc__body h1{ margin:0 0 24px; font:700 var(--ec-t2)/1.1 var(--ec-f); letter-spacing:-.025em; }
.ec-acc__body h2{ margin:36px 0 12px; font:600 var(--ec-t5)/1.2 var(--ec-f); color:var(--ec-ink2); }
.ec-card{ display:block; margin:0; padding:22px; border-radius:20px; background:var(--ec-s1); }
.ec-card--rows{ padding:0 18px; }
.ec-card--dn{ box-shadow:inset 0 0 0 1px rgba(244,33,46,.25); }
.ec-card__p{ margin:0 0 16px; color:var(--ec-ink2); font-size:var(--ec-t6); line-height:1.55; }
.ec-card__p b{ color:var(--ec-ink); font-weight:600; }
.ec-card__ft{ padding:14px 0 18px; box-shadow:inset 0 1px 0 var(--ec-hair); }
.ec-card__acts{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.ec-card__acts form{ margin:0; }
.ec-card .ec-f input, .ec-card .ec-f select{ background:var(--ec-s2); }
.ec-card .ec-f__h{ margin:-4px 0 16px; }
.ec-lead{ margin:-12px 0 20px; color:var(--ec-ink2); }
.ec-sub__st{ margin:0 0 10px; }

/* ══════════ ABONAMENTE ══════════ */
.ec-pr{ max-width:880px; margin:0 auto; padding:56px 20px 96px; }
.ec-pr__h{ text-align:center; margin:0 0 40px; }
.ec-pr__h h1{ margin:0 0 10px; font:700 var(--ec-t1)/1.06 var(--ec-f); letter-spacing:-.03em; text-wrap:balance; }
.ec-pr__h p{ margin:0 auto; max-width:540px; color:var(--ec-ink2); }
.ec-pr__cols{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:0 0 40px; }
.ec-pr__c{ padding:28px; border-radius:24px; background:var(--ec-s1); display:flex; flex-direction:column; }
.ec-pr__c--pro{ position:relative; isolation:isolate; overflow:hidden; background:linear-gradient(180deg,rgba(0,186,124,.10),rgba(0,186,124,0) 55%),var(--ec-s1); box-shadow:inset 0 0 0 1px rgba(0,186,124,.3); }
.ec-pr__c h2{ margin:0 0 14px; font:600 var(--ec-t5)/1 var(--ec-f); color:var(--ec-ink2); }
.ec-pr__price{ margin:0; font:700 40px/1 var(--ec-f); letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
.ec-pr__price small{ margin-left:6px; font:500 var(--ec-t6)/1 var(--ec-f); color:var(--ec-ink2); letter-spacing:0; }
.ec-pr__sub{ margin:10px 0 22px; color:var(--ec-ink2); font-size:var(--ec-t6); min-height:20px; }
.ec-pr__c .ec-b{ margin-top:auto; }
.ec-pr__c .ec-b + .ec-b{ margin-top:10px; }
.ec-pr__wl{ margin-top:auto; }
.ec-pr__wl .ec-f__h{ text-align:center; }
.ec-pr__tbl{ border-radius:20px; background:var(--ec-s1); padding:0 22px; }
.ec-pr__tr{ display:grid; grid-template-columns:minmax(0,1fr) 140px 140px; align-items:center; gap:12px; min-height:54px; padding:12px 0; box-shadow:inset 0 -1px 0 var(--ec-hair); font-size:var(--ec-t6); }
.ec-pr__tr:last-child{ box-shadow:none; }
.ec-pr__tr > span:not(:first-child){ display:flex; justify-content:center; text-align:center; color:var(--ec-ink2); }
.ec-pr__tr > span:last-child{ color:var(--ec-up); }
.ec-pr__th{ min-height:48px; font-weight:600; color:var(--ec-ink2); }
.ec-pr__th > span:last-child{ color:var(--ec-up); }
.ec-dash{ display:block; width:12px; height:2px; border-radius:1px; background:var(--ec-ink4); }
.ec-pr__note{ margin:20px 0 0; text-align:center; color:var(--ec-ink3); font-size:var(--ec-t7); line-height:1.6; }

/* ══════════ ECRANE MICI ══════════ */
@media (max-width:980px){
  .ec-mkt{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .ec-mkt__c:nth-child(4){ box-shadow:inset 0 1px 0 var(--ec-hair); }
  .ec-mkt__c:nth-child(n+5){ box-shadow:inset 1px 0 0 var(--ec-hair),inset 0 1px 0 var(--ec-hair); }
}
@media (max-width:900px){
  .ec-split{ grid-template-columns:minmax(0,1fr); }
  .ec-split__v{ display:none; }
  .ec-split__f{ padding:24px 20px; }
  .ec-split__in{ margin:40px auto; }
}
@media (max-width:620px){
  .ec-ob h1{ font-size:var(--ec-t2); }
  .ec-ob__top{ margin-bottom:40px; }
  .ec-need{ font-size:var(--ec-t7); }
  .ec-ob__bar .ec-b{ padding:0 24px; }
  .ec-it{ grid-template-columns:28px minmax(0,1fr); }
  .ec-it__r{ grid-column:2; grid-row:auto; justify-self:start; text-align:left; display:flex; align-items:center; gap:12px; margin-top:6px; padding-right:0; }
  .ec-it__r .ec-spk{ margin:0; }
  .ec-it__more{ opacity:1; }
  .ec-mkt{ display:flex; overflow-x:auto; scrollbar-width:none; }
  .ec-mkt::-webkit-scrollbar{ display:none; }
  .ec-mkt__c{ flex:none; width:132px; }
  .ec-mkt__c:nth-child(n){ box-shadow:none; }
  .ec-mkt__c + .ec-mkt__c{ box-shadow:inset 1px 0 0 var(--ec-hair); }
  .ec-badge{ min-width:66px; }
  .ec-pr__cols{ grid-template-columns:minmax(0,1fr); }
  .ec-pr__tr{ grid-template-columns:minmax(0,1fr) 72px 72px; }
  .ec-pr__h h1{ font-size:var(--ec-t2); }
  .ec-f2{ grid-template-columns:minmax(0,1fr); gap:0; }
  .ec-modal{ padding:0; align-items:end; }
  .ec-modal__box{ width:100%; max-height:92dvh; padding:30px 20px max(22px,env(safe-area-inset-bottom)); border-radius:28px 28px 0 0; }
  .ec-vbar{ left:12px; right:12px; transform:none; width:auto; border-radius:20px; justify-content:space-between; }
  .ec-hdr__feed{ display:none; }
}
@media (prefers-reduced-motion:reduce){
  .ec *, .ec-modal *, .ec-toast, .ec-fol{ transition:none !important; }
}

/* ═══════════════════════════════════════════════════════════════════════
   v1.1 · CARCASA APLICAȚIEI (feed, știri, watchlist, salvate, notificări,
   comentarii, cont): bara laterală a temei, pe telefon antetul temei + taburi.
   ═══════════════════════════════════════════════════════════════════════ */
@media (min-width:993px){
  .ec-app-page .mds-header--desktop{ display:none; }
}
.ec-app-page .mds-main{ padding:0; }
.ec-app{ display:flex; align-items:flex-start; min-height:100vh; background:var(--ec-bg); }
.ec-app__main{ flex:1; min-width:0; }

/* bara laterală: aceleași mărimi ca .mds-asset__side (12,5 px, grupuri 10,5 px) */
.ec-sn{ position:sticky; top:0; align-self:flex-start; width:260px; flex:0 0 260px; height:100vh; display:flex; flex-direction:column; gap:12px; padding:16px 12px; background:var(--ec-bg); border-right:1px solid rgba(255,255,255,.08); }
.ec-sn__top{ display:flex; align-items:center; justify-content:space-between; padding:4px 0 0 8px; }
.ec-sn__logo{ font:700 17px/1 var(--ec-f); letter-spacing:-.02em; color:var(--ec-ink) !important; text-decoration:none !important; }
.ec-sn__logo b{ color:#f06c00; font-weight:700; }
.ec-sn__ib{ display:flex; align-items:center; gap:2px; }
.ec-ib{ position:relative; display:grid; place-items:center; width:36px; height:36px; padding:0; border:0; border-radius:10px; background:none; color:var(--ec-ink2); cursor:pointer; }
.ec-ib:hover{ background:#121214; color:var(--ec-ink); }
.ec-sn .ec-bell{ width:36px; height:36px; border-radius:10px; color:var(--ec-ink2); }
.ec-sn__search{ display:flex; align-items:center; gap:8px; width:100%; padding:9px 12px; border:1px solid rgba(255,255,255,.08); border-radius:10px; background:#121214; color:var(--ec-ink3); font:400 13px/1.2 var(--ec-f); text-align:left; cursor:text; }
.ec-sn__search:hover{ border-color:rgba(255,255,255,.14); }
.ec-sn__search kbd{ margin-left:auto; padding:2px 6px; border-radius:5px; background:#232327; color:var(--ec-ink3); font:600 11px/1.2 var(--ec-f); }
.ec-sn__nav{ display:flex; flex-direction:column; gap:2px; flex:1; margin:4px 0; overflow-y:auto; scrollbar-width:none; }
.ec-sn__nav::-webkit-scrollbar{ display:none; }
.ec-sn__grp{ padding:12px 12px 4px; color:var(--ec-ink); font:500 10.5px/1.2 var(--ec-f); letter-spacing:.05em; text-transform:uppercase; }
.ec-sn__grp a{ color:inherit !important; text-decoration:none !important; }
.ec-sn__it{ display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:34px; padding:8px 12px; border-radius:8px; color:var(--ec-ink2) !important; font:400 12.5px/1.2 var(--ec-f); text-decoration:none !important; }
.ec-sn__it:hover{ background:#121214; color:var(--ec-ink) !important; }
.ec-sn__it.is-on{ background:#1b1b1e; color:var(--ec-ink) !important; font-weight:500; }
.ec-sn__ic{ display:flex; align-items:center; gap:10px; }
.ec-sn__ic .ec-ico{ opacity:.75; }
.ec-sn__it em{ min-width:18px; height:18px; padding:0 5px; border-radius:999px; background:#232327; color:var(--ec-ink); font:700 10.5px/18px var(--ec-f); font-style:normal; text-align:center; }
.ec-sn__wl{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; min-height:34px; padding:6px 12px; border-radius:8px; color:var(--ec-ink2) !important; font:400 12.5px/1.2 var(--ec-f); text-decoration:none !important; }
.ec-sn__wl:hover{ background:#121214; }
.ec-sn__wl > span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ec-sn__wl b{ font-weight:500; color:var(--ec-ink); }
.ec-sn__wl em{ font-style:normal; font-weight:600; font-size:var(--ec-t7); font-variant-numeric:tabular-nums; }
.ec-sn__foot{ position:relative; padding-top:10px; border-top:1px solid rgba(255,255,255,.08); }

/* contul, jos în bară (și în bara laterală a paginii de activ) */
.ec-acct{ position:relative; }
.mds-sn__foot .ec-acct, .mds-asset__side > .ec-acct{ padding-top:10px; border-top:1px solid rgba(255,255,255,.08); }
.ec-acct__b{ display:flex; align-items:center; gap:10px; width:100%; padding:8px; border:0; border-radius:12px; background:none; color:var(--ec-ink); text-align:left; cursor:pointer; }
.ec-acct__b:hover{ background:#121214; }
.ec-acct__t{ flex:1; min-width:0; }
.ec-acct__t b{ display:block; font:600 var(--ec-t6)/1.25 var(--ec-f); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ec-acct__t span{ display:block; margin-top:2px; color:var(--ec-ink3); font-size:var(--ec-t7); }
.ec-acct__b > .ec-ico{ color:var(--ec-ink3); }
.ec-pop{ position:absolute; left:0; right:0; bottom:calc(100% + 8px); z-index:70; min-width:240px; padding:6px; border-radius:16px; background:#1d1d21; box-shadow:0 24px 60px -12px rgba(0,0,0,.9); }
.ec-pop a{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px; border-radius:10px; color:var(--ec-ink) !important; font:500 var(--ec-t6)/1.3 var(--ec-f); text-decoration:none !important; }
.ec-pop a:hover, .ec-pop a:focus-visible{ background:rgba(255,255,255,.06); }
.ec-pop hr{ height:1px; margin:6px 8px; border:0; background:rgba(255,255,255,.08); }
.ec-pop__k{ color:var(--ec-ink3); font-size:var(--ec-t7); }
.ec-pop__who{ display:flex; align-items:center; gap:10px; padding:8px 10px 12px; }
.ec-pop__who b{ display:block; font-weight:600; font-size:var(--ec-t6); }
.ec-pop__who span span{ display:block; color:var(--ec-ink3); font-size:var(--ec-t7); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:170px; }
.ec-cred{ display:grid; gap:8px; margin:0 6px 8px; padding:10px 12px; border-radius:12px; background:#121214; color:var(--ec-ink2); font-size:var(--ec-t7); line-height:1.45; }
.ec-cred b{ color:var(--ec-ink); font-weight:600; }
.ec-cred a{ padding:0 !important; color:var(--ec-link) !important; font-size:var(--ec-t7) !important; }
.ec-dots{ display:flex; gap:4px; }
.ec-dots i{ flex:1; height:3px; border-radius:2px; background:#232327; }
.ec-dots i.is-on{ background:var(--ec-ink); }
.ec-tag{ display:inline-block; padding:2px 6px; border:1px solid rgba(255,212,0,.3); border-radius:5px; background:rgba(255,212,0,.12); color:var(--ec-imp); font:600 10px/1.2 var(--ec-f); vertical-align:1px; }

/* avatarul: poză sau monogramă, mărimea din --s */
.ec-av{ width:var(--s,34px); height:var(--s,34px); font-size:calc(var(--s,34px) * .38); background:var(--c,linear-gradient(135deg,#00ba7c,#1d9bf0)); overflow:hidden; }
.ec-av--img{ background:#232327; }
.ec-av--img img{ display:block; width:100%; height:100%; object-fit:cover; }
.ec-av--xl{ font-size:30px; }
.ec-hdr__av{ display:inline-flex; padding:0; border:0; background:none; border-radius:50%; cursor:pointer; text-decoration:none !important; }
.ec-hdr .ec-bellw{ position:relative; display:inline-flex; }

/* clopoțelul, cu panoul lui */
.ec-bellw{ position:relative; display:inline-flex; }
.ec-notes__h{ display:flex; align-items:center; justify-content:space-between; }
.ec-notes__h a{ font:500 var(--ec-t7)/1 var(--ec-f); }
.ec-sn .ec-notes, .mds-sn__top .ec-notes{ left:0; right:auto; }
.mds-sn__top{ gap:4px; }
.mds-sn__top > .ec-bellw{ margin-left:auto; }
.mds-sn__top .ec-bell{ width:36px; height:36px; border-radius:10px; color:var(--ec-ink2); }

/* bara de jos, pe telefon */
.ec-tabs5{ display:none; }
@media (max-width:992px){
  .ec-sn{ display:none; }
  .ec-app{ display:block; min-height:calc(100vh - 60px); }
  .ec-tabs5{ position:fixed; left:0; right:0; bottom:0; z-index:55; display:grid; grid-template-columns:repeat(5,1fr); padding:6px 4px max(8px,env(safe-area-inset-bottom)); background:rgba(11,11,13,.92); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); border-top:1px solid rgba(255,255,255,.08); }
  .ec-tabs5 a{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; min-height:46px; padding:5px 2px; color:var(--ec-ink3) !important; font:600 10.5px/1.1 var(--ec-f); text-decoration:none !important; -webkit-tap-highlight-color:transparent; }
  .ec-tabs5 a.is-on{ color:var(--ec-ink) !important; }
  .ec-tabs5 .ec-av{ box-shadow:0 0 0 1.5px transparent; }
  .ec-tabs5 a.is-on .ec-av{ box-shadow:0 0 0 1.5px var(--ec-ink); }
  .ec-tabs5 i{ position:absolute; top:2px; left:calc(50% + 4px); min-width:16px; height:16px; padding:0 4px; border-radius:999px; background:var(--ec-dn); color:#fff; font:700 10px/16px var(--ec-f); font-style:normal; text-align:center; }
  .ec-app-page .ec-vbar{ bottom:calc(76px + env(safe-area-inset-bottom)); }
  .ec-app-page .ec-toast{ bottom:calc(84px + env(safe-area-inset-bottom)); }
}

/* ═════ pagini ═════ */
.ec-pg{ box-sizing:border-box; max-width:840px; margin:0 auto; padding:36px 40px 72px; }
/* Coloana de citit e centrată în spațiul din dreapta barei laterale; textul e aliniat la stânga în ea. */
.ec-pg--w{ max-width:1080px; }
.ec-ttl{ margin:0 0 4px; }
.ec-ttl small{ display:block; margin:0 0 6px; color:var(--ec-ink3); font:600 var(--ec-t7)/1 var(--ec-f); letter-spacing:.02em; }
.ec-ttl h1{ margin:0; font:700 var(--ec-t1)/1.06 var(--ec-f); letter-spacing:-.03em; text-wrap:balance; }
.ec-ttl p{ margin:10px 0 0; color:var(--ec-ink2); }
.ec-ttl--row{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px 24px; }
.ec-ttl--row > .ec-b{ flex:none; margin-top:2px; }
.ec-h2s{ margin:36px 0 14px; font:700 var(--ec-t3)/1.2 var(--ec-f); letter-spacing:-.02em; }
.ec-back{ display:inline-flex; align-items:center; gap:6px; margin:0 0 18px; color:var(--ec-ink2) !important; font:500 var(--ec-t6)/1 var(--ec-f); text-decoration:none !important; }
.ec-back:hover{ color:var(--ec-ink) !important; }
.ec-sr{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.ec-chips{ display:flex; gap:8px; margin:24px 0 0; overflow-x:auto; scrollbar-width:none; }
.ec-chips::-webkit-scrollbar{ display:none; }
/* Pe ecrane late filtrele se așază pe mai multe rânduri (fără bară de derulare ascunsă); pe telefon se derulează cu degetul. */
@media (min-width:621px){ .ec-chips{ flex-wrap:wrap; overflow:visible; } }
.ec-chips a, .ec-chips button{ flex:none; display:inline-flex; align-items:center; gap:6px; height:36px; padding:0 16px; border:0; border-radius:999px; background:none; box-shadow:inset 0 0 0 1px var(--ec-s3); color:var(--ec-ink2) !important; font:600 var(--ec-t6)/1 var(--ec-f); white-space:nowrap; text-decoration:none !important; cursor:pointer; }
.ec-chips a:hover, .ec-chips button:hover{ color:var(--ec-ink) !important; box-shadow:inset 0 0 0 1px var(--ec-s4); }
.ec-chips .is-on{ background:var(--ec-ink); box-shadow:none; color:var(--ec-bg) !important; }
.ec-chips__edit{ color:var(--ec-ink3) !important; }
.ec-chips--sm{ margin:18px 0 6px; }
.ec-chips--sm button{ height:32px; padding:0 14px; font-size:var(--ec-t7); }
.ec-tools{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:16px 0 4px; padding:0 0 14px; box-shadow:inset 0 -1px 0 var(--ec-hair); }
.ec-tools .ec-seg{ margin:0; }
.ec-tools .ec-seg a, .ec-tools .ec-seg button, .ec-seg--mkt button{ flex:none; height:32px; padding:0 14px; font-size:var(--ec-t7); }
.ec-seg a{ text-decoration:none !important; }
.ec-seg--q{ background:none; }
.ec-seg--sm button{ padding:7px 12px; font-size:var(--ec-t7); }
.ec-pager{ display:flex; justify-content:center; gap:10px; margin:28px 0 0; }
.ec-meta{ display:flex; flex-wrap:wrap; gap:4px 10px; margin:0 0 6px; color:var(--ec-ink3); font-size:var(--ec-t7); }
.ec-meta b{ font-weight:600; }
.ec-empty2{ max-width:420px; margin:56px auto 0; text-align:center; }
.ec-empty2__i{ display:grid; place-items:center; width:64px; height:64px; margin:0 auto 20px; border-radius:20px; background:var(--ec-s2); color:var(--ec-ink); }
.ec-empty2 h2{ margin:0 0 8px; font:700 var(--ec-t3)/1.2 var(--ec-f); letter-spacing:-.02em; }
.ec-empty2 p{ margin:0 0 22px; color:var(--ec-ink2); font-size:var(--ec-t6); line-height:1.55; }

/* ═════ feed ═════ */
.ec-fd{ box-sizing:border-box; display:grid; grid-template-columns:minmax(0,760px) 280px; justify-content:space-between; gap:56px; max-width:1200px; margin:0 auto; padding:36px 40px 72px; }
.ec-fd__main{ min-width:0; }
.ec-ready{ display:flex; align-items:flex-start; gap:14px; margin:0 0 28px; padding:16px 16px 16px 18px; border-radius:18px; background:linear-gradient(135deg,rgba(0,186,124,.16),rgba(29,155,240,.10)); box-shadow:inset 0 0 0 1px rgba(0,186,124,.25); transition:opacity .25s, transform .25s; }
.ec-ready.is-out{ opacity:0; transform:translateY(-6px); }
.ec-ready__i{ display:grid; place-items:center; flex:none; width:32px; height:32px; border-radius:50%; background:var(--ec-up); color:#04130d; }
.ec-ready div{ flex:1; }
.ec-ready b{ display:block; font-weight:600; }
.ec-ready p{ margin:3px 0 0; color:var(--ec-ink2); font-size:var(--ec-t6); }
.ec-mktw{ margin:28px 0 0; }
.ec-seg--mkt{ display:inline-flex; max-width:100%; margin:0 0 12px; overflow-x:auto; scrollbar-width:none; }
.ec-seg--mkt::-webkit-scrollbar{ display:none; }
.ec-mktw .ec-mkt{ margin:0; }
.ec-mktw .ec-mkt__c{ padding:14px 16px; }
.ec-sec{ margin:44px 0 0; }
.ec-sec--flat{ margin-top:20px; }
.ec-sec__h{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin:0 0 6px; }
.ec-sec__h h2{ margin:0; font:700 var(--ec-t4)/1.2 var(--ec-f); letter-spacing:-.015em; }
.ec-sec__h span, .ec-sec__h a{ font-size:var(--ec-t6); color:var(--ec-ink3); }
.ec-sec__h a{ color:var(--ec-link); }
.ec-sec__empty{ margin:8px 0 0; padding:18px 20px; border-radius:16px; background:var(--ec-s1); color:var(--ec-ink2); font-size:var(--ec-t6); }
.ec-new{ display:inline-block; width:8px; height:8px; margin-right:10px; border-radius:50%; background:var(--ec-link); vertical-align:2px; }
.ec-kick .ec-new{ margin-right:0; vertical-align:0; }
.ec-per{ margin:22px 0 2px; color:var(--ec-ink3); font:600 var(--ec-t7)/1 var(--ec-f); letter-spacing:.04em; text-transform:uppercase; }
.ec-it h4 a{ color:var(--ec-ink) !important; }
.ec-rail{ position:sticky; top:24px; align-self:start; }
.ec-rail__b{ margin:0 0 36px; }
.ec-rail h3{ margin:0 0 6px; font:700 var(--ec-t4)/1.2 var(--ec-f); letter-spacing:-.015em; }
.ec-rail__links{ display:grid; gap:10px; font-size:var(--ec-t6); }
.ec-rec2{ display:grid; grid-template-columns:28px minmax(0,1fr) 36px; align-items:center; gap:12px; padding:10px 0; box-shadow:inset 0 -1px 0 var(--ec-hair); }
.ec-rec2 a{ min-width:0; color:var(--ec-ink) !important; text-decoration:none !important; }
.ec-rec2 b{ display:block; font-weight:600; font-size:var(--ec-t6); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ec-rec2 a span{ display:block; color:var(--ec-ink3); font-size:var(--ec-t7); }

/* rândurile „ca în Stocks”: feed (azi) și watchlist */
.ec-wrs{ margin-top:6px; }
.ec-wr{ display:grid; grid-template-columns:28px minmax(0,1fr) 96px 92px 80px; align-items:center; column-gap:14px; padding:13px 0; box-shadow:inset 0 -1px 0 var(--ec-hair); color:var(--ec-ink) !important; text-decoration:none !important; }
a.ec-wr:hover{ background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent); }
.ec-wr--x{ grid-template-columns:28px minmax(0,1fr) 96px 92px 80px auto; }
.ec-wr__n{ min-width:0; }
.ec-wr__n > a{ display:block; color:var(--ec-ink) !important; text-decoration:none !important; }
.ec-wr__n b{ display:block; font-weight:600; font-size:var(--ec-t5); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ec-wr__n span{ display:block; margin-top:1px; color:var(--ec-ink3); font-size:var(--ec-t7); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ec-wr__n small{ display:block; margin-top:4px; color:var(--ec-ink2); font-size:var(--ec-t7); }
.ec-wr__sp{ display:block; width:96px; height:28px; }
.ec-wr__p{ text-align:right; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; }
.ec-wr__p small{ display:block; color:var(--ec-ink3); font-size:var(--ec-t7); font-weight:500; }
.ec-bdg{ justify-self:end; min-width:72px; padding:7px 8px; border-radius:8px; text-align:right; font:600 var(--ec-t7)/1 var(--ec-f); font-variant-numeric:tabular-nums; color:#fff; }
.ec-bdg--u{ background:#0b8a5c; } .ec-bdg--d{ background:#c81d29; } .ec-bdg--z{ background:var(--ec-s3); color:var(--ec-ink2); }
.ec-wr__a{ display:flex; align-items:center; gap:2px; }
.ec-ix{ display:grid; place-items:center; width:30px; height:30px; padding:0; border:0; border-radius:50%; background:none; color:var(--ec-ink4) !important; cursor:pointer; text-decoration:none !important; }
.ec-ix:hover{ background:var(--ec-s2); color:var(--ec-ink) !important; }
.ec-wr__note{ display:block; max-width:100%; margin:4px 0 0; padding:0; border:0; background:none; color:var(--ec-ink4); font:500 var(--ec-t7)/1.35 var(--ec-f); text-align:left; cursor:text; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ec-wr__note.has{ color:var(--ec-ink2); }
.ec-wr__note:hover{ color:var(--ec-ink); }
.ec-wr__ni{ display:block; width:100%; max-width:320px; height:30px; margin:4px 0 0; padding:0 10px; border:0; border-radius:8px; background:var(--ec-s2); color:var(--ec-ink); font:500 var(--ec-t7)/1 var(--ec-f); outline:none; box-shadow:0 0 0 2px var(--ec-link); }
.ec-alert{ display:inline-flex; align-items:center; gap:4px; margin:4px 8px 0 0; padding:2px 4px 2px 7px; border-radius:999px; background:rgba(255,212,0,.12); color:var(--ec-imp); font:600 11px/1.4 var(--ec-f); font-variant-numeric:tabular-nums; }
.ec-alert button{ display:grid; place-items:center; width:16px; height:16px; padding:0; border:0; border-radius:50%; background:none; color:inherit; cursor:pointer; }
.ec-alpop{ position:absolute; right:0; top:calc(100% + 6px); z-index:40; display:flex; align-items:flex-end; gap:8px; padding:12px; border-radius:16px; background:#1d1d21; box-shadow:0 24px 60px -12px rgba(0,0,0,.9); }
.ec-alpop label span{ display:block; margin:0 0 6px; color:var(--ec-ink2); font-size:var(--ec-t7); }
.ec-alpop input{ width:130px; height:40px; padding:0 12px; border:0; border-radius:10px; background:var(--ec-s2); color:var(--ec-ink); font-size:var(--ec-t6); outline:none; }
.ec-alpop input:focus{ box-shadow:0 0 0 2px var(--ec-link); }
.ec-wr__a{ position:relative; }
.ec-wlh{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:24px 0 0; }
.ec-lists{ display:flex; gap:4px; padding:4px; border-radius:999px; background:var(--ec-s2); overflow-x:auto; scrollbar-width:none; min-width:0; }
.ec-lists::-webkit-scrollbar{ display:none; }
.ec-lists a{ flex:none; display:inline-flex; align-items:center; gap:6px; height:34px; padding:0 16px; border-radius:999px; color:var(--ec-ink2) !important; font:600 var(--ec-t6)/1 var(--ec-f); text-decoration:none !important; }
.ec-lists a.is-on{ background:var(--ec-s4); color:var(--ec-ink) !important; }
.ec-sel select{ height:34px; padding:0 30px 0 12px; border:0; border-radius:999px; background:var(--ec-s2) linear-gradient(45deg,transparent 50%,#9c9a96 50%) calc(100% - 16px) 15px/4px 4px no-repeat; color:var(--ec-ink2); font:600 var(--ec-t7)/1 var(--ec-f); -webkit-appearance:none; appearance:none; cursor:pointer; }
.ec-wl__add{ position:relative; margin:18px 0 6px; }
.ec-addf{ position:relative; display:block; }
.ec-addf .ec-ico{ position:absolute; left:15px; top:15px; color:var(--ec-ink3); }
.ec-addf input{ width:100%; height:46px; padding:0 16px 0 44px; border:0; border-radius:12px; background:var(--ec-s2); color:var(--ec-ink); font-size:var(--ec-t5); outline:none; -webkit-appearance:none; appearance:none; }
.ec-addf input:focus{ box-shadow:0 0 0 2px var(--ec-link); }
.ec-wl__ft{ display:flex; gap:20px; margin:18px 0 0; }

/* ═════ știri ═════ */
.ec-nw{ display:grid; grid-template-columns:132px minmax(0,1fr); column-gap:18px; padding:20px 0; box-shadow:inset 0 -1px 0 var(--ec-hair); }
.ec-nw:last-child{ box-shadow:none; }
.ec-nw--c{ grid-template-columns:96px minmax(0,1fr); padding:16px 0; }
.ec-nw__th{ display:block; aspect-ratio:4/3; border-radius:14px; overflow:hidden; background:var(--ec-s2); }
.ec-nw__th img{ display:block; width:100%; height:100%; object-fit:cover; }
.ec-nw__ph{ display:grid; place-items:center; width:100%; height:100%; background:linear-gradient(135deg,color-mix(in srgb,var(--c,#2a2a2e) 55%,#141416),#141416); color:rgba(255,255,255,.55); }
.ec-nw__b{ min-width:0; }
.ec-nw h3{ margin:0; font:600 var(--ec-t5)/1.4 var(--ec-f); letter-spacing:-.005em; text-wrap:pretty; }
.ec-nw h3 a{ color:var(--ec-ink) !important; }
.ec-nw p{ margin:6px 0 0; color:var(--ec-ink2); font-size:var(--ec-t6); line-height:1.55; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ec-tks{ display:flex; flex-wrap:wrap; gap:6px 14px; margin:10px 0 0; font:600 var(--ec-t7)/1.3 var(--ec-f); }
.ec-tks a{ color:var(--ec-ink) !important; }
.ec-tks a span{ margin-left:5px; }
.ec-na{ position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; margin:12px 0 0; }
.ec-na > a, .ec-na > button{ display:inline-flex; align-items:center; gap:6px; padding:0; border:0; background:none; color:var(--ec-ink3) !important; font:600 var(--ec-t7)/1 var(--ec-f); text-decoration:none !important; cursor:pointer; }
.ec-na > a:hover, .ec-na > button:hover{ color:var(--ec-ink) !important; }
.ec-na > button.is-on{ color:var(--ec-up) !important; }
.ec-na__s{ display:inline-flex; align-items:center; gap:5px; color:var(--ec-ink3); font:600 var(--ec-t7)/1 var(--ec-f); }
.ec-na__r{ margin-left:auto; }
.ec-vote{ display:inline-flex; align-items:center; gap:2px; height:30px; padding:0 4px; border-radius:999px; background:var(--ec-s1); }
.ec-vote.is-busy{ opacity:.6; pointer-events:none; }
.ec-vote button{ display:grid; place-items:center; width:26px; height:24px; padding:0; border:0; border-radius:999px; background:none; color:var(--ec-ink3); cursor:pointer; }
.ec-vote button:hover{ color:var(--ec-ink); background:rgba(255,255,255,.05); }
.ec-vote button.is-on{ color:var(--ec-up); }
.ec-vote button.d.is-on{ color:var(--ec-dn); }
.ec-vote button.is-on .ec-ico{ fill:currentColor; }
.ec-vote button[disabled]{ opacity:.35; pointer-events:none; }
.ec-vote span{ min-width:22px; text-align:center; color:var(--ec-ink2); font:600 var(--ec-t7)/1 var(--ec-f); font-variant-numeric:tabular-nums; }
.ec-vote--s{ height:26px; }
.ec-k-con{ color:#ff6b74; }

/* articolul */
.ec-art h1{ margin:0 0 16px; font:700 var(--ec-t2)/1.18 var(--ec-f); letter-spacing:-.025em; text-wrap:balance; }
.ec-art__img{ margin:0 0 22px; border-radius:20px; overflow:hidden; background:var(--ec-s2); aspect-ratio:16/8; }
.ec-art__img img{ display:block; width:100%; height:100%; object-fit:cover; }
.ec-art__sum{ margin:0 0 18px; font-size:var(--ec-t5); line-height:1.65; }
.ec-why2{ margin:0 0 22px; padding:18px 20px; border-radius:18px; background:var(--ec-s1); }
.ec-why2 b{ display:block; margin:0 0 6px; font-weight:600; font-size:var(--ec-t6); }
.ec-why2 p{ margin:0; color:var(--ec-ink2); font-size:var(--ec-t6); line-height:1.6; }
.ec-art__src{ display:flex; flex-wrap:wrap; align-items:center; gap:14px 20px; }
.ec-art__src .ec-na{ margin:0; }
.ec-art__note{ margin:12px 0 0; color:var(--ec-ink4); font-size:var(--ec-t7); }
.ec-rel{ border-radius:18px; background:var(--ec-s1); padding:4px 18px; }
.ec-relr{ display:grid; grid-template-columns:28px minmax(0,1fr) auto 36px; align-items:center; gap:12px; padding:12px 0; }
.ec-relr + .ec-relr{ box-shadow:inset 0 1px 0 var(--ec-hair); }
.ec-relr a{ min-width:0; color:var(--ec-ink) !important; text-decoration:none !important; }
.ec-relr b{ display:block; font-weight:600; font-size:var(--ec-t6); }
.ec-relr a span{ display:block; color:var(--ec-ink3); font-size:var(--ec-t7); }
.ec-relr em{ font-style:normal; font-weight:600; font-size:var(--ec-t7); font-variant-numeric:tabular-nums; }
.ec-star{ display:grid; place-items:center; width:36px; height:36px; padding:0; border:0; border-radius:50%; background:none; color:var(--ec-ink3, #7d7a74); cursor:pointer; }
.ec-star:hover{ background:var(--ec-s2, #1c1c1f); color:var(--ec-ink, #f5f3f0); }
.ec-star.is-on{ color:var(--ec-imp, #ffd400); }
.ec-star.is-on .ec-ico{ fill:currentColor; }
.ec-star.is-busy{ opacity:.5; pointer-events:none; }

/* stelele din căutarea temei */
.ec-srow{ display:flex; align-items:center; gap:4px; }
.ec-srow > .mds-srch__row{ flex:1; min-width:0; }
.ec-star--s{ flex:none; margin-right:6px; }

/* ═════ discuțiile ═════ */
.ec-disc{ max-width:820px; margin:56px 0 0; padding:0 40px; }
.ec-art .ec-disc, .ec-pg .ec-disc{ padding:0; }
.mds-asset__main > .ec-disc{ margin:56px 0 24px; }
.ec-cmw__h{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 14px; }
.ec-cmw__h .ec-h2s{ margin:0; }
.ec-cmw__n{ color:var(--ec-ink3); font-weight:600; font-size:var(--ec-t5); }
.ec-mood{ margin:0 0 16px; }
.ec-mood__t{ display:flex; justify-content:space-between; gap:12px; margin:0 0 8px; color:var(--ec-ink3); font:600 var(--ec-t7)/1.2 var(--ec-f); }
.ec-mood__b{ height:6px; border-radius:3px; background:rgba(244,33,46,.55); overflow:hidden; }
.ec-mood__b i{ display:block; height:100%; background:var(--ec-up); border-radius:3px 0 0 3px; transition:width .4s; }
.ec-comp{ display:grid; grid-template-columns:32px minmax(0,1fr); column-gap:14px; margin:0 0 8px; padding:16px; border-radius:20px; background:var(--ec-s1); }
.ec-comp__in{ grid-column:2; min-width:0; }
.ec-comp--rep, .ec-cm__ed{ grid-template-columns:minmax(0,1fr); margin:10px 0 4px; padding:12px 14px; }
.ec-comp--rep .ec-comp__in, .ec-cm__ed .ec-comp__in{ grid-column:1; }
.ec-comp textarea{ display:block; width:100%; min-height:48px; padding:6px 0; border:0; background:none; color:var(--ec-ink); font:400 var(--ec-t5)/1.5 var(--ec-f); resize:none; outline:none; }
.ec-comp textarea::placeholder{ color:var(--ec-ink3); }
.ec-comp__f{ display:flex; align-items:center; justify-content:flex-end; gap:14px; margin:10px 0 0; flex-wrap:wrap; }
.ec-comp__c{ color:var(--ec-ink3); font-size:var(--ec-t7); font-variant-numeric:tabular-nums; }
.ec-moodpick{ display:flex; gap:6px; margin-right:auto; }
.ec-moodpick label{ cursor:pointer; }
.ec-moodpick input{ position:absolute; opacity:0; width:1px; height:1px; }
.ec-moodpick span{ display:inline-flex; align-items:center; height:30px; padding:0 12px; border-radius:999px; box-shadow:inset 0 0 0 1px var(--ec-s3); font:600 var(--ec-t7)/1 var(--ec-f); }
.ec-moodpick input:checked + .ec-up{ background:rgba(0,186,124,.16); box-shadow:inset 0 0 0 1px rgba(0,186,124,.5); }
.ec-moodpick input:checked + .ec-dn{ background:rgba(244,33,46,.14); box-shadow:inset 0 0 0 1px rgba(244,33,46,.45); }
.ec-moodpick input:focus-visible + span{ outline:2px solid var(--ec-link); outline-offset:2px; }
.ec-rules{ margin:0 0 20px; padding:0 4px; color:var(--ec-ink3); font-size:var(--ec-t7); line-height:1.5; }
.ec-cmw__gate{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin:0 0 20px; padding:16px 18px; border-radius:18px; background:var(--ec-s1); }
.ec-cmw__gate p{ margin:0; color:var(--ec-ink2); font-size:var(--ec-t6); }
.ec-cml__load{ padding:18px 0; color:var(--ec-ink3); font-size:var(--ec-t6); }
.ec-cml__more{ display:flex; margin:16px auto 0; }
.ec-cm{ display:grid; grid-template-columns:32px minmax(0,1fr); column-gap:14px; padding:18px 0; box-shadow:inset 0 -1px 0 var(--ec-hair); }
.ec-cm--np{ grid-template-columns:minmax(0,1fr); }
.ec-cm__b{ min-width:0; }
.ec-cm__h{ display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; color:var(--ec-ink3); font-size:var(--ec-t7); }
.ec-cm__h b{ color:var(--ec-ink); font-size:var(--ec-t6); font-weight:600; }
.ec-cm__h a{ color:inherit !important; }
.ec-cm__h a:hover b{ text-decoration:underline; text-underline-offset:2px; }
.ec-cm p{ margin:6px 0 0; line-height:1.55; overflow-wrap:anywhere; }
.ec-cm__x{ color:var(--ec-ink3); font-style:italic; font-size:var(--ec-t6); }
.ec-cm .ec-na{ margin-top:10px; gap:6px 16px; }
.ec-moodt{ font-weight:600; }
.ec-cash{ font-weight:600; }
.ec-reps{ margin:4px 0 0; }
.ec-reps:not(:empty){ padding-left:16px; box-shadow:inset 2px 0 0 var(--ec-s3); }
.ec-cm--rep{ box-shadow:none; padding:14px 0 4px; grid-template-columns:28px minmax(0,1fr); }
.ec-cm--rep > .ec-av{ --s:28px !important; }
.ec-reps__more{ margin:8px 0 0; font-size:var(--ec-t7); }
.ec-repm{ position:absolute; right:0; top:calc(100% + 6px); z-index:30; min-width:180px; padding:6px; border-radius:14px; background:#1d1d21; box-shadow:0 24px 60px -12px rgba(0,0,0,.9); }
.ec-repm button{ display:block; width:100%; padding:10px 12px; border:0; border-radius:10px; background:none; color:var(--ec-ink); text-align:left; font:500 var(--ec-t6)/1.3 var(--ec-f); cursor:pointer; }
.ec-repm button:hover{ background:rgba(255,255,255,.06); }
.ec-cml--flat .ec-cm{ padding:16px 0; }

/* ═════ notificări ═════ */
.ec-nts{ margin-top:12px; }
.ec-nt{ display:grid; grid-template-columns:28px minmax(0,1fr) auto; column-gap:14px; align-items:start; padding:16px 0; box-shadow:inset 0 -1px 0 var(--ec-hair); color:var(--ec-ink) !important; text-decoration:none !important; }
.ec-nt.is-read{ opacity:.5; }
.ec-nt .ec-av{ --s:28px; }
.ec-nt__p{ display:block; font-size:var(--ec-t6); line-height:1.5; }
.ec-nt__t{ display:block; margin-top:4px; color:var(--ec-ink3); font-size:var(--ec-t7); }
.ec-dot{ width:8px; height:8px; margin-top:8px; border-radius:50%; background:var(--ec-link); }

/* ═════ profil public ═════ */
.ec-prof{ display:flex; align-items:center; gap:20px; margin:8px 0 24px; }
.ec-prof > div{ flex:1; min-width:0; }
.ec-prof h1{ margin:0; font:700 var(--ec-t2)/1.1 var(--ec-f); letter-spacing:-.025em; }
.ec-prof p{ margin:6px 0 0; color:var(--ec-ink3); font-size:var(--ec-t6); }
.ec-stats{ display:flex; gap:28px; margin:0 0 8px; }
.ec-stats span{ display:flex; flex-direction:column; gap:2px; color:var(--ec-ink3); font-size:var(--ec-t7); }
.ec-stats b{ color:var(--ec-ink); font:700 var(--ec-t4)/1.1 var(--ec-f); font-variant-numeric:tabular-nums; }
.ec-shell .ec-pg{ margin:0 auto; }

/* ═════ contul (grupuri ca în iOS) ═════ */
.ec-acc2{ max-width:720px; }
.ec-acc2__hero{ display:flex; flex-direction:column; align-items:center; margin:8px 0 28px; text-align:center; }
.ec-acc2__hero h1{ margin:14px 0 0; font:700 var(--ec-t2)/1.1 var(--ec-f); letter-spacing:-.025em; }
.ec-acc2__hero p{ margin:6px 0 0; color:var(--ec-ink3); font-size:var(--ec-t6); }
.ec-avbtn{ position:relative; display:inline-block; padding:0; border:0; border-radius:50%; background:none; cursor:pointer; }
.ec-avbtn__c{ position:absolute; right:-2px; bottom:-2px; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:var(--ec-ink); color:var(--ec-bg); box-shadow:0 0 0 3px var(--ec-bg); }
.ec-ios{ margin:0 0 22px; border-radius:18px; background:var(--ec-s1); overflow:hidden; }
.ec-ios__r{ position:relative; display:flex; align-items:center; gap:14px; min-height:56px; padding:10px 16px; color:var(--ec-ink) !important; text-decoration:none !important; }
.ec-ios__r + .ec-ios__r::before{ content:""; position:absolute; left:60px; right:0; top:0; height:1px; background:var(--ec-hair); }
.ec-ios__r:hover{ background:rgba(255,255,255,.03); }
.ec-ios__i{ display:grid; place-items:center; flex:none; width:30px; height:30px; border-radius:9px; background:var(--ec-s3); color:var(--ec-ink); }
.ec-ios__t{ flex:1; min-width:0; }
.ec-ios__t b{ display:block; font-weight:500; font-size:var(--ec-t5); }
.ec-ios__t span{ display:block; margin-top:2px; color:var(--ec-ink3); font-size:var(--ec-t7); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ec-ios__r > .ec-ico:last-child{ color:var(--ec-ink4); }
.ec-ios__r--dn{ color:#ff6b74 !important; }
.ec-ios__r--dn .ec-ios__i{ background:rgba(244,33,46,.14); color:#ff6b74; }
.ec-acc__body{ max-width:620px; }
.ec-pfav{ display:flex; align-items:center; gap:16px; margin:0 0 20px; }
.ec-pfav b{ display:block; font-weight:600; }
.ec-pfav span span{ display:block; margin-top:2px; color:var(--ec-ink3); font-size:var(--ec-t7); }
.ec-pfav .ec-avbtn__c{ width:26px; height:26px; }
.ec-f__at i{ position:absolute; left:18px; top:16px; color:var(--ec-ink3); font-style:normal; font-size:var(--ec-t5); }
.ec-f__at input{ padding-left:36px !important; }

/* foaia pozei */
.ec-noscroll{ overflow:hidden; }
.ec-sheet{ position:fixed; inset:0; z-index:1000; display:flex; align-items:flex-end; justify-content:center; background:rgba(5,5,7,.6); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
.ec-sheet__b{ width:100%; max-width:440px; max-height:94dvh; overflow:auto; padding:10px 20px max(22px,env(safe-area-inset-bottom)); border-radius:28px 28px 0 0; background:#151518; box-shadow:0 -20px 60px -20px rgba(0,0,0,.9); text-align:center; animation:ec-up .3s cubic-bezier(.2,.8,.2,1); }
@media (min-width:600px){ .ec-sheet{ align-items:center; } .ec-sheet__b{ border-radius:28px; padding-bottom:22px; } }
@keyframes ec-up{ from{ transform:translateY(40px); opacity:0; } to{ transform:none; opacity:1; } }
.ec-grab{ display:block; width:36px; height:5px; margin:0 auto 18px; border-radius:3px; background:#232327; }
.ec-sheet__b h3{ margin:0 0 16px; font:700 var(--ec-t4)/1.25 var(--ec-f); letter-spacing:-.015em; }
.ec-sheet__b .ec-b + .ec-b{ margin-top:10px; }
.ec-crop{ position:relative; width:min(280px,72vw); aspect-ratio:1; margin:0 auto 14px; border-radius:20px; overflow:hidden; background:var(--ec-s1); touch-action:none; }
.ec-crop canvas{ display:block; width:100%; height:100%; cursor:grab; }
.ec-crop canvas:active{ cursor:grabbing; }
.ec-crop__ring{ position:absolute; inset:0; border-radius:50%; box-shadow:0 0 0 999px rgba(5,5,7,.55), inset 0 0 0 2px rgba(255,255,255,.8); pointer-events:none; }
.ec-crop__e{ position:absolute; inset:0; display:grid; place-items:center; margin:0; padding:24px; color:var(--ec-ink3); font-size:var(--ec-t6); pointer-events:none; }
.ec-zoom{ display:flex; align-items:center; gap:12px; margin:0 auto 18px; max-width:280px; color:var(--ec-ink3); }
.ec-zoom input{ flex:1; accent-color:var(--ec-ink); }
.ec-sheet__rm, .ec-sheet__x{ display:block; margin:14px auto 0; }

/* ═════ onboarding: pasul temelor ═════ */
.ec-sugg2{ margin:22px 0 4px; padding:16px 18px; border-radius:18px; background:linear-gradient(135deg,rgba(0,186,124,.10),rgba(29,155,240,.08)); box-shadow:inset 0 0 0 1px rgba(0,186,124,.2); }
.ec-sugg2__h{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 12px; }
.ec-sugg2__h b{ font-weight:600; font-size:var(--ec-t6); }
.ec-sugg2__h .ec-lk{ font-size:var(--ec-t6); font-weight:600; }
.ec-tgrp{ margin:22px 0 0; }
.ec-tgrp h2{ margin:0 0 10px; color:var(--ec-ink3); font:600 var(--ec-t7)/1 var(--ec-f); letter-spacing:.04em; text-transform:uppercase; }
.ec-tpills{ display:flex; flex-wrap:wrap; gap:8px; }
.ec-tpill{ position:relative; display:inline-flex; align-items:center; gap:8px; height:40px; padding:0 16px 0 10px; border:0; border-radius:999px; background:var(--ec-s1); box-shadow:inset 0 0 0 1px var(--ec-s3); color:var(--ec-ink); font:500 var(--ec-t6)/1 var(--ec-f); cursor:pointer; user-select:none; transition:background .15s, box-shadow .15s; }
.ec-tpill input{ position:absolute; opacity:0; width:1px; height:1px; }
.ec-tpill:hover{ box-shadow:inset 0 0 0 1px var(--ec-s4); }
.ec-tpill__c{ display:grid; place-items:center; width:20px; height:20px; border-radius:50%; box-shadow:inset 0 0 0 1.5px var(--ec-ink4); color:transparent; font-weight:700; font-size:13px; line-height:1; }
.ec-tpill.is-on{ background:rgba(0,186,124,.14); box-shadow:inset 0 0 0 1px rgba(0,186,124,.5); }
.ec-tpill.is-on .ec-tpill__c{ background:var(--ec-up); box-shadow:none; color:#04130d; }
.ec-tpill--s{ background:rgba(255,255,255,.04); }
.ec-tpill--s .ec-tpill__c{ color:var(--ec-ink2); }
.ec-tpill input:focus-visible ~ span{ outline:2px solid var(--ec-link); outline-offset:3px; border-radius:6px; }

/* ═════ pagina activului ═════ */
/* „Urmărește” în dreapta titlului (lotul 178 al temei) */
.ec-fol2{ display:inline-flex; align-items:center; gap:8px; flex:none; height:44px; padding:0 18px 0 14px; border:1px solid rgba(255,255,255,.28); border-radius:999px; background:rgba(0,0,0,.2); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); color:#fff; font:600 14.5px/1 var(--ec-f); cursor:pointer; white-space:nowrap; transition:transform .15s, background .2s, border-color .2s; }
.ec-fol2:hover{ transform:translateY(-1px); border-color:rgba(255,255,255,.5); }
.ec-fol2.is-on{ border-color:rgba(0,186,124,.55); background:rgba(0,186,124,.16); color:#3ee8a8; }
.ec-fol2.is-busy{ opacity:.6; pointer-events:none; }
.ec-fol2 small{ margin-left:4px; color:rgba(255,255,255,.62); font:500 var(--ec-t7)/1 var(--ec-f); }
.ec-fol2.is-on small{ color:rgba(62,232,168,.7); }
@media (max-width:920px){ .ec-fol2{ display:none; } }
/* tabul din mijlocul barei de jos */
.xnb__t.ec-xfol{ color:var(--ec-ink); }
.ec-xfol__r{ display:grid; place-items:center; width:44px; height:30px; border-radius:999px; background:var(--ec-ink); color:var(--ec-bg); transition:background .2s, color .2s; }
.ec-xfol.is-on{ color:#3ee8a8; }
.ec-xfol.is-on .ec-xfol__r{ background:rgba(0,186,124,.18); color:#3ee8a8; }
.ec-xfol.is-busy{ opacity:.6; pointer-events:none; }
/* indiciul de o singură dată */
.ec-coach{ position:fixed; left:16px; right:16px; bottom:calc(78px + env(safe-area-inset-bottom)); z-index:58; display:flex; justify-content:center; pointer-events:none; opacity:0; transform:translateY(8px); transition:opacity .3s, transform .3s; }
.ec-coach.is-on{ opacity:1; transform:none; }
.ec-coach > div{ position:relative; max-width:300px; padding:12px 14px; border-radius:14px; background:#2a2a2f; box-shadow:0 20px 50px -10px rgba(0,0,0,.9); font-size:var(--ec-t6); line-height:1.45; pointer-events:auto; }
.ec-coach > div::after{ content:""; position:absolute; left:50%; bottom:-6px; width:12px; height:12px; margin-left:-6px; background:#2a2a2f; transform:rotate(45deg); }
.ec-coach button{ display:block; margin:8px 0 0; padding:0; border:0; background:none; color:var(--ec-link); font:600 var(--ec-t6)/1 var(--ec-f); cursor:pointer; }
/* „De la ultima ta vizită” */
.ec-since{ display:flex; align-items:center; gap:20px; margin:0 40px 28px; padding:16px 20px; border-radius:18px; background:#121214; }
.ec-since__t{ flex:1; min-width:0; }
.ec-since__t b{ display:block; font-weight:600; font-size:var(--ec-t6); }
.ec-since__t span{ display:block; margin-top:3px; color:var(--ec-ink2); font-size:var(--ec-t6); }
.ec-since__l{ display:flex; gap:18px; flex-wrap:wrap; }
.ec-since__l > *{ display:flex; flex-direction:column; gap:2px; color:var(--ec-ink3) !important; font-size:var(--ec-t7); text-decoration:none !important; }
.ec-since__l b{ color:var(--ec-ink); font:600 var(--ec-t5)/1.2 var(--ec-f); font-variant-numeric:tabular-nums; }
.ec-since__l b.ec-up{ color:var(--ec-up); } .ec-since__l b.ec-dn{ color:var(--ec-dn); }

/* ═════ ecrane mici ═════ */
@media (max-width:1180px){
  .ec-fd{ grid-template-columns:minmax(0,1fr); }
  .ec-rail{ position:static; }
}
@media (max-width:992px){
  .ec-pg, .ec-fd{ padding:20px 16px 40px; }
  .ec-disc{ padding:0 16px; }
  .ec-since{ margin:0 16px 24px; flex-direction:column; align-items:stretch; gap:14px; padding:16px; }
}
@media (max-width:620px){
  .ec-nw{ grid-template-columns:88px minmax(0,1fr); column-gap:14px; }
  .ec-nw--c{ grid-template-columns:72px minmax(0,1fr); }
  .ec-wr, .ec-wr--x{ grid-template-columns:28px minmax(0,1fr) 74px 70px; column-gap:10px; }
  .ec-wr--x{ grid-template-columns:28px minmax(0,1fr) 70px 66px auto; }
  .ec-wr__sp{ display:none; }
  .ec-bdg{ min-width:64px; }
  .ec-wr__a .ec-ix{ width:28px; }
  .ec-wlh{ flex-wrap:wrap; }
  .ec-prof .ec-av{ --s:64px !important; }
  .ec-stats{ gap:22px; }
  .ec-alpop{ right:-8px; }
}
/* discuția pe pagina activului: aliniată cu secțiunile temei */
.mds-asset__main > .ec-disc{ padding:0 16px; max-width:844px; }
@media (max-width:920px){ .mds-asset__main > .ec-disc{ padding:0 4px; } }

/* pro și contra în feed */
.ec-it p.ec-arg{ margin:6px 0 0; color:var(--ec-ink); font-size:var(--ec-t6); line-height:1.5; }
.ec-arg b{ margin-right:6px; font-weight:600; }
/* brokerii în feed */
.ec-brk .ec-rel{ margin:0; }
.ec-relr--b{ grid-template-columns:28px minmax(0,1fr) auto; }
.ec-relr--b > span{ min-width:0; }
.ec-relr--b > span > b{ display:block; font-weight:600; font-size:var(--ec-t6); }
.ec-relr--b > span > b em{ margin-left:4px; font-style:normal; font-size:var(--ec-t7); }
.ec-relr--b > span > span{ display:block; margin-top:2px; color:var(--ec-ink3); font-size:var(--ec-t7); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ec-relr__a{ display:flex; align-items:center; gap:14px; }
/* subsolul temei în coloana paginii; pe telefon, loc pentru bara de jos */
.ec-app__main > .mds-footer{ margin-top:24px; }
@media (max-width:992px){
  .ec-app__main{ padding-bottom:calc(72px + env(safe-area-inset-bottom)); }
  .ec-pg, .ec-fd{ padding:20px 16px 40px; }
}
@media (max-width:620px){
  .ec-relr--b{ grid-template-columns:28px minmax(0,1fr); }
  .ec-relr__a{ grid-column:2; }
}
.ec-relr .ec-b{ color:var(--ec-bg) !important; }
/* „Ți-ar putea plăcea”: pe ecrane late, pe mai multe rânduri; pe telefon, derulare cu degetul */
@media (min-width:621px){ .ec-recs{ flex-wrap:wrap; overflow:visible; } }
/* subsolul temei aliniat cu coloana paginii */
.ec-app__main > .mds-footer .mds-container{ box-sizing:border-box; max-width:1200px; padding-left:40px; padding-right:40px; }
@media (max-width:992px){ .ec-app__main > .mds-footer .mds-container{ padding-left:16px; padding-right:16px; } }
@media (max-width:620px){
  .ec-sec__h{ flex-wrap:wrap; row-gap:4px; }
  .ec-sec__h > span{ flex-basis:100%; }
  .ec-chips{ margin-right:-16px; padding-right:16px; }
  .ec-nw .ec-na{ gap:8px 14px; }
  .ec-nw [data-ec-share] span{ display:none; }
  .ec-relr__a{ margin-top:10px; }
}

/* bara laterală a temei (lotul 179) */
.ec-app--gsn{ display:block; min-height:0; }
.mds-gsn > .ec-acct{ padding-top:10px; border-top:1px solid rgba(255,255,255,.08); }
@media (max-width:992px){
  .ec-app-page .mds-main{ padding-bottom:calc(72px + env(safe-area-inset-bottom)); }
  .ec-app--gsn .ec-app__main{ padding-bottom:0; }
}

/* ── 1.1.4 · fluxul: o singura curgere (argumente, stiri, rachete, blocuri) ── */
.ec-ff{ display:inline-flex; max-width:100%; margin:6px 0 4px; overflow-x:auto; scrollbar-width:none; }
.ec-ff::-webkit-scrollbar{ display:none; }
.ec-ff a{ flex:none; height:34px; padding:0 16px; font-size:var(--ec-t7); }
.ec-stream{ margin-top:8px; }
.ec-stream > .ec-recs-w, .ec-stream > .ec-ad{ margin:18px 0; }
.ec-k-nou b{ padding:2px 7px; border-radius:999px; background:rgba(255,212,0,.12); }
.ec-it--arg h4{ font-weight:600; }
.ec-it--arg p{ max-width:62ch; }
.ec-it--rk .ec-chg{ font-weight:700; }
.ec-today .ec-sec__h{ margin-bottom:2px; }
.ec-today .ec-sec__h h3{ margin:0; }
.ec-today .ec-wrs{ margin-top:2px; }

/* ── 1.1.4 · postarea ca pe o rețea socială: siglă, antet pe un rând, corp, acțiuni ── */
.ec-it.ec-px{ grid-template-columns:40px minmax(0,1fr); gap:0 12px; padding:16px 0 12px; }
.ec-it.ec-px > .ec-lg, .ec-it.ec-px > .ec-gl{ grid-row:1/span 6; width:40px; height:40px; margin-top:0; font-size:18px; }
.ec-it.ec-px > .ec-gl{ border-radius:50%; }
.ec-px__h{ display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 0; min-width:0; padding-right:30px; font-size:var(--ec-t6); line-height:1.35; color:var(--ec-ink3); }
.ec-px__n{ margin-right:2px; font:700 var(--ec-t5)/1.3 var(--ec-f); color:var(--ec-ink) !important; text-decoration:none !important; }
a.ec-px__n:hover{ text-decoration:underline !important; }
.ec-px__k, .ec-px__t{ white-space:nowrap; }
.ec-px__k::before, .ec-px__t::before{ content:"·"; margin:0 6px; color:var(--ec-ink4); font-weight:400; }
.ec-px__k{ font-weight:600; }
.ec-px__br{ display:none; }
.ec-px__nou{ align-self:center; margin-left:8px; padding:2px 8px; border-radius:999px; background:rgba(255,212,0,.12); color:var(--ec-imp); font:700 var(--ec-t7)/1.3 var(--ec-f); }
.ec-it.ec-px h4.ec-px__a{ margin:4px 0 0; font:500 var(--ec-t5)/1.45 var(--ec-f); letter-spacing:0; color:var(--ec-ink); }
.ec-it.ec-px p.ec-px__d{ margin:4px 0 0; max-width:64ch; color:var(--ec-ink2); font-size:var(--ec-t6); line-height:1.55; }
.ec-px__f{ display:flex; align-items:center; gap:18px; margin:10px 0 0 -8px; }
.ec-px__b{ display:inline-flex; align-items:center; gap:6px; height:30px; padding:0 8px; border:0; border-radius:999px; background:none; color:var(--ec-ink3) !important; font:600 var(--ec-t7)/1 var(--ec-f); text-decoration:none !important; cursor:pointer; }
.ec-px__b:hover{ color:var(--ec-link) !important; background:rgba(29,155,240,.1); }
.ec-px__b.is-on{ color:var(--ec-link) !important; }
.ec-px__b.is-on .ec-ico{ fill:currentColor; }
.ec-px__b[data-ec-save] span{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.ec-px__f .ec-vote{ background:none; padding:0; }
.ec-px__l{ display:flex; gap:14px; margin-left:auto; }
.ec-px__l a{ color:var(--ec-ink3) !important; font:600 var(--ec-t7)/1 var(--ec-f); text-decoration:none !important; white-space:nowrap; }
.ec-px__l a:hover{ color:var(--ec-ink) !important; }
/* Mișcările mari: postarea capătă culoarea direcției, cu procentul mare. */
.ec-it.ec-px--big{ margin:6px 0; padding:16px 14px 12px; border-radius:18px; box-shadow:none; }
.ec-px--up{ background:linear-gradient(180deg, rgba(0,186,124,.10), rgba(0,186,124,.03)); }
.ec-px--dn{ background:linear-gradient(180deg, rgba(244,33,46,.10), rgba(244,33,46,.03)); }
.ec-px--big .ec-it__more{ right:6px; }
.ec-px__mv{ display:flex; align-items:center; gap:16px; margin:10px 0 2px; }
.ec-px__mv b{ font:700 var(--ec-t2)/1 var(--ec-f); font-variant-numeric:tabular-nums; letter-spacing:-.02em; }
.ec-px--up .ec-px__mv b{ color:var(--ec-up); }
.ec-px--dn .ec-px__mv b{ color:var(--ec-dn); }
.ec-px__sp{ display:block; width:min(220px, 50%); height:44px; }
.ec-px__mv--s b{ font-size:var(--ec-t5); }
@media (max-width:600px){
  .ec-it.ec-px{ grid-template-columns:36px minmax(0,1fr); gap:0 10px; }
  .ec-it.ec-px > .ec-lg, .ec-it.ec-px > .ec-gl{ width:36px; height:36px; }
  .ec-px__f{ gap:6px; }
  .ec-px__l{ display:none; }
  .ec-px__mv b{ font-size:var(--ec-t3); }
  /* Pe telefon: numele (și „Nou”) pe primul rând, felul postării și ora pe al doilea. */
  .ec-px__n{ order:0; }
  .ec-px__nou{ order:1; }
  .ec-px__br{ display:block; order:2; flex-basis:100%; height:2px; }
  .ec-px__k{ order:3; }
  .ec-px__t{ order:4; }
  .ec-px__k::before{ content:none; }
}

/* ── 1.1.4 · mărimile postărilor: o treaptă mai sus, tot pe scara temei
   (40 / 34 / 30 / 21,5 / 20 / 18 / 15,5 / 13,5 / 12). 18px = --xt-5 al temei. ── */
.ec-it.ec-px{ --ec-px-n:18px; grid-template-columns:44px minmax(0,1fr); gap:0 14px; padding:18px 0 12px; }
.ec-it.ec-px > .ec-lg, .ec-it.ec-px > .ec-gl{ width:44px; height:44px; font-size:var(--ec-t4); }
.ec-px__h{ font-size:var(--ec-t5); }
.ec-px__n{ font:700 var(--ec-px-n)/1.25 var(--ec-f); }
.ec-it.ec-px h4.ec-px__a{ margin:6px 0 0; font:500 var(--ec-px-n)/1.42 var(--ec-f); letter-spacing:-.005em; }
.ec-it.ec-px p.ec-px__d{ margin:6px 0 0; font-size:var(--ec-t5); line-height:1.55; }
.ec-px__nou{ font-size:var(--ec-t6); }
.ec-px__b, .ec-px__l a, .ec-px__f .ec-vote span{ font-size:var(--ec-t6); }
.ec-px__f{ margin-top:12px; }
@media (max-width:600px){
  .ec-it.ec-px{ --ec-px-n:var(--ec-t5); grid-template-columns:36px minmax(0,1fr); gap:0 10px; padding:16px 0 10px; }
  .ec-it.ec-px > .ec-lg, .ec-it.ec-px > .ec-gl{ width:36px; height:36px; font-size:var(--ec-t5); }
  .ec-px__h{ font-size:var(--ec-t6); }
  .ec-it.ec-px h4.ec-px__a{ margin-top:4px; }
  .ec-it.ec-px p.ec-px__d{ margin-top:4px; font-size:var(--ec-t5); line-height:1.5; }
  .ec-px__nou{ font-size:var(--ec-t7); }
}

/* ═════ 1.1.4 · MĂRIMI UNITARE în tot contul (feed, știri, comentarii, notificări, watchlist) ═════
   Patru roluri, aceleași peste tot, pe scara temei (18 = --xt-5, 15,5 = --xt-6, 13,5 = --xt-7):
     --ec-fs-ttl   titlul unei postări / știri / afirmația unui argument
     --ec-fs-name  numele companiei sau al autorului
     --ec-fs-txt   textul: descrieri, comentarii, notificări
     --ec-fs-meta  felul postării, sursa, ora
     --ec-fs-act   butoane, voturi, contoare, note mici
   Pe telefon se schimbă doar aici, într-un singur loc. */
.ec{ --ec-fs-ttl:18px; --ec-fs-name:18px; --ec-fs-txt:var(--ec-t5); --ec-fs-meta:var(--ec-t5); --ec-fs-act:var(--ec-t6); }
@media (max-width:600px){
  .ec{ --ec-fs-ttl:var(--ec-t5); --ec-fs-name:var(--ec-t5); --ec-fs-txt:var(--ec-t5); --ec-fs-meta:var(--ec-t6); --ec-fs-act:var(--ec-t6); }
}
/* postările din feed și din „Salvate” */
.ec-it.ec-px{ --ec-px-n:var(--ec-fs-name); }
.ec-px__h{ font-size:var(--ec-fs-meta); }
.ec-it.ec-px h4.ec-px__a{ font-size:var(--ec-fs-ttl); }
.ec-it.ec-px p.ec-px__d{ font-size:var(--ec-fs-txt); }
.ec-px__b, .ec-px__l a, .ec-vote span{ font-size:var(--ec-fs-act); }
/* rânduri vechi de feed, dacă mai apar undeva */
.ec-it h4{ font-size:var(--ec-fs-ttl); }
.ec-it p{ font-size:var(--ec-fs-txt); }
.ec-kick, .ec-acts, .ec-acts button, .ec-acts a{ font-size:var(--ec-fs-act); }
/* știri */
.ec-nw h3{ font-size:var(--ec-fs-ttl); line-height:1.4; }
.ec-nw p{ font-size:var(--ec-fs-txt); }
.ec-meta{ font-size:var(--ec-fs-meta); }
.ec-na > a, .ec-na > button, .ec-na__s{ font-size:var(--ec-fs-act); }
/* comentarii */
.ec-cm__h{ font-size:var(--ec-fs-act); }
.ec-cm__h b{ font-size:var(--ec-fs-txt); }
.ec-cm p{ font-size:var(--ec-fs-txt); }
.ec-cm__x{ font-size:var(--ec-fs-txt); }
.ec-reps__more, .ec-cml__load{ font-size:var(--ec-fs-act); }
.ec-cmw__gate p{ font-size:var(--ec-fs-txt); }
/* notificări */
.ec-nt__p{ font-size:var(--ec-fs-txt); }
.ec-nt__t{ font-size:var(--ec-fs-act); }
/* watchlist și „Companiile tale azi”: numele rămân la mărimea textului, notele urcă la 13,5 */
.ec-wr__n b{ font-size:var(--ec-fs-txt); }
.ec-wr__n span, .ec-wr__n small, .ec-wr__p small, .ec-wr__note{ font-size:var(--ec-fs-act); }

/* ── 1.1.4 · „Mișcările zilei” în coloana din dreapta ── */
.ec-mvr .ec-seg--mkt{ margin:6px 0 4px; }
.ec-mvr__l{ margin:0; padding:0; list-style:none; }
.ec-mvr__l a{ display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:12px; padding:10px 0; box-shadow:inset 0 -1px 0 var(--ec-hair); color:var(--ec-ink) !important; text-decoration:none !important; }
.ec-mvr__l a:hover .ec-mvr__n b{ text-decoration:underline; text-underline-offset:2px; }
.ec-mvr__n{ min-width:0; }
.ec-mvr__n b{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:var(--ec-fs-txt); font-weight:600; }
.ec-mvr__n small{ display:block; color:var(--ec-ink3); font-size:var(--ec-fs-act); }
.ec-mvr__l em{ font-style:normal; font-weight:700; font-size:var(--ec-fs-txt); font-variant-numeric:tabular-nums; }
.ec-mvr__none{ padding:10px 0; color:var(--ec-ink3); font-size:var(--ec-fs-act); }
.ec-mvr .ec-why a{ color:var(--ec-link) !important; }
.ec-mvr .ec-seg--mkt{ display:flex; width:100%; }
.ec-mvr .ec-seg--mkt button{ flex:1; }

/* ── 1.1.5 · feed: aer sub salut, panoul pieței cu steaguri, titlul fluxului ── */
.ec-fd__main > .ec-ttl{ margin-bottom:8px; }
.ec-fd__main > .ec-mktw{ margin-top:36px; }
.ec-mkt__c > .ec-mkt__h{ display:flex; align-items:center; gap:8px; min-width:0; color:var(--ec-ink2); font-size:var(--ec-fs-act); font-weight:600; }
.ec-mkt__h i{ font-style:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ec-mkt__c b{ font-size:var(--ec-fs-txt); }
.ec-mkt__c em{ font-size:var(--ec-fs-act); }
/* steagurile și siglele: rotunde, fără chenar */
.ec-fl{ flex:none; display:block; width:18px; height:18px; border-radius:50%; object-fit:cover; }
.ec-fl2{ flex:none; display:flex; }
.ec-fl2 .ec-fl + .ec-fl{ margin-left:-6px; box-shadow:0 0 0 2px var(--ec-s1); }
.ec-fl--t{ display:grid; place-items:center; background:var(--c); color:#fff; font:700 11px/1 var(--ec-f); }
.ec-fl--i{ border-radius:0; }
/* titlul fluxului, filtrele și ordinea */
.ec-fh{ margin:44px 0 6px; }
.ec-fh__t{ margin:0 0 14px; font:700 var(--ec-t4)/1.2 var(--ec-f); letter-spacing:-.015em; }
.ec-fh__bar{ display:flex; align-items:center; justify-content:space-between; gap:10px 16px; flex-wrap:wrap; }
.ec-fh__bar .ec-ff{ margin:0; }
.ec-fh__so{ display:flex; gap:4px; }
.ec-fh__so a{ padding:6px 10px; border-radius:999px; color:var(--ec-ink3) !important; font:600 var(--ec-fs-act)/1 var(--ec-f); text-decoration:none !important; }
.ec-fh__so a:hover{ color:var(--ec-ink) !important; }
.ec-fh__so a.is-on{ color:var(--ec-ink) !important; background:var(--ec-s2); }
.ec-fd__main > .ec-stream{ margin-top:4px; }
@media (max-width:600px){
  .ec-fd__main > .ec-mktw{ margin-top:28px; }
  .ec-fh{ margin-top:36px; }
}
/* ⚠ `.ec-mkt__c span` (mai sus) pune display:block pe orice span din card; pictogramele își păstrează așezarea. */
.ec-mkt__c .ec-mkt__h .ec-fl2{ display:flex; flex:none; }
.ec-mkt__c .ec-mkt__h .ec-fl--t{ display:grid; place-items:center; flex:none; overflow:visible; color:#fff; font-size:11px; font-weight:700; line-height:1; white-space:normal; }
@media (max-width:600px){
  /* Pe telefon panoul se derulează lateral: cardul următor se vede pe jumătate, ca să se înțeleagă că mai sunt. */
  .ec-mktw .ec-mkt__c{ width:42%; min-width:132px; padding:12px 14px; }
}

/* ── 1.1.6 · sigle mai mici în postări; cardurile de mișcare cu aer pe margini ──
   ⚠ `.ec-it.ec-px{padding:18px 0 12px}` (mărimile unitare) are aceeași greutate ca regula
   cardului verde/roșu și venea după ea, deci îi anula marginile laterale: sigla și „Deschide
   analiza” ajungeau lipite de margine. Aici cardul are o regulă mai specifică. */
.ec-it.ec-px{ grid-template-columns:36px minmax(0,1fr); }
.ec-it.ec-px > .ec-lg, .ec-it.ec-px > .ec-gl{ width:36px; height:36px; font-size:var(--ec-t5); }
.ec-it.ec-px.ec-px--big{ margin:8px 0; padding:18px 20px 12px; border-radius:18px; box-shadow:none; }
.ec-it.ec-px.ec-px--big .ec-px__f{ margin-left:-8px; margin-right:-8px; }
.ec-it.ec-px.ec-px--big .ec-px__l{ padding-right:8px; }
.ec-it.ec-px.ec-px--big .ec-it__more{ right:10px; top:14px; }
@media (max-width:600px){
  .ec-it.ec-px{ grid-template-columns:32px minmax(0,1fr); }
  .ec-it.ec-px > .ec-lg, .ec-it.ec-px > .ec-gl{ width:32px; height:32px; font-size:var(--ec-t6); }
  .ec-it.ec-px.ec-px--big{ padding:16px 14px 10px; }
  .ec-it.ec-px.ec-px--big .ec-px__l{ display:none; }
}