/* Live Transactions — redesigned v2 (2026) */
/* Эта CSS перекрывает старые правила из style.min.css */

/* ===== RESET старых правил из style.min.css ===== */
.transactions__tr::before { content: none !important; display: none !important; }

.transactions__tr-header {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    display: table-row !important;
}

.transactions__tr {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    display: table-row !important;
    position: static !important;
}

.transactions__table {
    width: 100% !important;
    min-width: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: transparent !important;
    border: none !important;
}

.transactions__table-wrapper {
    margin: 0 !important;
    overflow: visible;
}

.transactions__th,
.transactions__td {
    background: transparent !important;
    border: none !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
}

/* ===== SECTION ===== */
.transactions {
    padding: 80px 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    margin: 0 !important;
    backdrop-filter: none !important;
}

.transactions__container {
    width: 100%;
    max-width: 1200px;
    padding: 0 20px;
    margin: 0 auto;
}

.transactions__title {
    font-size: 2.2rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center;
    margin: 0 0 8px !important;
    background: linear-gradient(135deg, #a78bfa 0%, #f0abfc 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.transactions__title-circle {
    width: 10px !important;
    height: 10px !important;
    background: #43e97b !important;
    border-radius: 50% !important;
    margin: 0 !important;
    display: inline-block !important;
    animation: tx-pulse 2s infinite !important;
}

.transactions__title-circle span { display: none !important; }

.transactions__subtitle {
    text-align: center;
    color: rgba(255, 255, 255, .5);
    font-size: 14px;
    margin: 0 0 28px;
}

@keyframes tx-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(67, 233, 123, .7); }
    50%      { box-shadow: 0 0 0 10px rgba(67, 233, 123, 0); }
}

/* ===== CARD ===== */
.transactions__table-wrapper {
    background: rgba(20, 22, 40, 0.55) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(167, 139, 250, 0.18) !important;
    border-radius: 20px !important;
    padding: 8px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .25), inset 0 0 0 1px rgba(255, 255, 255, .02);
    overflow: hidden;
    margin-top: 0 !important;
}

/* ===== THEAD ===== */
.transactions__tr-header th {
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: .14em;
    color: rgba(255, 255, 255, .38) !important;
    font-weight: 600 !important;
    padding: 18px 20px !important;
    text-align: left !important;
    border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
    background: transparent !important;
    line-height: 1 !important;
}

.transactions__tr-header th:last-child { text-align: right !important; }

/* ===== TBODY ROWS ===== */
.transactions__tr { transition: background .25s ease; }

