/* ==========================================================================
   USDT Energy Calculator (tools/converter/) — на общей основе сайта (08.10.2026).
   Цвета — --site-* (css/site-tokens.css), тема Light/Dark; приёмы главной: один синий акцент, кромка 3px,
   серые карточки без теней. Раскладка прежняя: слева калькулятор (на компьютере прилипает при прокрутке),
   справа результат и разделы. Заменил tools/converter/converter.css, /css/converter.css, style.min.css, market-redesign.min.css (удалены 08.10.2026).
   ========================================================================== */
.cv-page{ background:var(--site-bg,#fff); color:var(--site-text,#3a4366); }
.cv-page main{ font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; }
.cv-page h1, .cv-page h2, .cv-page h3{ background:none; -webkit-text-fill-color:currentColor; }
.cv-main{ padding:32px 0 72px; }
.cv-main code{ direction:ltr; unicode-bidi:isolate; }

/* ---------- Калькулятор ---------- */
.cv-calc{ position:sticky; top:88px; }
.cv-card{ padding:22px 22px 24px; background:var(--site-bg-soft,#f6f8fc); border-top:3px solid var(--site-accent,#2d4bdb); border-radius:0 0 12px 12px; }
.cv-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.cv-h1{ margin:0; font-size:clamp(24px,2.4vw,30px); font-weight:700; letter-spacing:-.02em; line-height:1.2; color:var(--site-ink,#0b1020); }
.cv-toggle{ flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; padding:0;
  border:1px solid var(--site-line-strong,#dce2ef); border-radius:8px; background:var(--site-surface,#fff); color:var(--site-muted,#5c6690); }
.cv-toggle:hover, .cv-toggle:focus-visible{ border-color:var(--site-accent,#2d4bdb); color:var(--site-link,#2d4bdb); }
.cv-toggle i{ transition:transform .3s ease; }
.cv-toggle.collapsed i{ transform:rotate(180deg); }
.cv-sub{ margin:.4rem 0 1.25rem; color:var(--site-muted,#5c6690); }
.cv-form{ max-height:1000px; overflow:hidden; transition:max-height .3s ease-in-out; }
.cv-form.collapsed{ max-height:0; }
.cv-page .form-label{ font-weight:600; color:var(--site-ink,#0b1020); }
.cv-input{ padding:.75rem 1rem; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.95rem;
  background:var(--site-surface,#fff); border:1px solid var(--site-line-strong,#dce2ef); color:var(--site-ink,#0b1020); }
.cv-input::placeholder{ color:var(--site-faint,#8892b8); }
.cv-input:focus{ background:var(--site-surface,#fff); color:var(--site-ink,#0b1020); border-color:var(--site-accent,#2d4bdb); box-shadow:0 0 0 3px var(--site-accent-soft,#eef1ff); }
.cv-btn{ padding:.75rem 1rem; font-weight:600; border:none; background:var(--site-accent,#2d4bdb); color:var(--site-on-accent,#fff); }
.cv-btn:hover, .cv-btn:focus-visible{ background:var(--site-accent-hover,#2440c4); color:var(--site-on-accent,#fff); }
.cv-btn:disabled{ background:var(--site-accent,#2d4bdb); color:var(--site-on-accent,#fff); opacity:.75; }

/* ---------- Подсказка под формой ---------- */
.cv-guide{ margin-top:16px; padding:16px 18px; border-radius:12px; background:var(--site-surface,#fff); border:1px solid var(--site-line,#e2e6f2); }
.cv-guide-t{ display:flex; align-items:center; gap:8px; margin:0 0 .75rem; font-size:1rem; font-weight:700; color:var(--site-ink,#0b1020); }
.cv-guide-t i{ color:var(--site-link,#2d4bdb); }
.guidance-text{ font-size:.9rem; line-height:1.55; color:var(--site-text,#3a4366); }
.guidance-text strong{ color:var(--site-ink,#0b1020); }
.guidance-text ul{ margin:.5rem 0; padding-inline-start:1.2rem; }
.guidance-text li{ margin-bottom:.3rem; }
.guidance-text .highlight{ font-weight:600; color:var(--site-link,#2d4bdb); }
.guidance-text a.highlight:hover{ text-decoration:underline; }
.guidance-text .cost-option{ margin:.5rem 0; padding:.55rem .7rem; border-radius:6px; border-inline-start:3px solid var(--site-accent,#2d4bdb);
  background:var(--site-accent-soft,#eef1ff); }
.guidance-text .bi{ color:var(--site-link,#2d4bdb); }
.guidance-text .cv-ok{ color:#16a34a; }

/* ---------- Результат ---------- */
.cv-results:empty{ display:none; }
.cv-results{ margin-bottom:32px; }
.cv-result{ padding:20px; background:var(--site-bg-soft,#f6f8fc); border-top:3px solid var(--site-accent,#2d4bdb); border-radius:0 0 12px 12px; }
.cv-table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
.cv-wallets{ width:100%; min-width:560px; border-collapse:collapse; font-size:.875rem; background:var(--site-surface,#fff); border:1px solid var(--site-line,#e2e6f2); border-radius:8px; }
.cv-wallets th{ padding:.55rem .6rem; text-align:start; font-size:.75rem; font-weight:500; color:var(--site-muted,#5c6690); border-bottom:1px solid var(--site-line,#e2e6f2); }
.cv-wallets td{ padding:.55rem .6rem; vertical-align:middle; color:var(--site-ink,#0b1020); border-bottom:1px solid var(--site-line,#e2e6f2); font-variant-numeric:tabular-nums; }
.cv-wallets tr:last-child td{ border-bottom:none; }
.cv-wallet{ min-width:180px; max-width:240px; }
.cv-wallet-l{ display:block; font-size:.75rem; color:var(--site-muted,#5c6690); }
.cv-addr{ display:block; font-size:.75rem; word-break:break-all; color:var(--site-ink,#0b1020); background:none; padding:0; }
.cv-badge{ display:inline-block; padding:2px 10px; border-radius:999px; font-size:.75rem; font-weight:600; white-space:nowrap; }
.cv-badge-ok{ background:#dcfce7; color:#166534; }
.cv-badge-warn{ background:#fef3c7; color:#92400e; }
.cv-badge-bad{ background:#fee2e2; color:#991b1b; }

.cv-metrics{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:16px 0; }
.cv-metric{ padding:14px; text-align:center; border-radius:10px; background:var(--site-surface,#fff); border:1px solid var(--site-line,#e2e6f2); }
.cv-metric-l{ font-size:.85rem; color:var(--site-muted,#5c6690); }
.cv-metric-l i{ color:var(--site-link,#2d4bdb); }
.cv-metric-v{ margin-top:4px; font-size:1.6rem; font-weight:700; line-height:1.2; color:var(--site-ink,#0b1020); font-variant-numeric:tabular-nums; }
.cv-metric-s{ font-size:.8rem; color:var(--site-muted,#5c6690); }
.cv-metric-b{ margin-top:4px; font-size:.8rem; color:var(--site-text,#3a4366); }

.cv-costs{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:12px; }
.cv-cost{ display:flex; justify-content:space-between; align-items:center; gap:8px; padding:.6rem .75rem; border-radius:8px;
  background:var(--site-surface,#fff); border:1px solid var(--site-line,#e2e6f2); }
.cv-cost span{ color:var(--site-muted,#5c6690); }
.cv-cost i{ color:var(--site-link,#2d4bdb); }
.cv-cost strong{ font-weight:700; color:var(--site-ink,#0b1020); white-space:nowrap; }
.cv-cost-rec strong{ color:var(--site-link,#2d4bdb); }
.cv-cost.rental-price{ grid-column:1 / -1; font-size:.875rem; }
.cv-cost[hidden]{ display:none; }

.cv-save{ padding:.75rem 1rem; text-align:center; font-weight:600; border-radius:8px; background:var(--site-accent-soft,#eef1ff); color:var(--site-ink,#0b1020); }
.cv-save strong{ color:var(--site-link,#2d4bdb); }
.cv-save i{ color:var(--site-link,#2d4bdb); }

.cv-note{ display:flex; gap:10px; align-items:flex-start; margin-top:12px; padding:.75rem 1rem; border-radius:8px; font-size:.9rem;
  background:var(--site-surface,#fff); border:1px solid var(--site-line-strong,#dce2ef); color:var(--site-ink,#0b1020); }
.cv-note[hidden]{ display:none; }
.cv-note i{ color:var(--site-link,#2d4bdb); }
.cv-recs{ margin-top:14px; font-size:.875rem; color:var(--site-text,#3a4366); }
.cv-recs ul{ margin:.4rem 0 0; padding-inline-start:1.25rem; }
.cv-recs li{ margin-bottom:.25rem; }
.cv-time{ margin-top:8px; text-align:center; font-size:.8rem; color:var(--site-muted,#5c6690); }
.cv-time[hidden]{ display:none; }

.cv-error{ display:flex; gap:10px; align-items:center; padding:12px 16px; border-radius:10px; background:#fee2e2; border:1px solid #fecaca; color:#991b1b; }

/* ---------- Разделы справа ---------- */
.cv-sec{ margin-bottom:40px; padding-bottom:32px; border-bottom:1px solid var(--site-line,#e2e6f2); }
.cv-sec:last-child{ margin-bottom:0; padding-bottom:0; border-bottom:none; }
.cv-h2{ margin:0 0 1rem; font-size:1.5rem; font-weight:700; color:var(--site-ink,#0b1020); }
.cv-h3{ margin:0 0 .6rem; font-size:1rem; font-weight:700; color:var(--site-ink,#0b1020); }
.cv-h3 i{ color:var(--site-link,#2d4bdb); }
.cv-sec p, .cv-sec li{ line-height:1.65; color:var(--site-text,#3a4366); }
.cv-sec strong{ color:var(--site-ink,#0b1020); }
.cv-sec ol, .cv-sec ul{ padding-inline-start:1.4rem; }
.cv-small{ margin-top:.6rem; font-size:.85rem; color:var(--site-muted,#5c6690) !important; }

.cv-cmp{ width:100%; border-collapse:collapse; font-size:.95rem; background:var(--site-surface,#fff); border:1px solid var(--site-line,#e2e6f2); }
.cv-cmp th, .cv-cmp td{ padding:.7rem 1rem; text-align:start; border-bottom:1px solid var(--site-line,#e2e6f2); color:var(--site-ink,#0b1020); }
.cv-cmp thead th{ font-size:.8rem; font-weight:600; color:var(--site-muted,#5c6690); background:var(--site-bg-soft,#f6f8fc); }
.cv-cmp tbody th{ font-weight:500; }
.cv-cmp tbody th i{ margin-inline-end:.4rem; color:var(--site-link,#2d4bdb); }
.cv-cmp td{ font-weight:600; font-variant-numeric:tabular-nums; }
.cv-cmp tr:last-child th, .cv-cmp tr:last-child td{ border-bottom:none; }
.cv-cmp-save th, .cv-cmp-save td{ background:var(--site-accent-soft,#eef1ff); font-weight:700; }
.cv-cmp-save td{ color:var(--site-link,#2d4bdb); }

.cv-api{ margin-top:1rem; padding:20px; background:var(--site-bg-soft,#f6f8fc); border-top:3px solid var(--site-accent,#2d4bdb); border-radius:0 0 12px 12px; }
.cv-api-url{ display:block; padding:.75rem 1rem; border-radius:8px; word-break:break-all; font-size:.88rem; text-align:left;
  background:var(--site-code-bg,#0b1020); color:var(--site-code-text,#e9edff); }
.cv-api ul{ margin:0; }
.cv-api li{ margin-bottom:.4rem; }
.cv-api li code{ padding:1px 6px; border-radius:6px; background:var(--site-accent-soft,#eef1ff); color:var(--site-link,#2d4bdb); font-size:.85rem; }
.cv-rate{ display:flex; gap:8px; align-items:flex-start; padding:.75rem 1rem; border-radius:8px; background:var(--site-surface,#fff); border:1px solid var(--site-line-strong,#dce2ef); color:var(--site-ink,#0b1020); }
.cv-rate i{ color:var(--site-link,#2d4bdb); }

.cv-faq{ margin-bottom:.6rem; border:1px solid var(--site-line,#e2e6f2); border-radius:8px; background:var(--site-surface,#fff); }
.cv-faq.open{ border-color:var(--site-accent,#2d4bdb); }
.cv-faq-h{ margin:0; }
.cv-faq-q{ display:flex; width:100%; justify-content:space-between; align-items:center; gap:12px; padding:.9rem 1rem; border:none; background:none;
  text-align:start; font-size:1rem; font-weight:600; color:var(--site-ink,#0b1020); -webkit-text-fill-color:currentColor; }
.cv-faq-q i{ flex-shrink:0; color:var(--site-muted,#5c6690); transition:transform .2s ease; }
.cv-faq.open .cv-faq-q{ color:var(--site-link,#2d4bdb); }
.cv-faq.open .cv-faq-q i{ transform:rotate(180deg); color:var(--site-link,#2d4bdb); }
.cv-faq-a{ max-height:0; overflow:hidden; transition:max-height .3s ease-in-out; }
.cv-faq.open .cv-faq-a{ max-height:600px; }
.cv-faq-a p{ margin:0; padding:0 1rem 1rem; }

@media (max-width:991.98px){ .cv-calc{ position:static; } .cv-main{ padding-top:24px; } }
@media (max-width:575.98px){
  .cv-card, .cv-result, .cv-api{ padding:16px; }
  .cv-metrics, .cv-costs{ grid-template-columns:1fr; }
  .cv-metric-v{ font-size:1.35rem; }
}

/* ---------- Тёмная тема: только [data-theme=dark]; общие цвета — токенами выше ---------- */
:root[data-theme="dark"] .cv-badge-ok{ background:#0f2e22; color:#b8f0d6; }
:root[data-theme="dark"] .cv-badge-warn{ background:#3a2c0b; color:#ffd58a; }
:root[data-theme="dark"] .cv-badge-bad{ background:#3a1518; color:#ffc9c9; }
:root[data-theme="dark"] .cv-error{ background:#3a1518; border-color:#6b2a2e; color:#ffc9c9; }
:root[data-theme="dark"] .guidance-text .cv-ok{ color:#4ade80; }