/* ============================================================
   CryptoVek V6 — /birzhi/ page layer (Direction B)
   Референс: CV_V6_BIRZHI_B.dc.html + EXPORTS/birzhi-*.png
   Использует только токены cv6-tokens.css и компоненты foundation.
   ============================================================ */

/* ---------- Hero ---------- */
.cv6b-hero{display:grid;grid-template-columns:1fr;gap:var(--cv6-sp-6);padding:var(--cv6-sp-8) 0 var(--cv6-sp-6);}
.cv6b-hero h1{font-family:var(--cv6-font-display);font-size:var(--cv6-fs-h1);line-height:var(--cv6-lh-h1);color:var(--cv6-ink);}
.cv6b-hero__sub{max-width:640px;color:var(--cv6-muted);font-size:var(--cv6-fs-body);line-height:var(--cv6-lh-body);margin-top:var(--cv6-sp-3);}
.cv6b-legend{display:flex;flex-wrap:wrap;gap:var(--cv6-sp-2) var(--cv6-sp-5);margin-top:var(--cv6-sp-4);font-size:var(--cv6-fs-compact);color:var(--cv6-muted);}
.cv6b-legend span{display:inline-flex;align-items:center;gap:6px;}
.cv6b-legend i{width:8px;height:8px;border-radius:50%;flex:none;}
.cv6b-legend .lg-green i{background:var(--cv6-status-green-solid);}
.cv6b-legend .lg-amber i{background:var(--cv6-status-amber-solid);}
.cv6b-legend .lg-red i{background:var(--cv6-status-red-solid);}
.cv6b-legend .lg-gray i{background:var(--cv6-status-gray-solid);}
/* GEO-карточка (визуальное состояние; без новой GEO-логики) */
.cv6b-geo-card{background:var(--cv6-surface);border:1px solid var(--cv6-border);border-radius:var(--cv6-r-md);box-shadow:var(--cv6-shadow-card);padding:var(--cv6-sp-5);align-self:start;}
.cv6b-geo-card .cv6-meta{display:block;margin-bottom:var(--cv6-sp-2);}
.cv6b-geo-card__country{display:flex;align-items:center;gap:var(--cv6-sp-3);font-family:var(--cv6-font-display);font-size:20px;font-weight:700;color:var(--cv6-ink);}
.cv6b-geo-card__row{display:flex;align-items:center;gap:var(--cv6-sp-3);margin-top:var(--cv6-sp-3);font-size:var(--cv6-fs-compact);color:var(--cv6-muted);}
@media (min-width:1024px){
  .cv6b-hero{grid-template-columns:1fr 300px;align-items:start;}
}

/* ---------- Логотип-слот (официальные лого, без запечённых полей) ---------- */
.cv6b-logo{flex:none;display:flex;align-items:center;justify-content:center;background:var(--cv6-white);border:1px solid var(--cv6-hairline);border-radius:var(--cv6-r-md);overflow:hidden;}
.cv6b-logo img{width:100%;height:100%;object-fit:contain;display:block;}
.cv6b-logo--xl{width:80px;height:80px;border-radius:var(--cv6-r-lg);}   /* места 1–3: 72–88 desktop */
.cv6b-logo--md{width:60px;height:60px;}                                  /* места 4–7: 54–66 */
.cv6b-logo--sm{width:44px;height:44px;border-radius:var(--cv6-r-sm);}    /* места 8–20: 38–48 */
.cv6b-logo--mono{font-family:var(--cv6-font-display);font-weight:700;color:var(--cv6-on-navy);background:var(--cv6-navy-700);font-size:18px;letter-spacing:.5px;}
@media (max-width:599px){
  .cv6b-logo--xl{width:64px;height:64px;}   /* 58–68 mobile */
  .cv6b-logo--md{width:50px;height:50px;}   /* 46–56 */
  .cv6b-logo--sm{width:40px;height:40px;}   /* 36–44 */
}

