/* --- [cbx:rig] визуальный слой поверх данных (05.0и) --------------------
       Пять РАЗНЫХ приборов на пяти справочных страницах: матрица с цветовым
       шифром, полосы вероятностей, линейка преимущества казино, поле
       «отдача × волатильность», шифрованная матрица платёжек.
       Подключается ТОЛЬКО на этих страницах — ноль JS, всё на CSS.        */
.cbx-rig{ clear:both; width:100%; margin:1.7em 0 1.9em; background:var(--cbx-chalk);
  border:1px solid var(--cbx-rule); border-radius:var(--cbx-round); overflow:hidden; }
.cbx-rig__cap{ display:flex; gap:11px; align-items:flex-start; padding:15px 18px 13px;
  background:var(--cbx-band); border-bottom:1px solid var(--cbx-rule); }
.cbx-rig__cap svg{ width:22px; height:22px; flex:0 0 22px; color:var(--cbx-royal); margin-top:2px; }
.cbx-rig__cap b{ display:block; font-family:var(--cbx-head); font-size:16.5px; line-height:1.3;
  color:var(--cbx-felt); }
.cbx-rig__cap span{ display:block; margin-top:4px; font-size:13px; line-height:1.48; color:var(--cbx-fog);
  font-family:var(--cbx-body); }
.cbx-rig__body{ padding:16px 18px 18px; }
.cbx-rig__key{ display:flex; flex-wrap:wrap; gap:6px 15px; margin-top:14px; font-size:12.5px;
  line-height:1.5; color:var(--cbx-slate); font-family:var(--cbx-body); }
.cbx-rig__key i{ display:inline-block; width:13px; height:13px; border-radius:3px;
  margin-right:6px; vertical-align:-2px; }
.cbx-rig__foot{ margin:13px 0 0; font-size:12.5px; line-height:1.55; color:var(--cbx-fog);
  font-family:var(--cbx-body); }
.cbx-rig__foot b{ color:var(--cbx-slate); font-weight:600; }

