/* ==========================================================================
   Transfer Fees (Energy) Income (/trust/) — на общей основе сайта (08.10.2026).
   Цвета — --site-* (css/site-tokens.css), тема Light/Dark; приёмы главной: один синий акцент, кромка 3px,
   серые карточки без теней и свечения. Раскладка прежняя: счётчик, три карточки, адрес, примечания, три таблицы истории.
   ========================================================================== */
.tw-page{ background:var(--site-bg,#fff); color:var(--site-text,#3a4366); }
.tw-page main{ font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; }
.tw-page h2{ background:none; -webkit-text-fill-color:currentColor; }
.tw-mono, .tw-counter, .tw-counter-usd, .tw-mm, .tw-card-v, .tw-addr, .tw-table td{ font-variant-numeric:tabular-nums; }

/* ---------- Первый экран ---------- */
.tw-hero{ padding:40px 0 8px; }
.tw-hero .hv2-container{ display:flex; flex-direction:column; align-items:center; }
.tw-label{ display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:6px 10px; margin-bottom:24px; padding:6px 16px;
  border-radius:999px; background:var(--site-accent-soft,#eef1ff); color:var(--site-link,#2d4bdb); font-size:.8125rem; font-weight:600; text-align:center; }
.tw-sep{ opacity:.5; }
.tw-live{ display:inline-flex; align-items:center; gap:6px; }
.tw-dot{ width:8px; height:8px; border-radius:50%; background:var(--site-accent,#2d4bdb); }

.tw-k{ font-size:.8125rem; font-weight:500; color:var(--site-muted,#5c6690); }
.tw-k i{ color:var(--site-link,#2d4bdb); }
.tw-utc{ font-size:.75em; opacity:.75; }

.tw-panel{ width:100%; max-width:650px; padding:28px 28px 22px; text-align:center; background:var(--site-bg-soft,#f6f8fc);
  border-top:3px solid var(--site-accent,#2d4bdb); border-radius:0 0 12px 12px; }
.tw-counter{ margin:10px 0 6px; font-size:clamp(32px,7vw,56px); font-weight:700; line-height:1.05; letter-spacing:-.02em; color:var(--site-ink,#0b1020); }
.tw-counter-usd{ font-size:clamp(16px,2.6vw,20px); color:var(--site-muted,#5c6690); }
.tw-minmax{ display:grid; grid-template-columns:1fr 1fr; margin-top:22px; padding-top:18px; border-top:1px solid var(--site-line,#e2e6f2); }
.tw-minmax > div + div{ border-inline-start:1px solid var(--site-line,#e2e6f2); }
.tw-mm{ margin-top:4px; font-size:1.25rem; font-weight:600; color:var(--site-ink,#0b1020); }

.tw-cards{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; width:100%; max-width:900px; margin-top:24px; }
.tw-card{ padding:20px 16px; text-align:center; background:var(--site-bg-soft,#f6f8fc); border-top:3px solid var(--site-accent,#2d4bdb); border-radius:0 0 12px 12px; }
.tw-card-v{ margin:8px 0 2px; font-size:1.35rem; font-weight:700; color:var(--site-ink,#0b1020); white-space:nowrap; }
.tw-card-s{ font-size:.875rem; color:var(--site-muted,#5c6690); }

.tw-wallet{ max-width:650px; margin-top:24px; padding:12px 20px; text-align:center; border:1px solid var(--site-line,#e2e6f2); border-radius:12px; background:var(--site-surface,#fff); }
.tw-addr{ display:inline-block; margin-top:6px; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.9rem; word-break:break-all; color:var(--site-link,#2d4bdb); text-decoration:none; }
.tw-addr:hover{ text-decoration:underline; }
.tw-addr i{ margin-inline-start:4px; font-size:.75rem; }

.tw-note{ max-width:650px; margin-top:16px; text-align:center; font-size:.85rem; color:var(--site-muted,#5c6690); }
.tw-note p{ margin:0; }
.tw-note i{ color:var(--site-link,#2d4bdb); }
.tw-rate{ margin-top:6px !important; opacity:.85; }

.tw-disc{ display:flex; gap:12px; align-items:flex-start; max-width:650px; margin-top:20px; padding:14px 18px; border-radius:12px; text-align:start;
  font-size:.85rem; line-height:1.55; background:#fff8ea; border:1px solid #f1d29a; color:#5c3d00; }
.tw-disc i{ flex-shrink:0; margin-top:1px; font-size:1.1rem; color:#d98a00; }
.tw-disc strong{ color:inherit; }

/* ---------- Таблицы истории ---------- */
.tw-history{ padding:40px 0 80px; }
.tw-hgrid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; max-width:1100px; margin:0 auto; align-items:start; }
.tw-hpanel{ overflow:hidden; background:var(--site-bg-soft,#f6f8fc); border-top:3px solid var(--site-accent,#2d4bdb); border-radius:0 0 12px 12px; }
.tw-hhead{ margin:0; padding:14px 16px 10px; font-size:1rem; font-weight:700; color:var(--site-ink,#0b1020); }
.tw-table{ width:100%; border-collapse:collapse; font-size:.875rem; }
.tw-table th{ padding:8px 16px; text-align:start; font-size:.75rem; font-weight:500; color:var(--site-muted,#5c6690); border-bottom:1px solid var(--site-line,#e2e6f2); }
.tw-table td{ padding:8px 16px; border-bottom:1px solid var(--site-line,#e2e6f2); color:var(--site-ink,#0b1020); }
.tw-table tr:last-child td{ border-bottom:none; }
.tw-table .tw-num{ text-align:end; }
.tw-date{ color:var(--site-text,#3a4366) !important; white-space:nowrap; }
.tw-amt{ font-weight:600; }
.tw-usd{ color:var(--site-muted,#5c6690) !important; }
.tw-empty{ text-align:center; color:var(--site-muted,#5c6690) !important; }

/* ---------- TRX/sec: прежнее место — справа по центру экрана, на телефоне — внизу ---------- */
.tw-sticker{ position:fixed; right:20px; top:50%; transform:translateY(-50%); z-index:900; display:flex; flex-direction:column; align-items:center; gap:4px;
  padding:14px 16px; border-radius:12px; background:var(--site-accent,#2d4bdb); color:var(--site-on-accent,#fff); }
.tw-sticker i{ font-size:1.4rem; }
.tw-sticker-v{ font-size:1.35rem; font-weight:700; line-height:1; font-variant-numeric:tabular-nums; }
.tw-sticker-u{ font-size:.7rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; }

@media (max-width:1280px){ .tw-sticker{ right:10px; padding:10px 12px; } .tw-sticker i{ font-size:1.1rem; } .tw-sticker-v{ font-size:1.05rem; } }
@media (max-width:991.98px){ .tw-hgrid{ grid-template-columns:1fr; max-width:650px; } }
@media (max-width:767.98px){
  .tw-hero{ padding-top:24px; }
  .tw-panel{ padding:22px 16px 18px; }
  .tw-cards{ grid-template-columns:1fr; gap:10px; }
  .tw-mm{ font-size:1.05rem; }
  .tw-addr{ font-size:.75rem; }
  .tw-history{ padding-bottom:110px; }   /* место под плашку TRX/sec внизу экрана */
  .tw-sticker{ top:auto; bottom:16px; right:auto; left:50%; transform:translateX(-50%); flex-direction:row; gap:8px; padding:8px 16px; border-radius:999px; }
}

/* ---------- Тёмная тема: только [data-theme=dark]; общие цвета — токенами выше ---------- */
:root[data-theme="dark"] .tw-disc{ background:#3a2c0b; border-color:#6b5320; color:#ffd58a; }
:root[data-theme="dark"] .tw-disc i{ color:#f0b23e; }