/* ============================================================================
   Витрина №281 `crgv` — «監理榜» (Supervision Board) для casinoregulation.com
   Палитра от шапки: официальный синий, нефрит, латунь на тёплой бумаге.
   Приём строки — РЕЕСТРОВАЯ СТРОКА с волосяными линейками, без карточек и рамок:
   у соседей по zh витрина «印卷» карточная, здесь — таблица надзорного вестника.
   ========================================================================== */
.crgv-wrap{margin:32px 0;background:var(--paper);border-top:3px solid var(--ink);
  border-bottom:1px solid var(--line);padding:0 0 4px}
.crgv-head{padding:18px var(--pad) 14px;box-sizing:border-box}
.crgv-kicker{font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gov);font-weight:700;margin:0 0 6px}
.crgv-t{font-family:var(--f-disp);font-size:24px;line-height:1.3;font-weight:700;
  color:var(--ink);margin:0 0 8px}
.crgv-note{font-size:13.5px;color:var(--ink-3);margin:0;line-height:1.6}

/* фильтры: подписи-переключатели на волосяной линейке, без пилюль */
.crgv-filters{display:flex;flex-wrap:wrap;gap:0 18px;align-items:center;
  padding:10px var(--pad);border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);background:var(--paper-2);box-sizing:border-box}
.crgv-filters .crgv-fl{font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-3);font-weight:700;margin-right:4px}
.crgv-f{position:absolute;opacity:0;pointer-events:none}
.crgv-filters label{font-size:13.5px;color:var(--ink-2);cursor:pointer;
  padding:4px 0 3px;border-bottom:2px solid transparent;user-select:none}
.crgv-filters label:hover{color:var(--gov)}
.crgv-f:checked + label{color:var(--gov);border-bottom-color:var(--gov);font-weight:700}

/* строка реестра */
.crgv-list{list-style:none;margin:0;padding:0;counter-reset:crgv}
.crgv-list > li{display:grid;grid-template-columns:34px 128px 1fr 210px 156px;
  gap:16px;align-items:center;padding:14px var(--pad);
  border-bottom:1px solid var(--line);box-sizing:border-box}
