.bank-quotes-page .bank-quotes-guide { margin: 20px 0 10px; }
.bank-quotes-page .bank-quotes-table { width: 100%; table-layout: fixed; white-space: normal; }
.bank-quotes-page .bank-quotes-table th:first-child { width: 44%; position: static; }
.bank-quotes-page .bank-quotes-table tbody th { font-size: 14px; font-weight: 600; text-transform: none; letter-spacing: normal; }
.bank-quotes-page .bank-quotes-table td { font-size: 18px; font-weight: 600; }
.bank-quotes-page .bank-quotes-table :is(th, td) { padding: 16px; }
.bank-quotes-mobile-label { display: none; }
.bank-quotes-feedback { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.bank-quotes-feedback:has([data-bank-status]:empty) { display: none; }
.bank-quotes-page { --bank-green: #16783d; --bank-red: #c1283d; }
[data-theme="dark"] .bank-quotes-page { --bank-green: #65dc96; --bank-red: #ff8c9c; }
.bank-identity { display: flex; align-items: center; gap: 16px; }
.bank-logo { display: flex; align-items: center; justify-content: center; flex: 0 0 104px; width: 104px; height: 48px; padding: 8px; background: #fff; border: 1px solid #e7e7e7; border-radius: 6px; }
.bank-logo img { display: block; width: 88px; height: 32px; object-fit: contain; }
.bank-quotes-page [data-bank-id="nacion"] .bank-logo { background: #005b7c; border-color: #005b7c; }
.bank-quotes-page [data-bank-id="macro"] .bank-logo { background: #172b54; border-color: #172b54; }
.bank-quotes-page [data-bank-id="bancor"] .bank-logo { background: #252525; border-color: #252525; }
.bank-name { display: block; min-width: 0; }
.bank-badges { display: flex; flex-wrap: wrap; gap: 3px 10px; }
.bank-best-label { display: block; margin-top: 5px; font-size: 11px; font-weight: 600; line-height: 1.35; }
.bank-buy-label { color: var(--bank-green); }
.bank-sell-label { color: var(--bank-red); }
.bank-quotes-page .bank-quotes-table tr.bank-best-buy { background: rgba(0, 170, 76, .10); }
.bank-quotes-page .bank-quotes-table tr.bank-best-sell { background: rgba(229, 43, 56, .10); }
.bank-quotes-page .bank-quotes-table tr.bank-best-buy.bank-best-sell { background: linear-gradient(90deg, rgba(0, 170, 76, .12), rgba(229, 43, 56, .12)); }
.platform-theme .bank-quotes-page .bank-quotes-table tbody tr > * { background: transparent; }
.bank-best-buy [data-bank-field="sell"] { color: var(--bank-green); }
.bank-best-sell [data-bank-field="buy"] { color: var(--bank-red); }
.bank-quotes-page .bank-sort { display: inline-flex; align-items: center; justify-content: flex-end; gap: 8px; min-height: 44px; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; font-weight: 600; }
.bank-sort [data-sort-arrow] { color: var(--color-text-secondary); font-size: 17px; }
.bank-quotes-page .bank-sort:hover, .bank-quotes-page th[aria-sort]:not([aria-sort="none"]) .bank-sort { color: var(--color-accent); }
@media (max-width: 600px) {
    .bank-quotes-page .bank-quotes-table thead { display: block; }
    .bank-quotes-page .bank-quotes-table thead tr { padding: 0; }
    .bank-quotes-page .bank-quotes-table thead th:first-child { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
    .bank-quotes-page .bank-quotes-table thead .bank-sort { justify-content: flex-start; width: 100%; }
    .bank-quotes-page .bank-quotes-table :is(tbody, tr, th, td) { display: block; }
    .bank-quotes-page .bank-quotes-table tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 16px 0; border-bottom: 1px dotted var(--color-border); }
    .bank-quotes-page .bank-quotes-table tr:last-child { border-bottom: 0; }
    .bank-quotes-page .bank-quotes-table th:first-child { grid-column: 1 / -1; width: auto; margin-bottom: 12px; }
    .bank-quotes-page .bank-quotes-table :is(th, td) { padding: 0; border: 0; text-align: left; min-width: 0; }
    .bank-quotes-page .bank-quotes-table td { font-size: clamp(14px, 4vw, 18px); }
    .bank-quotes-page .bank-quotes-table tr { padding: 16px 12px; }
    .bank-identity { gap: 12px; }
    .bank-logo { flex-basis: 88px; width: 88px; height: 44px; padding: 7px; }
    .bank-logo img { width: 72px; height: 28px; }
    .bank-quotes-page .bank-quotes-mobile-label { display: block; margin-bottom: 4px; font-size: 12px; font-weight: 400; color: var(--color-text-secondary); }
}
.bank-quotes-page .bank-quotes-table tr[hidden] { display: none !important; }
