/* Бейдж РДК — страница /badge (Issue #31 → #72): варианты, правила, генератор кода; блок поиска на /methodology.
   Каркас страницы — rating.css (.page-intro, .table-card). Версия — через rdk_assets (nginx кэширует /user/themes/** на год). */

.bd-card{padding:18px 20px 16px;margin-bottom:16px}
#bd-root [hidden],#bd-lookup [hidden]{display:none !important}
.bd-h{margin:0 0 12px;font-size:18px;font-weight:700;color:#18202b}
/* Варианты (#81 п. 1.2 → #90): сетка 2 × 3 по строкам, прижата влево, колонки не шире 360 px (потолок ширины SVG, #31) —
   бейдж с подписью читается парой, соседняя колонка рядом, а не у правого края; телефон — 1 колонка.
   Подпись (#90 п. 2): курсив, на 1 px меньше текста блока (.bd-text 15px), серый #7a8699 палитры страницы, 5 px от бейджа. */
.bd-variants{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,360px));justify-content:start;gap:20px 36px}
.bd-variants li{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:14px;font-style:italic;color:#7a8699}
.bd-variants img{display:block;height:40px;width:auto;max-width:100%}
.bd-variants-note{margin:0 0 14px;font-size:14px;color:#41506a}
.bd-text{font-size:15px;line-height:1.6;color:#344054}
.bd-text h2{margin:18px 0 6px;font-size:16px;font-weight:700;color:#18202b}
.bd-text p{margin:0 0 8px}
.bd-text ul{margin:0 0 8px;padding-left:20px}
.bd-text li{margin:0 0 4px}
.bd-text a,.bd-card-link{color:#41506a;border-bottom:1px solid #cfd8e3;text-decoration:none}

.bd-label{display:block;margin:12px 0 6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#7a8699}
.bd-q,.bd-select{width:100%;max-width:520px;box-sizing:border-box;padding:10px 12px;border:1px solid #d6dee9;border-radius:10px;
  font:inherit;font-size:15px;color:#18202b;background:#fff}
/* Стрелка списка «Рейтинг» (#81 п. 3) — как у выпадающих списков /cases: те же объявления, что `.cases-select`
   (rdk-parser web/static/css/cases.css): своя стрелка-SVG справа 10px, справа отступ 32px под неё. Менять вместе. */
.bd-select{padding-right:32px;appearance:none;-webkit-appearance:none;cursor:pointer;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2398a2b3' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center}
.bd-q:focus,.bd-select:focus{outline:none;border-color:#98a2b3;box-shadow:0 0 0 3px rgba(36,48,65,.08)}
.bd-found{list-style:none;margin:6px 0 0;padding:0;max-width:520px;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}
.bd-found-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:9px 12px;border:none;
  border-bottom:1px solid #eef2f7;background:#fff;font:inherit;text-align:left;cursor:pointer}
.bd-found li:last-child .bd-found-item{border-bottom:none}
.bd-found-item:hover,.bd-found-item:focus{background:#f7f9fc;outline:none}
.bd-found-item b{font-size:15px;color:#18202b}
.bd-found-item span{font-size:13px;color:#7a8699}
.bd-msg{margin:8px 0 0;font-size:13px;color:#5b6675;min-height:1em}
.bd-msg a{color:#41506a;border-bottom:1px solid #cfd8e3;text-decoration:none}
/* «Braind · карточка РДК →» одной строкой (#81 п. 4): название жирное, ссылка обычного веса цветом ссылок страницы
   (правило `.bd-text a` выше); не влезла — ссылка переносится целиком (nowrap). */
.bd-agency{max-width:520px;margin:14px 0 0;font-size:17px;color:#18202b}
.bd-agency b{font-weight:700}
.bd-card-link{font-weight:400;white-space:nowrap}
.bd-hint{margin:6px 0 0;font-size:13px;color:#7a8699}
.bd-opts input:disabled+*,.bd-opts label:has(input:disabled){color:#98a2b3;cursor:default}
.bd-opts{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:#344054}
.bd-opts label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
/* Плитки стилей (#72 п. 1): бейдж в каждом из 4 стилей на своём фоне; клик выбирает стиль кода. Прозрачные — на
   фоне, для которого они сделаны; у «прозрачного для светлого» — пунктирная рамка: фона у бейджа нет. */
.bd-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bd-tile{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:0;border:2px solid transparent;border-radius:12px;
  background:none;font:inherit;text-align:left;cursor:pointer}
.bd-tile-img{display:flex;align-items:center;justify-content:center;min-height:88px;padding:14px;border-radius:10px;
  border:1px solid #e2e8f0;box-sizing:border-box}
.bd-tile-img img{display:block;max-width:100%;height:auto}   /* height — из генератора, 40 или 56; width — сам SVG */
.bd-tile-cap{padding:0 6px 8px;font-size:13px;color:#41506a}
.bd-tile--light .bd-tile-img{background:#f7f9fc}
.bd-tile--dark .bd-tile-img,.bd-tile--transparent-dark .bd-tile-img{background:#243041;border-color:#243041}
.bd-tile--transparent-light .bd-tile-img{background:#fff;border-style:dashed;border-color:#cfd8e3}
.bd-tile:hover .bd-tile-cap{color:#18202b}
.bd-tile[aria-checked="true"]{border-color:var(--accent,#243041)}
.bd-tile[aria-checked="true"] .bd-tile-cap{color:#18202b;font-weight:600}
.bd-tile:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(36,48,65,.18)}

/* Блок «Поиск агентства в РДК» на /methodology (#72 п. 5, #81 п. 5): поле и строки результата — как в генераторе,
   у строки ссылки: название → карточка, рейтинг → страница среза, внизу «Карточка РДК → · Бейдж для сайта →». */
.bd-lookup .bd-q{max-width:none}
/* Отступ сверху у абзаца с полем — тот же, что у абзацев соседних блоков (#81 п. 5а); снизу результаты — вплотную. */
.bd-lookup .bd-q-p{margin-bottom:0}
.bd-lookup .bd-found{max-width:none}
.bd-found-row{padding:9px 12px;border-bottom:1px solid #eef2f7;background:#fff}
.bd-found li.bd-found-row:last-child{border-bottom:none}
.bd-found-main{display:flex;flex-direction:column;gap:2px;min-width:0}
.bd-found-name{font-size:15px;font-weight:700;color:#18202b;text-decoration:none}
.bd-found-name:hover{text-decoration:underline}
.bd-found-sub{font-size:13px;color:#7a8699}
.bd-found-sub a{color:#7a8699;text-decoration:none;border-bottom:1px solid #e2e8f0}
.bd-found-links{font-size:13px;color:#7a8699}
.bd-found-badge{font-weight:600;color:#41506a;text-decoration:none;white-space:nowrap}
/* Подсветка ссылок — только у устройств с мышью (#81 п. 5): на iPhone :hover «залипает» на последней тронутой ссылке,
   и один рейтинг в строке оставался чёрным (#18202b) среди серых. */
@media (hover:hover){ .bd-found-sub a:hover,.bd-found-badge:hover,.bd-card-link:hover{color:#18202b} }
.bd-code{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #d6dee9;border-radius:10px;
  font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#18202b;background:#fcfdff;resize:vertical}
.bd-copy{margin-top:10px;padding:10px 20px;border:none;border-radius:10px;background:var(--accent,#243041);color:#fff;
  font:inherit;font-size:15px;font-weight:600;cursor:pointer}
@media (max-width:640px){ .bd-card{padding:14px 14px 12px}
  .bd-tiles{grid-template-columns:1fr} .bd-tile-img{min-height:72px;padding:12px}
  .bd-variants{grid-template-columns:1fr} }
/* Cookie-плашка (rating.css, fixed снизу, z-index 9999 — сайтовый канон, здесь не меняется) закрывала низ генератора:
   пока плашка видна, у страницы снизу запас под её высоту — код вставки и кнопка докручиваются выше плашки (#31, 01.11). */
body:has(.cookie-banner:not([hidden])) .bd-gen{margin-bottom:120px}
@media (max-width:599px){ body:has(.cookie-banner:not([hidden])) .bd-gen{margin-bottom:170px} }