.crgv-list > li:nth-child(-n+3) .crgv-rank{background:var(--brass);color:#fff}
.crgv-rank{display:block;width:28px;height:28px;line-height:28px;text-align:center;
  font-family:var(--f-num);font-size:14px;font-weight:700;color:var(--ink-2);
  background:var(--paper-2);font-variant-numeric:tabular-nums}
.crgv-logo{display:block}
.crgv-logo img{display:block;width:128px;height:44px;object-fit:contain;
  background:var(--paper);border:1px solid var(--line)}
.crgv-name{display:block;font-size:17px;font-weight:700;color:var(--ink);
  line-height:1.3;margin:0 0 5px}
.crgv-chips{display:block}
.crgv-chip{display:inline-block;background:var(--paper-2);color:var(--ink-2);
  font-size:12px;line-height:1.4;padding:3px 8px 3px 7px;margin:0 5px 4px 0;
  border-left:3px solid var(--jade)}
.crgv-chip--cur{border-left-color:var(--gov)}
.crgv-chip--fs{border-left-color:var(--brass)}
.crgv-offer b{display:block;font-size:15.5px;line-height:1.42;color:var(--ink);
  font-weight:700;font-variant-numeric:tabular-nums}
.crgv-offer span{display:block;font-size:12.5px;color:var(--ink-3);margin-top:3px}
.crgv-go{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.crgv-cta{display:block;text-align:center;background:var(--jade);color:#fff!important;
  font-weight:700;font-size:14.5px;letter-spacing:.03em;padding:10px 8px;
  text-decoration:none!important;border-radius:2px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.28)}
.crgv-cta:hover{background:#175942}
.crgv-rev{display:block;text-align:center;font-size:12.5px;color:var(--gov);
  text-decoration:none}
.crgv-rev:hover{text-decoration:underline}
.crgv-terms{grid-column:1/-1;margin:6px 0 0}
.crgv-terms > summary{cursor:pointer;font-size:12.5px;color:var(--ink-3);list-style:none;
  padding:2px 0}
.crgv-terms > summary::-webkit-details-marker{display:none}
.crgv-terms > summary::before{content:"＋ ";color:var(--gov)}
.crgv-terms[open] > summary::before{content:"－ "}
.crgv-terms p{margin:6px 0 0;font-size:13px;color:var(--ink-2);line-height:1.65}

/* хвост: правило хвоста СПЕЦИФИЧНЕЕ правила строки */
.crgv-allbox{position:absolute;opacity:0;pointer-events:none}
.crgv-list > li.crgv-hid{display:none}
.crgv-allbox:checked ~ .crgv-list > li.crgv-hid{display:grid}
.crgv-allbtn{display:block;text-align:center;padding:13px var(--pad);cursor:pointer;
  font-weight:700;font-size:14.5px;color:var(--gov);border-bottom:1px solid var(--line);
  background:var(--paper-2)}
.crgv-allbtn:hover{background:var(--paper-3)}
.crgv-allbox:checked ~ .crgv-allbtn{display:none}

/* фильтры режут открытые строки */
.crgv-wrap:has(.crgv-f--hkd:checked) .crgv-list > li:not([data-cur~="HKD"]){display:none}
.crgv-wrap:has(.crgv-f--twd:checked) .crgv-list > li:not([data-cur~="TWD"]){display:none}
.crgv-wrap:has(.crgv-f--sgd:checked) .crgv-list > li:not([data-cur~="SGD"]){display:none}
.crgv-wrap:has(.crgv-f--myr:checked) .crgv-list > li:not([data-cur~="MYR"]){display:none}
.crgv-wrap:has(.crgv-f--zh:checked)  .crgv-list > li:not([data-zh="1"]){display:none}
.crgv-wrap:has(.crgv-f--fs:checked)  .crgv-list > li:not([data-fs="1"]){display:none}

@media (max-width:900px){
  .crgv-list > li{grid-template-columns:30px 92px 1fr;gap:10px 12px}
  .crgv-logo img{width:92px;height:34px}
  .crgv-offer{grid-column:2/-1}
  .crgv-go{grid-column:2/-1;flex-direction:row;align-items:center;gap:14px}
  .crgv-cta{flex:1 1 auto}
  .crgv-t{font-size:20px}
}

/* ---- доводка ----------------------------------------------------------
   ⛔ Псевдоэлемент донора на <li> становится ПЕРВЫМ грид-элементом строки:
   вся сетка съезжала на трек вправо, CTA падал на вторую строку, высота 300 px. */
body .crgv-list > li::before,body .crgv-list > li::after{
  content:none!important;display:none!important}
body .crgv-list{list-style:none!important;padding:0!important;margin:0!important}
body .crgv-list > li{list-style:none!important;text-align:left!important}
body .crgv-list > li::marker{content:""!important;color:transparent!important}
/* контраст */
body .crgv-note{color:var(--ink-2)!important}
body .crgv-offer span{color:var(--ink-2)!important}
body .crgv-terms > summary{color:var(--ink-2)!important}
body .crgv-rank{color:var(--ink)!important}
body .crg-body a.crgv-cta,body a.crgv-cta{color:#fff!important;background:var(--jade)!important;
  text-decoration:none!important}
body .crg-body a.crgv-cta:hover{background:#175942!important;color:#fff!important}
body .crg-body a.crgv-rev{color:var(--gov)!important}
body .crgv-chip{background:var(--paper-2)!important;color:var(--ink-2)!important}
/* высота строки: эталон 150–290 px */
body .crgv-list > li{padding-top:11px!important;padding-bottom:11px!important;
  row-gap:6px!important}
body .crgv-name{margin-bottom:4px!important}
body .crgv-terms{margin-top:2px!important}
/* ⛔ витрина встаёт НА МЕСТО нативного .module (он был полноширинным) — колонку
   держит она сама, иначе на мобиле строка начинается от края экрана (R7). */
body .crgv-wrap{max-width:var(--w-content)!important;margin-left:auto!important;
  margin-right:auto!important;box-sizing:border-box!important;width:auto!important}
/* высота строки к эталону 150–290 px */
body .crgv-list > li{padding-top:17px!important;padding-bottom:17px!important;
  row-gap:8px!important}
body .crgv-logo img{height:48px!important}
body .crgv-cta{padding:11px 8px!important}
/* ⛔ R7 меряет РАМКУ элемента: у строки во всю ширину padding внутри рамки,
   и left=0 — «текст у края». Поле переносим на список, строке оставляем вертикальное. */
body .crgv-list{padding:0 var(--pad)!important;box-sizing:border-box!important}
body .crgv-list > li{padding-left:0!important;padding-right:0!important;
  padding-top:19px!important;padding-bottom:19px!important}
body .crgv-head,body .crgv-filters,body .crgv-allbtn{box-sizing:border-box!important}
/* фон витрины задаём ЯВНО и с !important: на хабе третьего поколения тема донора
   красит обёртку своим цветом, и вся витрина уходила в «светлое по светлому» */
body .crgv-wrap,body .crgv-head,body .crgv-list,body .crgv-list > li{
  background-color:var(--paper)!important;color:var(--ink)!important}
body .crgv-filters,body .crgv-allbtn{background-color:var(--paper-2)!important}
body .crgv-kicker{color:var(--gov)!important}
body .crgv-t,body .crgv-name,body .crgv-offer b{color:var(--ink)!important}
body .crgv-rank{background-color:var(--paper-2)!important}
body .crgv-list > li:nth-child(-n+3) .crgv-rank{background-color:var(--brass)!important;
  color:#fff!important}
body .crgv-logo img{background-color:var(--paper)!important}