/* ==========================================================================
   TRON Compliance Check (tools/compliance/) — на общей основе сайта (08.10.2026).
   Цвета — --site-* (css/site-tokens.css), тема Light/Dark; приёмы главной: один синий акцент, кромка 3px,
   серые карточки без теней. Раскладка и текст страницы — прежние.
   ========================================================================== */
.cc-page{ background:var(--site-bg,#fff); color:var(--site-text,#3a4366); }
.cc-page main{ font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; }

/* ---------- Первый экран и поиск ---------- */
.cc-hero{ padding:48px 0 32px; text-align:center; background:var(--site-bg,#fff); }
.cc-hero h1{ margin:0 0 .5rem; font-size:clamp(28px,3vw,38px); font-weight:700; letter-spacing:-.02em; line-height:1.15;
  color:var(--site-ink,#0b1020); background:none; -webkit-text-fill-color:currentColor; }
.cc-hero h1 i{ color:var(--site-link,#2d4bdb); }
.cc-hero p.lead{ max-width:680px; margin:0 auto 1.5rem; font-size:1.05rem; line-height:1.55; color:var(--site-text,#3a4366); }

.cc-search{ max-width:680px; margin:0 auto; position:relative; }
.cc-box{ display:flex; align-items:stretch; overflow:hidden; border-radius:12px; border:1px solid var(--site-line-strong,#dce2ef);
  background:var(--site-surface,#fff); }
.cc-box:focus-within{ border-color:var(--site-accent,#2d4bdb); box-shadow:0 0 0 3px var(--site-accent-soft,#eef1ff); }
.cc-field{ flex:1 1 auto; min-width:0; height:56px; padding:0 18px; border:none; outline:none; background:transparent;
  color:var(--site-ink,#0b1020); font-size:1.05rem; }
.cc-field::placeholder{ color:var(--site-faint,#8892b8); }
.cc-submit{ flex:0 0 auto; height:56px; padding:0 30px; border:none; cursor:pointer; white-space:nowrap;
  background:var(--site-accent,#2d4bdb); color:var(--site-on-accent,#fff); font-weight:600; font-size:1rem; }
.cc-submit:hover{ background:var(--site-accent-hover,#2440c4); }
.cc-submit:focus-visible{ outline:3px solid var(--site-accent-soft,#eef1ff); outline-offset:-3px; }
.cc-hint{ margin-top:.6rem; font-size:.85rem; color:var(--site-muted,#5c6690); }
.cc-hint a{ color:var(--site-link,#2d4bdb); }

/* ---------- Предупреждение «не AML-проверка» и пояснение ---------- */
.cc-alert{ max-width:680px; margin:0 auto 6px; display:flex; gap:12px; align-items:flex-start; text-align:start;
  padding:14px 18px; border-radius:12px; font-size:.95rem; line-height:1.5;
  background:#fff8ea; border:1px solid #f1d29a; color:#5c3d00; }
.cc-alert--wide{ max-width:none; margin:24px 0 12px; }
.cc-alert i{ flex-shrink:0; margin-top:1px; font-size:1.3rem; color:#d98a00; }
.cc-alert strong{ color:inherit; }
.cc-alert a{ color:inherit; font-weight:600; text-decoration:underline; }
.cc-note-inline{ margin-top:14px; padding:14px 16px; border-radius:12px; font-size:.92rem; line-height:1.55;
  background:var(--site-accent-soft,#eef1ff); border:1px solid var(--site-line-strong,#dce2ef); color:var(--site-ink,#0b1020); }
.cc-note-top{ margin-top:0; }
.cc-note-inline i{ color:var(--site-link,#2d4bdb); }

/* ---------- Результат проверки ---------- */
.cc-result{ max-width:680px; margin:1.25rem auto 0; text-align:start; }
.cc-card{ padding:22px 24px; background:var(--site-bg-soft,#f6f8fc); border-top:3px solid var(--site-accent,#2d4bdb); border-radius:0 0 12px 12px; }
.cc-verdict{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.cc-verdict > div, .cc-verdict-t{ font-weight:600; color:var(--site-ink,#0b1020); }
.cc-badge{ padding:6px 14px; border-radius:999px; white-space:nowrap; font-weight:700; font-size:.8rem; letter-spacing:.04em; text-transform:uppercase; }
.cc-b-clean    { background:#dcfce7; color:#166534; }
.cc-b-aml      { background:#fee2e2; color:#991b1b; }
.cc-b-usdt     { background:#cffafe; color:#155e75; }
.cc-b-contract { background:#dbeafe; color:#1e40af; }
.cc-b-spam     { background:#fef3c7; color:#92400e; }
.cc-b-error    { background:var(--site-line-soft,#eef0f7); color:var(--site-text,#3a4366); }
.cc-addr{ direction:ltr; unicode-bidi:isolate; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; word-break:break-all; font-size:.9rem; color:var(--site-muted,#5c6690); }
.cc-addr-v{ margin-top:10px; }
.cc-reason{ margin-top:14px; font-size:.95rem; color:var(--site-text,#3a4366); }
.cc-reason dt{ float:inline-start; clear:inline-start; width:110px; font-weight:500; color:var(--site-muted,#5c6690); }
.cc-reason dd{ margin:0 0 4px; margin-inline-start:120px; color:var(--site-ink,#0b1020); }

/* ---------- Статистика ---------- */
.cc-stats{ max-width:900px; margin:24px auto 0; }
/* своя сетка: 2 в ряд на телефоне, 3 на планшете, 5 на компьютере (сетка Bootstrap давала одну колонку в пол-экрана) */
.cc-stat-grid{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
@media (max-width:991.98px){ .cc-stat-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:575.98px){ .cc-stat-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.cc-stat{ height:100%; padding:18px 14px; text-align:center; background:var(--site-bg-soft,#f6f8fc);
  border-top:3px solid var(--site-accent,#2d4bdb); border-radius:0 0 12px 12px; }
.cc-stat{ container-type:inline-size; }
/* размер числа — от ширины самой карточки (cqi): «27 355 334» не упирается в края, короткие числа остаются крупными */
.cc-stat .num{ font-size:1.35rem; font-size:min(1.6rem, calc((100cqi - 28px) / 5.6)); white-space:nowrap; font-weight:700; color:var(--site-ink,#0b1020); font-variant-numeric:tabular-nums; }
.cc-stat .lbl{ margin-top:2px; font-size:.82rem; color:var(--site-muted,#5c6690); }
/* часть карточки «Смарт-контракты»: GasFree-кошельки (подмножество контрактов, в «Всего» не прибавляется) */
.cc-stat .sub{ margin-top:4px; font-size:.75rem; color:var(--site-faint,#8892b8); font-variant-numeric:tabular-nums; }
.cc-stat .sub span{ white-space:nowrap; }

/* ---------- История проверок ---------- */
.cc-section{ max-width:900px; margin:46px auto 0; }
.cc-section h2, .cc-h2{ display:flex; justify-content:space-between; align-items:center; margin-bottom:14px;
  font-size:1.25rem; font-weight:700; color:var(--site-ink,#0b1020); background:none; -webkit-text-fill-color:currentColor; }
.cc-h2{ justify-content:flex-start; gap:8px; }
.cc-clear{ display:inline-flex; align-items:center; gap:6px; min-height:36px; padding:6px 12px; border:1px solid var(--site-line-strong,#dce2ef);
  border-radius:8px; background:var(--site-surface,#fff); color:var(--site-text,#3a4366); font-size:.875rem; font-weight:600; }
.cc-clear:hover{ border-color:var(--site-accent,#2d4bdb); color:var(--site-link,#2d4bdb); }
.cc-hist-item{ display:flex; align-items:center; gap:12px; margin-bottom:8px; padding:10px 14px; cursor:pointer;
  border:1px solid var(--site-line,#e2e6f2); border-radius:10px; background:var(--site-surface,#fff); }
.cc-hist-item:hover{ border-color:var(--site-accent,#2d4bdb); background:var(--site-bg-soft,#f6f8fc); }
.cc-hist-item .cc-addr{ flex:1; margin:0; }
.cc-hist-time{ white-space:nowrap; font-size:.78rem; color:var(--site-faint,#8892b8); }
.cc-empty{ font-size:.9rem; color:var(--site-muted,#5c6690); }

/* ---------- API ---------- */
.cc-api{ max-width:900px; margin:46px auto 80px; color:var(--site-text,#3a4366); }
.cc-api p{ color:var(--site-text,#3a4366); }
.cc-api strong{ color:var(--site-ink,#0b1020); }
.cc-mt{ margin-top:18px; }
.cc-api pre{ direction:ltr; text-align:left; padding:16px 18px; overflow-x:auto; border-radius:12px; font-size:.88rem;
  background:var(--site-code-bg,#0b1020); border:1px solid var(--site-line,#e2e6f2); color:var(--site-code-text,#e9edff); }
.cc-api table{ --bs-table-bg:transparent; --bs-table-color:var(--site-text,#3a4366); color:var(--site-text,#3a4366); }
.cc-api table td, .cc-api table th{ border-color:var(--site-line,#e2e6f2) !important; color:var(--site-ink,#0b1020); }
.cc-api code{ padding:1px 6px; border-radius:6px; background:var(--site-accent-soft,#eef1ff); color:var(--site-link,#2d4bdb); }
.cc-doclink{ display:inline-flex; align-items:center; gap:8px; }

@media (max-width:576px){ .cc-hero{ padding-top:28px; } .cc-submit{ padding:0 18px; }
  .cc-hist-item{ flex-wrap:wrap; } .cc-hist-item .cc-addr{ flex-basis:100%; order:3; }   /* адрес — своей строкой под меткой и временем */ }

/* ---------- Тёмная тема: только [data-theme=dark]; общие цвета — токенами выше ---------- */
:root[data-theme="dark"] .cc-alert{ background:#3a2c0b; border-color:#6b5320; color:#ffd58a; }
:root[data-theme="dark"] .cc-alert i{ color:#f0b23e; }
:root[data-theme="dark"] .cc-b-clean    { background:#0f2e22; color:#b8f0d6; }
:root[data-theme="dark"] .cc-b-aml      { background:#3a1518; color:#ffc9c9; }
:root[data-theme="dark"] .cc-b-usdt     { background:#0d2e36; color:#a5f0ff; }
:root[data-theme="dark"] .cc-b-contract { background:#1a2350; color:#c3d0ff; }
:root[data-theme="dark"] .cc-b-spam     { background:#3a2c0b; color:#ffd58a; }
