/* Doton Scan — светлая тема (data-theme="light" на <html>, см. theme.js) */

.theme-btn { flex: none; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.06); color: #fff; cursor: pointer; transition: background .2s, transform .2s; -webkit-tap-highlight-color: transparent; }
.theme-btn:hover { background: rgba(255,255,255,.12); }
.theme-btn:active { transform: scale(.92); }
.theme-btn svg { width: 19px; height: 19px; grid-area: 1 / 1; transition: opacity .3s, transform .4s cubic-bezier(.2,.8,.2,1); }
.theme-btn .ico-moon { opacity: 0; transform: rotate(-60deg) scale(.6); }
[data-theme="light"] .theme-btn .ico-sun { opacity: 0; transform: rotate(60deg) scale(.6); }
[data-theme="light"] .theme-btn .ico-moon { opacity: 1; transform: none; }
.theme-slot { flex: none; display: flex; align-items: center; margin-left: 10px; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: .35s; }

[data-theme="light"] {
  --bg: #f3f4f7; --card: #ffffff; --card2: #eef0f3; --line: rgba(0,0,0,.08);
  --text: #0d0e12; --muted: #6b7080; --accent2: #1d8fe0; color-scheme: light;
}
html[data-theme="light"], [data-theme="light"] body { background: #f3f4f7; color: #0d0e12; }
[data-theme="light"] .theme-btn { background: #fff; border-color: rgba(0,0,0,.1); color: #0d0e12; }

/* шапка, меню */
[data-theme="light"] .top { background: rgba(243,244,247,.92); border-bottom-color: rgba(0,0,0,.07); }
[data-theme="light"] .brand { color: #0d0e12; }
[data-theme="light"] .brand:hover, [data-theme="light"] .brand[aria-expanded="true"] { background: rgba(0,0,0,.06); }
[data-theme="light"] .brand-menu { background: #fff; border-color: rgba(0,0,0,.08); box-shadow: 0 24px 60px -24px rgba(20,22,30,.35); }
[data-theme="light"] .bm-item:hover, [data-theme="light"] .bm-item.current { background: rgba(0,0,0,.04); }
[data-theme="light"] .bm-item i { background: rgba(0,0,0,.05); color: #3a3d45; }
[data-theme="light"] .bm-item:hover i, [data-theme="light"] .bm-item.current i { background: rgba(0,0,0,.08); color: #0d0e12; }
[data-theme="light"] .bm-item b, [data-theme="light"] .bm-sections a { color: #0d0e12; }
[data-theme="light"] .bm-foot, [data-theme="light"] .bm-sections { border-color: rgba(0,0,0,.08); }
[data-theme="light"] .bm-foot a { color: #3a3d45; }
[data-theme="light"] .bm-foot a:hover, [data-theme="light"] .bm-sections a:hover { background: rgba(0,0,0,.05); color: #0d0e12; }

/* поиск */
[data-theme="light"] .search { background: #fff; border-color: rgba(0,0,0,.1); }
[data-theme="light"] .search:focus-within { background: #fff; border-color: rgba(29,143,224,.55); }
[data-theme="light"] .search input::placeholder { color: #a3a8b3; }
[data-theme="light"] .suggest { background: #fff; border-color: rgba(0,0,0,.08); box-shadow: 0 20px 50px -24px rgba(20,22,30,.35); }
[data-theme="light"] .examples a, [data-theme="light"] .recent a { color: #3a3d45; }

/* карточки и строки */
[data-theme="light"] .card, [data-theme="light"] .stats div, [data-theme="light"] .event, [data-theme="light"] .nft, [data-theme="light"] .tabs, [data-theme="light"] .more, [data-theme="light"] .ev-group { box-shadow: 0 10px 30px -24px rgba(20,22,30,.35); }
[data-theme="light"] .skel { background: linear-gradient(90deg, #eceef2, #f6f7f9, #eceef2); background-size: 200% 100%; }
[data-theme="light"] a.row:hover, [data-theme="light"] a.row:active { background: var(--card2); }
[data-theme="light"] .row-img, [data-theme="light"] .acc-ava, [data-theme="light"] .nft img, [data-theme="light"] .nft-art img, [data-theme="light"] .suggest img, [data-theme="light"] .suggest i { background: #e3e5ea; }
[data-theme="light"] .addr, [data-theme="light"] .desc, [data-theme="light"] .comment, [data-theme="light"] .qr-addr { color: #3a3d45; }
[data-theme="light"] .day { color: #3a3d45; }
[data-theme="light"] .copy:hover { color: #0d0e12; background: #e3e5ea; }
[data-theme="light"] .tabs button.on, [data-theme="light"] .chips button.on { background: #0d0e12; color: #fff; }
[data-theme="light"] .search.big button, [data-theme="light"] .state .btn, [data-theme="light"] .btn-wide, [data-theme="light"] .btn-swap { background: #0d0e12; color: #fff; }
[data-theme="light"] .attrs div { background: #f3f4f7; }
[data-theme="light"] .state.err b { color: #0d0e12; }
[data-theme="light"] .spin { border-color: rgba(0,0,0,.1); border-top-color: var(--accent2); }
[data-theme="light"] .act-ico i { color: #3a3d45; }
[data-theme="light"] .act-ico.in i { color: #16a34a; }
[data-theme="light"] .ok, [data-theme="light"] .act-val.in { color: #16a34a; }
[data-theme="light"] .modal { background: rgba(20,22,30,.3); }
[data-theme="light"] .foot a:hover { color: #0d0e12; }
[data-theme="light"] .toast { background: #0d0e12; color: #fff; }
@media (max-width: 860px) {
  [data-theme="light"] .tabbar { background: rgba(255,255,255,.85); border-color: rgba(0,0,0,.08); }
  [data-theme="light"] .tabbar a { color: #7b808c; }
  [data-theme="light"] .tabbar a.on { color: #0d0e12; }
}

/* кнопка темы — как «таблетка» подключённого кошелька: тот же цвет, без обводки */
.theme-btn { width: 40px; height: 40px; border: 0 !important; border-radius: 999px; background: #2a2a30; color: #fff; box-shadow: none; }
.theme-btn:hover { background: #35353c; }
[data-theme="light"] .theme-btn { background: #ffffff; color: #0d0e12; box-shadow: 0 1px 2px rgba(0,0,0,.06); }
[data-theme="light"] .theme-btn:hover { background: #eef0f3; }