/* Page des rendements Pocket Option (includes/pocket-payouts.php) : en plus du style des pages outil (blocks/markets/style.css). */

.opx-tool--payouts .opx-disclosure { margin: 0 0 18px; color: var(--opx-muted); font-size: 12px; }
.opx-tool--payouts .opx-disclosure a { color: inherit; }

.opx-pay__best { display: flex; flex-direction: column; gap: 6px; margin: 8px 0 12px; padding: 0; list-style: none; }
.opx-pay__best li { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; font-size: 15px; }
.opx-pay__best li a { color: inherit; text-decoration: none; }
.opx-pay__best li a:hover { text-decoration: underline; }
.opx-pay__best li b { color: var(--opx-cyan); font-size: 18px; font-variant-numeric: tabular-nums; }
.opx-pay__read { margin: 10px 0 0; color: rgba(254, 255, 250, .6); font-size: 12px; }

.opx-pay__hint { margin: 0 0 6px; color: var(--opx-muted); font-size: 13px; }
.opx-chip.is-on { border-color: var(--opx-blue); background: var(--opx-blue); color: #fff; }

.opx-pay__sec { margin-top: 10px; }
.opx-pay__sec[hidden] { display: none; }
.opx-pay__h { display: flex; gap: 10px; align-items: baseline; margin: 30px 0 0; font-size: 20px; font-weight: 700; }
.opx-pay__h span { color: var(--opx-muted); font-size: 13px; font-weight: 600; }
.opx-pay { margin-top: 10px; }
.opx-pay thead th[data-pay-sort] { cursor: pointer; user-select: none; white-space: nowrap; }
.opx-pay thead th[data-pay-sort]::after { content: " ↕"; opacity: .4; }
.opx-pay thead th.is-on::after { content: " ↓"; opacity: 1; color: var(--opx-blue); }
.opx-pay thead th.is-on[data-dir="asc"]::after { content: " ↑"; }
.opx-pay tbody th { font-weight: 600; }
.opx-pay tbody th a { color: var(--opx-blue); }
.opx-pay tbody tr[hidden] { display: none; }
.opx-pay td.opx-num b { font-size: 16px; }

.opx-pay__st { display: inline-block; padding: 3px 9px; border-radius: 999px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.opx-pay__st--otc { background: rgba(31, 205, 255, .14); color: #0b6f8c; }
.opx-pay__st--open { background: rgba(11, 127, 85, .12); color: var(--opx-green-text); }
.opx-pay__st--closed { background: rgba(79, 91, 102, .12); color: var(--opx-muted); }

@media (max-width: 720px) {
	.opx-pay thead th:nth-child(3), .opx-pay td:nth-child(3), .opx-pay thead th:nth-child(4), .opx-pay td:nth-child(4) { display: none; }
}