/* ═════ einvest-broker-manager 2.1.0 · paginile de listă /brokers/ și /exchanges/ ═════
   Aceleași valori ca pagina unui broker (broker.css): doar scara temei t1-t7, spațieri 4-56,
   raze 26/18/14. Clasele noi încep cu `bh__`; restul (erou, carduri, butoane, sigle) sunt ale paginii de broker. */

/* erou: căutarea direct în gradient */
.bh__hero{ padding-top:48px; padding-bottom:16px; }
.bh__h1{ max-width:760px; margin:0; color:#fff; font:700 var(--ec-t2)/1.18 var(--ec-f); letter-spacing:-.025em; text-wrap:balance; }
.bh__dek{ max-width:720px; margin-left:0; }
.bh__h2{ margin:0 0 16px !important; }
.bh__by{ display:block; margin-top:2px; color:var(--ec-ink3); font:400 var(--ec-t6)/20px var(--ec-f); }
.bh__search{ position:relative; display:block; max-width:560px; margin:24px 0 0; }
.bh__search svg{ position:absolute; left:16px; top:14px; width:20px; height:20px; color:rgba(255,255,255,.72); pointer-events:none; }
.bh__search input{ box-sizing:border-box; width:100%; height:48px; padding:0 16px 0 48px; border:0; border-radius:var(--ec-rt); background:rgba(255,255,255,.12); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); color:#fff; font:400 var(--ec-t5)/1 var(--ec-f); outline:0; transition:background .15s; }
.bh__search input::placeholder{ color:rgba(255,255,255,.66); }
.bh__search input:focus{ background:rgba(255,255,255,.18); box-shadow:0 0 0 2px rgba(255,255,255,.28); }
.bh__meta{ display:flex; flex-wrap:wrap; gap:8px 24px; margin:16px 0 0; padding:0; list-style:none; color:rgba(245,243,240,.82); font:400 var(--ec-t6)/20px var(--ec-f); }
.bh__meta li{ display:inline-flex; align-items:center; gap:8px; }
.bh__meta b{ color:#fff; font-weight:600; }
.bh__meta svg{ width:16px; height:16px; color:var(--ec-up); }

.bh__sec{ padding-top:56px; }
.bh__sec:first-of-type{ padding-top:40px; }
.bh__sec > h2, .bh__sh h2{ margin:0; font:700 var(--ec-t4)/1.3 var(--ec-f); letter-spacing:-.015em; }
.bh__sh{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin:0 0 16px; }
.bh__sub{ margin:4px 0 16px; color:var(--ec-ink2); font:400 var(--ec-t6)/20px var(--ec-f); }

/* filtrele */
.bh__tools{ position:sticky; top:var(--b3-stick, 0px); z-index:30; display:flex; flex-direction:column; gap:12px; margin:0 calc(-1 * var(--pad)) 12px; padding:12px var(--pad); background:rgba(11,11,13,.92); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }
.bh__row{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.bh__find{ position:relative; flex:1 1 240px; max-width:320px; }
.bh__find svg{ position:absolute; left:12px; top:10px; width:16px; height:16px; color:var(--ec-ink3); pointer-events:none; }
.bh__find input{ box-sizing:border-box; width:100%; height:36px; padding:0 12px 0 36px; border:0; border-radius:999px; background:var(--ec-s1); color:var(--ec-ink); font:400 var(--ec-t6)/1 var(--ec-f); outline:0; box-shadow:inset 0 0 0 1px var(--ec-hair); }
.bh__find input:focus{ box-shadow:inset 0 0 0 1px var(--ec-ink3); }
.bh__seg{ display:inline-flex; gap:2px; padding:2px; border-radius:999px; background:var(--ec-s1); box-shadow:inset 0 0 0 1px var(--ec-hair); }
.bh__seg button{ height:32px; padding:0 14px; border:0; border-radius:999px; background:none; color:var(--ec-ink2); font:600 var(--ec-t6)/1 var(--ec-f); cursor:pointer; white-space:nowrap; }
.bh__seg button.is-on{ background:var(--ec-s3); color:var(--ec-ink); }
.bh__chip{ display:inline-flex; align-items:center; gap:6px; height:32px; padding:0 12px; border:0; border-radius:999px; background:var(--ec-s1); color:var(--ec-ink2); font:600 var(--ec-t6)/1 var(--ec-f); cursor:pointer; white-space:nowrap; box-shadow:inset 0 0 0 1px var(--ec-hair); transition:background .15s, color .15s; }
.bh__chip svg{ width:14px; height:14px; display:none; }
.bh__chip.is-on{ background:var(--ec-ink); color:#111; box-shadow:none; }
.bh__chip.is-on svg{ display:block; }
.bh__sort{ margin-left:auto; display:inline-flex; align-items:center; gap:8px; color:var(--ec-ink3); font:400 var(--ec-t6)/1 var(--ec-f); }
.bh__sort select{ height:32px; padding:0 28px 0 12px; border:0; border-radius:999px; background:var(--ec-s1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%239c9a96' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center; color:var(--ec-ink); font:600 var(--ec-t6)/1 var(--ec-f); appearance:none; -webkit-appearance:none; cursor:pointer; box-shadow:inset 0 0 0 1px var(--ec-hair); }
.bh__count{ color:var(--ec-ink3); font:400 var(--ec-t6)/20px var(--ec-f); }
.bh__reset{ padding:0; border:0; background:none; color:var(--ec-link); font:600 var(--ec-t6)/20px var(--ec-f); cursor:pointer; }

/* tabelul */
.bh__t{ width:100%; border-collapse:collapse; table-layout:fixed; font:400 var(--ec-t5)/20px var(--ec-f); }
.bh__t th{ padding:16px 12px 12px; color:var(--ec-ink3); font:500 var(--ec-t6)/20px var(--ec-f); text-align:left; vertical-align:bottom; }
.bh__t td{ padding:16px 12px; vertical-align:middle; box-shadow:inset 0 1px 0 var(--ec-hair); }
.bh__t th:first-child, .bh__t td:first-child{ width:48px; padding-left:24px; padding-right:0; }
.bh__t th:last-child, .bh__t td:last-child{ padding-right:24px; text-align:right; }
.bh__t tbody tr{ transition:background .15s; }
.bh__t tbody tr:hover{ background:rgba(255,255,255,.025); }
.bh__t tbody tr.is-sel{ background:rgba(0,186,124,.06); }
.bh__name{ display:flex; align-items:center; gap:12px; min-width:0; color:var(--ec-ink) !important; text-decoration:none !important; }
.bh__name > span:last-child{ min-width:0; }
.bh__name b{ display:block; overflow:hidden; font:600 var(--ec-t5)/20px var(--ec-f); white-space:nowrap; text-overflow:ellipsis; }
.bh__name small{ display:block; overflow:hidden; color:var(--ec-ink3); font:400 var(--ec-t6)/20px var(--ec-f); white-space:nowrap; text-overflow:ellipsis; }
.bh__name:hover b{ text-decoration:underline; text-underline-offset:3px; }
.bh__score{ display:inline-flex; align-items:center; gap:6px; font:700 var(--ec-t5)/20px var(--ec-f); font-variant-numeric:tabular-nums; }
.bh__score svg{ width:14px; height:14px; }
.bh__v{ font-weight:600; font-variant-numeric:tabular-nums; }
.bh__v.is-up{ color:var(--ec-up); }
.bh__v small{ display:block; color:var(--ec-ink3); font:400 var(--ec-t6)/20px var(--ec-f); }
.bh__flags{ display:flex; align-items:center; gap:6px; min-width:0; }
.bh__flags .b3__flag{ width:20px; height:15px; border-radius:3px; }
.bh__flags span{ overflow:hidden; color:var(--ec-ink2); font:400 var(--ec-t6)/20px var(--ec-f); white-space:nowrap; text-overflow:ellipsis; }
.bh__badge{ display:inline-flex; align-items:center; gap:6px; color:var(--ec-ink2); font:600 var(--ec-t6)/20px var(--ec-f); white-space:nowrap; }
.bh__badge i{ width:8px; height:8px; border-radius:50%; background:var(--ec-ink4); }
.bh__badge.is-ok{ color:var(--ec-ink); }
.bh__badge.is-ok i{ background:var(--ec-up); }
.bh__badge.is-mid i{ background:var(--ec-imp); }
.bh__rowacts{ display:inline-flex; align-items:center; justify-content:flex-end; gap:12px; }
.bh__rev{ color:var(--ec-ink2) !important; font:600 var(--ec-t6)/20px var(--ec-f); text-decoration:none !important; white-space:nowrap; }
.bh__rev:hover{ color:var(--ec-ink) !important; }
.bh__empty{ padding:56px 24px; text-align:center; color:var(--ec-ink2); font:400 var(--ec-t5)/1.6 var(--ec-f); }
.bh__empty b{ display:block; margin-bottom:4px; color:var(--ec-ink); font-weight:600; }

/* bifa „compară” */
.bh__ck{ position:relative; display:inline-grid; place-items:center; width:20px; height:20px; cursor:pointer; }
.bh__ck input{ position:absolute; inset:0; margin:0; opacity:0; cursor:pointer; }
.bh__ck span{ width:20px; height:20px; border-radius:6px; box-shadow:inset 0 0 0 1.5px var(--ec-ink4); transition:background .15s, box-shadow .15s; }
.bh__ck input:checked + span{ background:var(--ec-up) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat; box-shadow:none; }
.bh__ck input:focus-visible + span{ outline:2px solid var(--ec-link); outline-offset:2px; }
.bh__ck input:disabled + span{ opacity:.35; }

/* bara „Compară” */
.bh__cmp{ position:fixed; left:50%; bottom:24px; z-index:60; display:flex; align-items:center; gap:16px; max-width:calc(100% - 32px); padding:8px 8px 8px 20px; border-radius:999px; background:rgba(28,28,31,.92); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); box-shadow:0 12px 32px rgba(0,0,0,.45), inset 0 0 0 1px var(--ec-hair); transform:translate(-50%, 24px); opacity:0; pointer-events:none; transition:opacity .2s, transform .2s; }
.bh__cmp.is-on{ transform:translate(-50%, 0); opacity:1; pointer-events:auto; }
.bh__cmp span{ overflow:hidden; color:var(--ec-ink); font:600 var(--ec-t6)/20px var(--ec-f); white-space:nowrap; text-overflow:ellipsis; }
.bh__cmp small{ color:var(--ec-ink3); font:400 var(--ec-t6)/20px var(--ec-f); }

/* ce verificăm */
.bh__how{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.bh__how .b3__tile{ padding:20px; border-radius:var(--ec-ri); }
.bh__how .b3__ai{ margin:0 0 12px; }
.bh__how b{ display:block; font:600 var(--ec-t5)/20px var(--ec-f); }
.bh__how p{ margin:4px 0 0; color:var(--ec-ink2); font:400 var(--ec-t6)/20px var(--ec-f); }

@media (max-width:1320px){ .bh__t .bh__c-prot{ display:none; } }
@media (max-width:1180px){ .bh__t .bh__c-reg{ display:none; } }

/* telefon: lista devine carduri */
@media (max-width:992px){
  .bh__hero{ padding-top:32px; }
  .bh__dek{ margin-left:0; }
  .bh__sec:first-of-type{ padding-top:32px; }
  .bh__sec{ padding-top:48px; }
  .bh__tools{ margin:0 -16px 12px; padding:12px 16px; }
  .bh__row--scroll{ flex-wrap:nowrap; margin:0 -16px; padding:0 16px; overflow-x:auto; scrollbar-width:none; }
  .bh__row--scroll::-webkit-scrollbar{ display:none; }
  .bh__find{ max-width:none; flex-basis:100%; }
  .bh__sort{ margin-left:0; }
  .bh__how{ grid-template-columns:1fr 1fr; }
  .bh__list.b3__tile--flush{ background:none; overflow:visible; }
  .bh__t, .bh__t tbody{ display:block; }
  .bh__t thead{ display:none; }
  .bh__t tbody tr{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px 16px; margin:0 0 12px; padding:16px; border-radius:var(--ec-ri); background:var(--ec-s1); }
  .bh__t tbody tr:hover{ background:var(--ec-s1); }
  .bh__t tbody tr.is-sel{ box-shadow:inset 0 0 0 1.5px var(--ec-up); background:var(--ec-s1); }
  .bh__t td, .bh__t td:first-child, .bh__t td:last-child{ display:block; width:auto; padding:0; box-shadow:none; text-align:left; }
  .bh__t td[data-l]::before{ content:attr(data-l); display:block; margin-bottom:2px; color:var(--ec-ink3); font:400 var(--ec-t6)/20px var(--ec-f); }
  .bh__t .bh__c-ck{ position:absolute; top:16px; right:16px; }
  .bh__t .bh__c-name{ grid-column:1 / -1; }
  .bh__t .bh__c-score{ position:absolute; top:16px; right:48px; }
  .bh__t .bh__c-name{ padding-right:104px !important; }
  .bh__t .bh__c-reg{ display:block; grid-column:1 / -1; }
  .bh__t .bh__c-prot{ display:none; }
  .bh__t .bh__c-act{ grid-column:1 / -1; }
  .bh__rowacts{ display:grid; grid-template-columns:1fr 1fr; width:100%; }
  .bh__rowacts .bh__rev{ display:inline-flex; align-items:center; justify-content:center; height:36px; border-radius:999px; background:var(--ec-s2); color:var(--ec-ink) !important; }
  .bh__rowacts .b3-btn{ width:100%; }
  .bh__cmp{ bottom:calc(16px + env(safe-area-inset-bottom)); }
}

/* ═ „Recomandările noastre” ═ */
/* „Recomandările noastre”, varianta 3 (compactă): trei coloane egale; sus categoria, sigla cu numele
   și nota pe un rând, o propoziție, butoanele pe un rând; jos trei rânduri de date, etichetă stânga, valoare dreapta. */
.bh__rec{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-radius:var(--ec-rc); background:var(--ec-s1); }
.bh__rc{ display:flex; flex-direction:column; min-width:0; padding:24px; }
.bh__rc + .bh__rc{ box-shadow:inset 1px 0 0 var(--ec-hair); }
.bh__rcat{ margin:0 0 16px; color:var(--ec-ink2); font:600 var(--ec-t6)/20px var(--ec-f); }
.bh__rc:first-child .bh__rcat{ color:var(--ec-up); }
.bh__rwho{ display:flex; align-items:center; gap:12px; min-width:0; }
.bh__rwho > span:last-child{ min-width:0; }
.bh__rc h3{ overflow:hidden; margin:0; font:700 var(--ec-t4)/1.2 var(--ec-f); letter-spacing:-.015em; white-space:nowrap; text-overflow:ellipsis; }
.bh__rwho .b3__muted{ margin-top:2px; }
.bh__rline{ min-height:40px; margin:12px 0 0; color:var(--ec-ink2); font:400 var(--ec-t6)/20px var(--ec-f); }
.bh__racts{ display:flex; align-items:center; gap:16px; margin:16px 0 0; }
.bh__more{ display:inline-flex; align-items:center; gap:2px; color:var(--ec-link) !important; font:600 var(--ec-t6)/20px var(--ec-f); text-decoration:none !important; white-space:nowrap; }
.bh__more svg{ width:14px; height:14px; }
.bh__more:hover{ text-decoration:underline !important; text-underline-offset:3px; }
.bh__rspec{ margin:16px 0 0; padding:0; }
.bh__rspec > div{ display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; box-shadow:inset 0 1px 0 var(--ec-hair); }
.bh__rspec dt{ flex:none; color:var(--ec-ink2); font:400 var(--ec-t6)/20px var(--ec-f); white-space:nowrap; }
.bh__rspec dd{ display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:4px 6px; min-width:0; margin:0; padding:8px 0; font:700 var(--ec-t5)/20px var(--ec-f); font-variant-numeric:tabular-nums; text-align:right; }
.bh__rspec dd .b3__flag{ width:20px; height:15px; border-radius:3px; }
.bh__dots{ display:none; }
.bh__sub--rec{ margin-top:-8px; }
@media (max-width:992px){
  .bh__rec{ display:flex; margin:0 -16px; padding:0 16px; gap:12px; overflow-x:auto; border-radius:0; background:none; scroll-snap-type:x mandatory; scroll-padding:0 16px; scrollbar-width:none; }
  .bh__rec::-webkit-scrollbar{ display:none; }
  .bh__rc{ flex:0 0 calc(100% - 48px); padding:20px; border-radius:var(--ec-ri); background:var(--ec-s1); scroll-snap-align:start; }
  .bh__rc + .bh__rc{ box-shadow:none; }
  .bh__rcat{ margin-bottom:12px; }
  .bh__rline{ min-height:0; }
  .bh__dots{ display:flex; justify-content:center; gap:6px; margin-top:12px; }
  .bh__dots i{ width:6px; height:6px; border-radius:50%; background:var(--ec-s4); transition:width .2s, background .2s; }
  .bh__dots i.is-on{ width:18px; border-radius:3px; background:var(--ec-ink); }
}

/* lățimile coloanelor tabelului */
.bh__w-name{ width:30%; } .bh__w-s{ width:10%; } .bh__w-m{ width:16%; } .bh__w-l{ width:20%; } .bh__w-act{ width:228px; }
.bh__rc h3 a{ color:inherit !important; text-decoration:none !important; }
.bh__rc h3 a:hover{ text-decoration:underline !important; text-underline-offset:3px; }
.bh__rec--1{ grid-template-columns:minmax(0,1fr); }
.bh__rec--2{ grid-template-columns:repeat(2,minmax(0,1fr)); }

/* „Pe scurt”: răspunsul direct, sub titlu */
.bh__sec--short{ padding-top:32px; }
.bh__short{ max-width:880px; margin:0; color:var(--ec-ink); font:400 var(--ec-t5)/1.65 var(--ec-f); }
.bh__short > b{ margin-right:4px; font-weight:700; }

/* „Ce s-a schimbat” */
.bh__changes{ margin:0; padding:8px 24px; list-style:none; }
.bh__changes li{ padding:12px 0; color:var(--ec-ink2); font:400 var(--ec-t5)/1.55 var(--ec-f); }
.bh__changes li + li{ box-shadow:inset 0 1px 0 var(--ec-hair); }

/* fereastra „Compară” */
.bh__sheet{ position:fixed; inset:0; z-index:200; display:flex; align-items:flex-end; justify-content:center; padding:24px; background:rgba(0,0,0,.6); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.bh__sheet[hidden]{ display:none; }
.bh__sheetin{ width:100%; max-width:960px; max-height:calc(100vh - 48px); overflow:auto; border-radius:var(--ec-rc); background:var(--ec-s1); box-shadow:0 24px 64px rgba(0,0,0,.6), inset 0 0 0 1px var(--ec-hair); }
.bh__sheeth{ position:sticky; top:0; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 24px; background:var(--ec-s1); box-shadow:inset 0 -1px 0 var(--ec-hair); }
.bh__sheeth h2{ margin:0; font:700 var(--ec-t4)/1.3 var(--ec-f); }
.bh__sheetb{ padding:0 0 8px; }
.bh__ct{ width:100%; border-collapse:collapse; table-layout:fixed; font:400 var(--ec-t5)/20px var(--ec-f); }
.bh__ct th, .bh__ct td{ padding:16px; text-align:left; vertical-align:middle; box-shadow:inset 0 1px 0 var(--ec-hair); }
.bh__ct thead th{ box-shadow:none; font:700 var(--ec-t5)/20px var(--ec-f); }
.bh__ct thead th a{ color:var(--ec-ink) !important; text-decoration:none !important; }
.bh__ct tbody th{ width:30%; padding-left:24px; color:var(--ec-ink2); font:400 var(--ec-t6)/20px var(--ec-f); }
.bh__ct td{ font-weight:600; font-variant-numeric:tabular-nums; }
.bh__ct .bh__ctacts td{ font-weight:400; }
.bh__ct .bh__ctacts .b3-btn{ width:100%; }
.bh__ct .bh__ctacts .bh__rev{ display:inline-block; margin-top:8px; }

@media (max-width:992px){
  .bh__sec--short{ padding-top:24px; }
  .bh__sheet{ padding:0; }
  .bh__sheetin{ max-height:88vh; border-radius:var(--ec-rc) var(--ec-rc) 0 0; }
  .bh__sheeth{ padding:16px; }
  .bh__ct th, .bh__ct td{ padding:12px 8px; }
  .bh__ct tbody th{ width:28%; padding-left:16px; }
  .bh__changes{ padding:4px 16px; }
}