.transactions__tr td {
    padding: 16px 20px !important;
    vertical-align: middle !important;
    border-top: 1px solid rgba(255, 255, 255, .04) !important;
    background: transparent !important;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.transactions__tr:first-child td { border-top: none !important; }

.transactions__tr:hover td {
    background: linear-gradient(90deg, rgba(167, 139, 250, .10) 0%, rgba(167, 139, 250, 0) 100%) !important;
}

/* ===== COL 1: COIN ===== */
.transactions__coin {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.transactions__coin-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .02em;
    flex-shrink: 0;
    color: #fff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .3);
    line-height: 1;
}

/* Крипто */
.transactions__coin-icon--BTC   { background: linear-gradient(135deg, #f7931a 0%, #ffb347 100%); }
.transactions__coin-icon--ETH   { background: linear-gradient(135deg, #627eea 0%, #8aa3f4 100%); }
.transactions__coin-icon--XMR   { background: linear-gradient(135deg, #ff6600 0%, #ff9944 100%); }
.transactions__coin-icon--SOL   { background: linear-gradient(135deg, #9945ff 0%, #14f195 100%); }
.transactions__coin-icon--USDT  { background: linear-gradient(135deg, #26a17b 0%, #50c793 100%); }
.transactions__coin-icon--USDC  { background: linear-gradient(135deg, #2775ca 0%, #4a9ce0 100%); }
.transactions__coin-icon--LTC   { background: linear-gradient(135deg, #345d9d 0%, #5a7fbf 100%); }
.transactions__coin-icon--TRX   { background: linear-gradient(135deg, #ef0027 0%, #ff4d6d 100%); }
.transactions__coin-icon--DOGE  { background: linear-gradient(135deg, #c2a633 0%, #e5c45a 100%); }
.transactions__coin-icon--BNB   { background: linear-gradient(135deg, #f3ba2f 0%, #ffd966 100%); }
.transactions__coin-icon--TON   { background: linear-gradient(135deg, #0098ea 0%, #3bb8f5 100%); }
.transactions__coin-icon--XLM   { background: linear-gradient(135deg, #14b6e7 0%, #56d0f0 100%); }
.transactions__coin-icon--XRP   { background: linear-gradient(135deg, #23292f 0%, #4a5568 100%); }
.transactions__coin-icon--ADA   { background: linear-gradient(135deg, #0033ad 0%, #3362d4 100%); }
.transactions__coin-icon--DOT   { background: linear-gradient(135deg, #e6007a 0%, #ff4da1 100%); }
.transactions__coin-icon--MATIC { background: linear-gradient(135deg, #8247e5 0%, #a775f0 100%); }
.transactions__coin-icon--AVAX  { background: linear-gradient(135deg, #e84142 0%, #ff6b6c 100%); }
.transactions__coin-icon--LINK  { background: linear-gradient(135deg, #2a5ada 0%, #5c8cff 100%); }
.transactions__coin-icon--ATOM  { background: linear-gradient(135deg, #2e3148 0%, #5a5d7a 100%); }
.transactions__coin-icon--BCH   { background: linear-gradient(135deg, #0ac18e 0%, #4ddbb0 100%); }
.transactions__coin-icon--DASH  { background: linear-gradient(135deg, #008ce7 0%, #4ab2f0 100%); }
.transactions__coin-icon--ZEC   { background: linear-gradient(135deg, #ecb244 0%, #f5cc6e 100%); }

/* Фиат */
.transactions__coin-icon--INR { background: linear-gradient(135deg, #ff7f50 0%, #ffa07a 100%); }
.transactions__coin-icon--RUB { background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%); }
.transactions__coin-icon--USD { background: linear-gradient(135deg, #10b981 0%, #34d399 100%); }
.transactions__coin-icon--EUR { background: linear-gradient(135deg, #6366f1 0%, #818cf8 100%); }
.transactions__coin-icon--KZT { background: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%); }
.transactions__coin-icon--UAH { background: linear-gradient(135deg, #eab308 0%, #facc15 100%); }
.transactions__coin-icon--BYN { background: linear-gradient(135deg, #dc2626 0%, #f87171 100%); }
.transactions__coin-icon--GBP { background: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%); }
.transactions__coin-icon--CNY { background: linear-gradient(135deg, #dc2626 0%, #fbbf24 100%); }

.transactions__coin-amount {
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    font-family: 'Inter', sans-serif;
    line-height: 1.2;
}

.transactions__coin-ticker {
    font-size: 11px;
    color: rgba(255, 255, 255, .45);
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-top: 4px;
    font-weight: 500;
}

/* ===== COL 2: FROM → TO ===== */
.transactions__flow {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    font-family: 'Courier New', Consolas, Monaco, monospace;
    font-size: 13px;
}

.transactions__chip {
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .08);
    padding: 5px 10px;
    border-radius: 7px;
    color: rgba(255, 255, 255, .75);
    letter-spacing: .03em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px;
    line-height: 1.2;
}

.transactions__arrow {
    color: rgba(167, 139, 250, .8);
    font-size: 16px;
    flex-shrink: 0;
    line-height: 1;
}

/* ===== COL 3: BLOCK ===== */
.transactions__block {
    font-family: 'Courier New', Consolas, Monaco, monospace;
    font-size: 13px;
    color: rgba(255, 255, 255, .55);
    letter-spacing: .04em;
}

/* ===== COL 4: TIME ===== */
.transactions__time {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-end;
    font-size: 13px;
    font-weight: 500;
    color: rgba(67, 233, 123, 0.95);
}

.transactions__time-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #43e97b;
    box-shadow: 0 0 8px rgba(67, 233, 123, .8);
    animation: tx-pulse-sm 2s infinite;
    flex-shrink: 0;
}

@keyframes tx-pulse-sm {
    0%, 100% { opacity: 1; }
    50%      { opacity: .4; }
}

/* ===== ENTER ANIMATION ===== */
@keyframes tx-slide-in {
    0%   { opacity: 0; transform: translateY(-8px); }
    100% { opacity: 1; transform: translateY(0); }
}

.transactions__tr--new { animation: tx-slide-in .6s ease-out; }

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .transactions { padding: 60px 0 !important; }
    .transactions__title { font-size: 1.6rem !important; }

    .transactions__tr-header { display: none !important; }

    .transactions__table,
    .transactions__table tbody,
    .transactions__tr { display: block !important; }

    .transactions__tr {
        padding: 14px !important;
        border-top: 1px solid rgba(255, 255, 255, .04) !important;
    }
    .transactions__tr:first-child { border-top: none !important; }
    .transactions__tr td {
        display: block !important;
        border: none !important;
        padding: 6px 0 !important;
    }
    .transactions__chip { max-width: 110px; font-size: 11px; }
}

/* ===== LIGHT THEME ===== */
body.light-theme .transactions__table-wrapper,
[data-theme="light"] .transactions__table-wrapper {
    background: rgba(255, 255, 255, .85) !important;
    border-color: rgba(167, 139, 250, .25) !important;
}
body.light-theme .transactions__tr-header th,
[data-theme="light"] .transactions__tr-header th {
    color: rgba(71, 85, 105, .75) !important;
    border-bottom-color: rgba(0, 0, 0, .06) !important;
}
body.light-theme .transactions__tr td,
[data-theme="light"] .transactions__tr td {
    border-top-color: rgba(0, 0, 0, .04) !important;
    color: #0f172a;
}
body.light-theme .transactions__coin-amount,
[data-theme="light"] .transactions__coin-amount { color: #0f172a; }
body.light-theme .transactions__coin-ticker,
[data-theme="light"] .transactions__coin-ticker { color: rgba(71, 85, 105, .7); }
body.light-theme .transactions__chip,
[data-theme="light"] .transactions__chip {
    background: rgba(0, 0, 0, .04);
    border-color: rgba(0, 0, 0, .06);
    color: rgba(30, 41, 59, .85);
}
body.light-theme .transactions__block,
[data-theme="light"] .transactions__block { color: rgba(71, 85, 105, .75); }