/* ---------- Ранг ---------- */
.cv6b-rank{font-family:var(--cv6-font-mono);font-weight:700;color:var(--cv6-data);font-size:28px;line-height:1;flex:none;width:44px;}
.cv6b-card--compact .cv6b-rank,.cv6b-row .cv6b-rank{font-size:18px;width:32px;}

/* ---------- Premium-карточка (1–3) ---------- */
.cv6b-card{background:var(--cv6-surface);border:1px solid var(--cv6-border);border-radius:var(--cv6-r-lg);box-shadow:var(--cv6-shadow-card);margin-bottom:var(--cv6-sp-5);position:relative;}
.cv6b-card--premium{padding:var(--cv6-sp-6);}
.cv6b-flag{position:absolute;top:-11px;left:var(--cv6-sp-6);background:var(--cv6-navy-900);color:var(--cv6-accent-400);font-size:var(--cv6-fs-label);font-weight:700;letter-spacing:var(--cv6-track-label);text-transform:uppercase;padding:4px 12px;border-radius:var(--cv6-r-pill);}
.cv6b-premium-grid{display:grid;grid-template-columns:1fr;gap:var(--cv6-sp-6);}
.cv6b-main{min-width:0;}
.cv6b-idcol{display:flex;flex-direction:column;align-items:center;gap:var(--cv6-sp-3);flex:none;}
.cv6b-head{display:flex;align-items:flex-start;gap:var(--cv6-sp-4);}
.cv6b-title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cv6-sp-2) var(--cv6-sp-3);}
.cv6b-title h2,.cv6b-title h3{font-family:var(--cv6-font-display);font-size:22px;line-height:1.2;color:var(--cv6-ink);margin:0;}
.cv6b-checked{margin-left:auto;flex:none;font-size:var(--cv6-fs-meta);color:var(--cv6-muted);white-space:nowrap;}
.cv6b-summary{margin-top:var(--cv6-sp-3);color:var(--cv6-ink);font-size:var(--cv6-fs-body);line-height:var(--cv6-lh-body);max-width:60ch;}
.cv6b-card .cv6-facts{margin-top:var(--cv6-sp-4);}
@media (min-width:1024px){
  .cv6b-premium-grid{grid-template-columns:minmax(0,1fr) 320px;}
}

/* ---------- Offer-модуль (правая колонка premium) ---------- */
.cv6b-offer{border-left:1px solid var(--cv6-hairline);padding-left:var(--cv6-sp-6);display:flex;flex-direction:column;gap:var(--cv6-sp-3);}
.cv6b-offer .cv6-meta{color:var(--cv6-status-amber-fg);}
.cv6b-offer__title{font-weight:600;font-size:var(--cv6-fs-body);color:var(--cv6-ink);line-height:1.4;}
.cv6b-offer__note{font-size:var(--cv6-fs-disclaimer);color:var(--cv6-faint);line-height:1.5;}
.cv6b-offer__review{font-size:var(--cv6-fs-compact);}
.cv6b-offer--pending .cv6b-offer__title{color:var(--cv6-muted);font-weight:500;}
@media (max-width:1023px){
  .cv6b-offer{border-left:0;padding-left:0;border-top:1px solid var(--cv6-hairline);padding-top:var(--cv6-sp-4);}
}