/* цветовой шифр — один на все приборы */
.cbx-c-h{ background:#fbeff3; color:#9d1a4c; }
.cbx-c-s{ background:#e6f2ec; color:#0c5a42; }
.cbx-c-d{ background:#ebe7fb; color:#4227a6; }
.cbx-c-p{ background:#fdf2df; color:#764705; }
.cbx-k-h{ background:#f0a9c2; } .cbx-k-s{ background:#8dc9b2; }
.cbx-k-d{ background:#b6a7ee; } .cbx-k-p{ background:#f0c980; }

/* 1. матрица базовой стратегии --------------------------------------------- */
.cbx-mx{ width:100%; border-collapse:collapse; font-family:var(--cbx-body); font-size:12.5px;
  table-layout:fixed; }
.cbx-mx col.cbx-mx__lab{ width:88px; }
.cbx-mx th,.cbx-mx td{ border:1px solid #fff; padding:0; text-align:center; height:26px; }
.cbx-mx thead th{ background:var(--cbx-felt); color:#fff; font-weight:600; font-size:12px; }
.cbx-mx tbody th{ background:var(--cbx-band); color:var(--cbx-felt); text-align:left;
  padding:0 9px; white-space:nowrap; font-weight:600; }
.cbx-mx td{ font-weight:700; }
.cbx-mx__grp th{ background:var(--cbx-felt-deep); color:#fff; text-align:left; padding:5px 9px;
  font-size:11.5px; letter-spacing:.09em; text-transform:uppercase; }
/* зебра листа (.cbx-prose table tr:nth-child(even) td) перебивала шифр через строку */
.cbx-rig .cbx-mx td.cbx-c-h{ background:#fbeff3; }
.cbx-rig .cbx-mx td.cbx-c-s{ background:#e6f2ec; }
.cbx-rig .cbx-mx td.cbx-c-d{ background:#ebe7fb; }
.cbx-rig .cbx-mx td.cbx-c-p{ background:#fdf2df; }
.cbx-rig .cbx-mx tbody th{ text-transform:none; }
.cbx-rig .cbx-pmx tbody tr:nth-child(even) td{ background:#fafaff; }
/* .cbx-prose table th у листа — чернильная плашка и белый текст; в шапке это верно,
   в ПЕРВОЙ КОЛОНКЕ давало тёмное по тёмному (05.0и, проверено скриншотом) */
.cbx-rig .cbx-pmx tbody th{ background:transparent; color:var(--cbx-felt); }

/* 2. полосы вероятностей на колесе ----------------------------------------- */
.cbx-odds{ list-style:none; margin:0; padding:0; }
.cbx-odds li{ display:grid; gap:6px 11px; align-items:center; padding:8px 0;
  border-bottom:1px solid var(--cbx-rule);
  grid-template-columns:minmax(96px,1.3fr) 56px minmax(0,2fr) 56px;
  grid-template-areas:"n p b c"; }
.cbx-odds li:last-child{ border-bottom:0; padding-bottom:0; }
.cbx-odds b{ grid-area:n; font-weight:600; font-size:13.5px; line-height:1.35; color:var(--cbx-felt);
  font-family:var(--cbx-body); }
.cbx-odds__pay{ grid-area:p; font-family:var(--cbx-head); font-size:12.5px; color:#fff;
  background:var(--cbx-royal); border-radius:20px; text-align:center; padding:3px 0; }
.cbx-odds__bar{ grid-area:b; height:11px; border-radius:6px; background:var(--cbx-band); overflow:hidden; }
.cbx-odds__bar i{ display:block; height:100%; border-radius:6px;
  background:linear-gradient(90deg,var(--cbx-royal),var(--cbx-rose)); }
.cbx-odds__pct{ grid-area:c; font-size:13px; color:var(--cbx-slate); text-align:right;
  font-variant-numeric:tabular-nums; }

/* 3. линейка преимущества казино ------------------------------------------- */
.cbx-edge{ margin:0; }
.cbx-edge__list{ list-style:none; margin:0; padding:0; }
.cbx-edge__list li{ display:grid; grid-template-columns:minmax(0,1fr) 62px; gap:4px 12px;
  align-items:center; padding:7px 0; }
.cbx-edge__list b{ grid-column:1; font-weight:600; font-size:13.5px; color:var(--cbx-felt);
  font-family:var(--cbx-body); }
.cbx-edge__list em{ grid-column:2; grid-row:1/span 2; font-style:normal; font-size:14px;
  font-family:var(--cbx-head); color:var(--cbx-felt); text-align:right;
  font-variant-numeric:tabular-nums; }
.cbx-edge__track{ grid-column:1; height:9px; border-radius:5px; background:var(--cbx-band);
  position:relative; }
.cbx-edge__track i{ position:absolute; top:0; height:100%; border-radius:5px; }
.cbx-edge__axis{ display:flex; justify-content:space-between; margin-top:6px;
  padding-right:74px; font-size:11.5px; color:var(--cbx-fog); font-variant-numeric:tabular-nums; }
.cbx-e-1{ background:#0f7a5a; } .cbx-e-2{ background:var(--cbx-royal); }
.cbx-e-3{ background:var(--cbx-rose); }

/* 4. поле «отдача × волатильность» ----------------------------------------- */
.cbx-plot{ list-style:none; margin:0; padding:0; position:relative; height:250px;
  background:
    linear-gradient(0deg,rgba(220,217,232,.9) 1px,transparent 1px) 0 33.3%/100% 33.4% repeat-y,
    linear-gradient(90deg,rgba(220,217,232,.9) 1px,transparent 1px) 25% 0/25% 100% repeat-x,
    var(--cbx-band);
  border-radius:var(--cbx-round); border:1px solid var(--cbx-rule); }
.cbx-plot__dot,.cbx-plot__n{ width:22px; height:22px; border-radius:50%; background:var(--cbx-royal);
  color:#fff; font-family:var(--cbx-head); font-size:12px; line-height:22px; text-align:center;
  font-weight:600; }
.cbx-plot__dot{ position:absolute; transform:translate(-50%,50%);
  box-shadow:0 0 0 3px rgba(91,63,214,.16); }
.cbx-plot__dot.cbx-plot--hot,.cbx-plot__n.cbx-plot--hot{ background:var(--cbx-rose); }
.cbx-plot__dot.cbx-plot--hot{ box-shadow:0 0 0 3px rgba(214,51,108,.16); }
.cbx-plot__ax{ display:flex; justify-content:space-between; margin-top:7px; font-size:11.5px;
  color:var(--cbx-fog); }
.cbx-plot__y{ margin:0 0 7px; font-size:11.5px; color:var(--cbx-fog); }
.cbx-plot__key{ list-style:none; margin:14px 0 0; padding:0; display:grid;
  grid-template-columns:1fr 1fr; gap:9px 22px; }
.cbx-plot__key li{ display:flex; gap:9px; align-items:flex-start; font-size:13px; line-height:1.4;
  color:var(--cbx-slate); font-family:var(--cbx-body); }
.cbx-plot__n{ flex:0 0 22px; }
.cbx-plot__key span b{ color:var(--cbx-felt); font-weight:600; }
.cbx-plot__key span{ font-variant-numeric:tabular-nums; }

/* 5. шифрованная матрица платёжек ------------------------------------------ */
.cbx-pmx{ width:100%; border-collapse:collapse; font-family:var(--cbx-body); font-size:12.5px;
  table-layout:fixed; }
.cbx-pmx th,.cbx-pmx td{ border-bottom:1px solid var(--cbx-rule); padding:7px 6px; text-align:center; }
.cbx-pmx thead th{ background:var(--cbx-felt); color:#fff; font-weight:600; font-size:11.5px;
  border-bottom:0; padding:8px 5px; }
.cbx-pmx thead th:first-child,.cbx-pmx tbody th{ text-align:left; }
.cbx-pmx tbody th{ font-weight:600; color:var(--cbx-felt); padding-left:2px; }
.cbx-pmx tbody tr:last-child th,.cbx-pmx tbody tr:last-child td{ border-bottom:0; }
.cbx-pmx u{ display:inline-block; min-width:44px; padding:2px 7px; border-radius:20px;
  text-decoration:none; font-size:11.5px; font-weight:600; }
.cbx-pmx .cbx-y{ background:#e6f2ec; color:#0c5a42; }
.cbx-pmx .cbx-n{ background:#eceaf2; color:#4b5260; }
.cbx-pmx .cbx-r{ background:#fdf2df; color:#764705; }
.cbx-pmx td small{ font-size:12px; color:var(--cbx-slate); font-variant-numeric:tabular-nums; }

@media (max-width:760px){
  .cbx-rig__body{ padding:14px 13px 16px; }
  .cbx-rig__cap{ padding:13px 13px 12px; }
  .cbx-mx col.cbx-mx__lab{ width:74px; }
  .cbx-mx{ font-size:11px; } .cbx-mx th,.cbx-mx td{ height:23px; }
  .cbx-mx tbody th{ padding:0 5px; }
  .cbx-odds li{ grid-template-columns:minmax(0,1fr) 52px 54px; grid-template-areas:"n p c" "b b b"; }
  .cbx-odds__bar{ margin-top:2px; }
  .cbx-edge__axis{ padding-right:66px; }
  .cbx-plot{ height:212px; }
  .cbx-plot__key{ grid-template-columns:1fr; gap:8px; }
  .cbx-rig table{ display:table; overflow:visible; }
  .cbx-rig .cbx-mx th,.cbx-rig .cbx-mx td{ min-width:0; white-space:nowrap; }
  .cbx-rig .cbx-pmx th,.cbx-rig .cbx-pmx td{ min-width:0; }
  .cbx-plot__ax,.cbx-plot__y{ display:none; }
  .cbx-pmx{ font-size:11px; } .cbx-pmx th,.cbx-pmx td{ padding:6px 2px; }
  .cbx-rig .cbx-pmx u{ min-width:0; padding:2px 5px; font-size:10.5px; }
  .cbx-pmx thead th{ font-size:10.5px; padding:7px 2px; }
  .cbx-pmx u{ min-width:0; padding:2px 6px; }
}
/* --- [/cbx:rig] --------------------------------------------------------- */