/*
 * Стили карточки операции. В оригинале — инлайновый <style>
 * внутри transaction-info.php; все классы tx-* живут только там.
 */


    .tx-card{ background:#171718; border:1px solid rgba(255,255,255,.06); border-radius:14px; padding:16px; margin-top: 50px; margin-bottom: 20px;}
    .tx-head{ display:flex; align-items:center; gap:12px; }
    .tx-icon{ width:44px; height:44px; display:grid; place-items:center; background:#272727; border:1px solid rgba(255,255,255,.06); border-radius:12px; font-size:20px; color:#C5CDDA; }
    .tx-title{ font-weight:700; color:#E4E8F0; }
    .tx-sub{ color:#AFC1DA; font-size:13px; margin-top:2px; }
    .tx-amount{ font-size:22px; font-weight:800; margin-left:auto; display:flex; align-items:center; gap:10px; color:#E4E8F0; }
    .badge{ border-radius:999px; padding:6px 10px; font-size:12px; display:inline-flex; align-items:center; gap:6px; }
    .b-success{ background:#5AEC8114; color:#5AEC81; }
    .b-pending{ background:#F7B9551A; color:#F7B955; }
    .b-fail{    background:#D85B661A; color:#D85B66; }
    .spin{ width:14px; height:14px; border-radius:50%; border:2px solid rgba(255,255,255,.18); border-top-color:#F7B955; animation:spin 1s linear infinite; }
    @keyframes spin{ to{ transform:rotate(360deg); } }

    .tx-grid{ display:grid; grid-template-columns: 1fr; gap:12px;}
    .tx-row{ display:flex; justify-content:space-between; gap:16px; padding:20px 14px; background:#171718; border:1px solid rgba(255,255,255,.06); border-radius:12px; color:#C5CDDA; }
    .tx-v{ color:#E4E8F0; text-align:right; max-width:60%; word-break:break-word; }
    .copyable{ cursor:pointer; }
    .copyable i{ margin-left:8px; opacity:.8; }

    .empty-box{ margin:24px; padding:16px; border-radius:12px; background:#0B0F1A; border:1px dashed rgba(255,255,255,.12); color:#AFC1DA; }

    #contentBox{
        margin-bottom: 150px;
    }