/* ---------- Compact-карточка (4–7) ---------- */
.cv6b-card--compact{padding:var(--cv6-sp-5) var(--cv6-sp-6);display:flex;align-items:center;gap:var(--cv6-sp-4);}
.cv6b-card--compact .cv6b-id{display:flex;align-items:center;gap:var(--cv6-sp-3);flex:none;min-width:210px;}
.cv6b-card--compact .cv6b-name{min-width:0;}
.cv6b-card--compact .cv6b-name .cv6b-title h3{font-size:17px;}
.cv6b-card--compact .cv6-facts{display:flex;gap:var(--cv6-sp-6);margin:0;flex:1;background:none;border:0;border-radius:0;overflow:visible;}
.cv6b-card--compact .cv6-fact{background:none;border:0;padding:0;min-width:0;}
.cv6b-card--compact .cv6-fact__value{font-size:14px;}
.cv6b-card--compact .cv6b-actions{display:flex;align-items:center;gap:var(--cv6-sp-3);flex:none;}
.cv6b-code-pill{font-family:var(--cv6-font-mono);font-size:12px;color:var(--cv6-muted);border:1px dashed var(--cv6-border);border-radius:var(--cv6-r-sm);padding:6px 10px;white-space:nowrap;}
@media (max-width:1023px){
  .cv6b-card--compact{flex-wrap:wrap;}
  .cv6b-card--compact .cv6-facts{flex-basis:100%;order:3;gap:var(--cv6-sp-4);flex-wrap:wrap;}
  .cv6b-card--compact .cv6b-actions{margin-left:auto;}
}
@media (max-width:599px){
  .cv6b-card--compact{padding:var(--cv6-sp-4);}
  .cv6b-card--compact .cv6b-id{min-width:0;}
  .cv6b-card--compact .cv6b-actions{flex-basis:100%;order:4;}
  .cv6b-card--compact .cv6b-actions .cv6-btn{flex:1;}
}

/* ---------- Места 8–20 (dense) ---------- */
.cv6b-more{margin:var(--cv6-sp-6) 0;text-align:center;}
.cv6b-dense{background:var(--cv6-surface);border:1px solid var(--cv6-border);border-radius:var(--cv6-r-lg);overflow:hidden;margin-bottom:var(--cv6-sp-6);}
.cv6b-row{display:flex;align-items:center;gap:var(--cv6-sp-4);padding:var(--cv6-sp-4) var(--cv6-sp-5);border-top:1px solid var(--cv6-hairline);}
.cv6b-row:first-child{border-top:0;}
.cv6b-row__name{flex:none;width:150px;min-width:0;}
.cv6b-row__name b{display:block;font-size:15px;color:var(--cv6-ink);}
.cv6b-row__fact{flex:1;min-width:0;font-size:var(--cv6-fs-compact);color:var(--cv6-muted);line-height:1.45;}
.cv6b-row__aside{flex:none;display:flex;align-items:center;gap:var(--cv6-sp-3);}
.cv6b-row--red{background:#fdfafa;}
.cv6b-row--red .cv6b-row__name b{color:var(--cv6-muted);}
@media (max-width:767px){
  .cv6b-row{flex-wrap:wrap;gap:var(--cv6-sp-2) var(--cv6-sp-3);padding:var(--cv6-sp-4);}
  .cv6b-row__name{width:auto;flex:1;}
  .cv6b-row__fact{flex-basis:100%;order:3;}
  .cv6b-row__aside{margin-left:auto;}
}

/* ---------- Подзаголовок секции («Места 4–7») ---------- */
.cv6b-subhead{font-family:var(--cv6-font-mono);font-size:var(--cv6-fs-meta);font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--cv6-muted);margin:var(--cv6-sp-6) 0 var(--cv6-sp-3);}

/* мобильные факты: компактнее, без blowout */
@media (max-width:599px){
  .cv6b-card .cv6-fact{padding:10px 10px;}
  .cv6b-card .cv6-fact__value{font-size:13px;}
  .cv6b-card .cv6-fact__label{font-size:9px;letter-spacing:.6px;}
  /* premium: колонка лого сверху в строку, контент на всю ширину */
  .cv6b-head{flex-direction:column;gap:var(--cv6-sp-3);}
  .cv6b-idcol{flex-direction:row;align-items:center;}
}

/* ---------- Методология ---------- */
.cv6b-method{background:var(--cv6-surface);border:1px solid var(--cv6-border);border-radius:var(--cv6-r-lg);padding:var(--cv6-sp-6);margin:var(--cv6-sp-8) 0;}
.cv6b-method h2{font-family:var(--cv6-font-display);font-size:var(--cv6-fs-h2);margin-bottom:var(--cv6-sp-3);}
.cv6b-method p{color:var(--cv6-muted);line-height:var(--cv6-lh-body);max-width:75ch;}