/* bc-polygon.css — CSS especifico de blockchain-polygon.html (complementa blockchain.css). */

.tag-erc {font-size: 10px; font-weight: 700; background: #1a0a2a; color: #c084fc; border-radius: 6px; padding: 3px 8px; text-transform: uppercase;}
main {max-width: 1080px; margin: 0 auto; padding: 24px 16px 64px;}
.contract-head {display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding-bottom: 16px; border-bottom: 1px solid var(--color-border); margin-bottom: 20px;}
.contract-ic {width: 36px; height: 36px; border-radius: 50%; background: #1a0a2a; border: 1px solid #3a2050; display: flex; align-items: center; justify-content: center; color: #c084fc;}
.contract-title {font-size: 16px; font-weight: 700;}
.contract-sub {font-size: 12px; color: var(--color-text-sub);}
.cards {display: grid; grid-template-columns: 1fr; gap: 14px; margin-bottom: 24px;}
@media (min-width: 800px) {.cards { grid-template-columns: repeat(3, 1fr); }}
.card {background: var(--color-card); border: 1px solid var(--color-border); border-radius: 12px; padding: 16px;}
.card h3 {font-size: 13px; color: var(--color-text-sub); text-transform: uppercase; letter-spacing: .5px; margin-bottom: 12px;}
.kv {display: flex; justify-content: space-between; gap: 10px; padding: 6px 0; font-size: 13px;}
.kv .k {color: var(--color-text-sub);}
.kv .v {color: var(--color-text-main); text-align: right; word-break: break-all;}
.card p {font-size: 13px; color: var(--color-text-sub); line-height: 1.55;}
.card ul {margin: 10px 0 0 18px; font-size: 13px; color: var(--color-text-sub); line-height: 1.7;}
.ex-tabs {display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 16px;}
.ex-tab {font-size: 12px; padding: 7px 14px; border-radius: 8px; background: var(--color-card); border: 1px solid var(--color-border); color: var(--color-text-sub); cursor: pointer;}
.ex-tab.active {background: #1a1500; border-color: var(--color-primary); color: var(--color-primary);}
.tx-wrap {background: var(--color-card); border: 1px solid var(--color-border); border-radius: 12px; overflow-x: auto;}
.tx-title {font-size: 13px; color: var(--color-text-sub); padding: 14px 16px; border-bottom: 1px solid var(--color-border);}
table {width: 100%; border-collapse: collapse; font-size: 12px; min-width: 640px;}
th, td {text-align: left; padding: 11px 14px; border-bottom: 1px solid var(--color-border); white-space: nowrap;}
th {color: var(--color-text-sub); font-weight: 600; font-size: 11px; text-transform: uppercase; letter-spacing: .4px;}
td.mono {font-family: monospace;}
.muted {color: var(--color-text-sub);}
.ex-empty {background: var(--color-card); border: 1px solid var(--color-border); border-radius: 12px; padding: 44px 20px; text-align: center; color: var(--color-text-sub); font-size: 13px; line-height: 1.6;}
.ex-empty .ic {font-size: 30px; display: block; margin-bottom: 12px; opacity: .55;}