/* Call / Put overnight: additions on top of qqq-call-put.css, whose qcp-* layout the page reuses. */
.cpo-grid { min-width: 940px; }   /* ten entry clocks instead of five */
.cpo-page .qcp-days .qcp-col-date { width: 19%; }
.cpo-page .qcp-days small.cpo-long { margin-left: 4px; background: var(--tw-gray-100); color: var(--tw-gray-700); }
.cpo-page .ls-controls select[name="strikes"] { min-width: 250px; }
.cpo-page .ls-controls select[name="entry"] { min-width: 230px; }
.cpo-page .ls-controls select[name="hold"] { min-width: 275px; }
@media (max-width: 720px) { .cpo-page .ls-controls select[name="strikes"], .cpo-page .ls-controls select[name="entry"], .cpo-page .ls-controls select[name="hold"] { min-width: 0; } }
/* the best variants in the notice: buttons that read as links */
.cpo-pick { background: none; border: 0; padding: 0; font: inherit; font-weight: 600; color: var(--tw-primary); cursor: pointer; text-align: left; }
.cpo-pick:hover { text-decoration: underline; }
.cpo-pick[aria-pressed="true"] { color: var(--qcp-ink); text-decoration: underline; text-decoration-color: var(--tw-primary); text-underline-offset: 3px; }
.cpo-pick:focus-visible { outline: 2px solid #818cf8; outline-offset: 2px; border-radius: 3px; }
/* best variants by side: the current side's row is tinted, a pick reads as a link */
.cpo-best-table td { white-space: nowrap; }
.cpo-best-table tr.cpo-best-current > * { background: var(--qcp-accent-wash); }
/* the RSI copy of the page (/backtests/qqq/call-put-overnight-rsi) */
.cpo-traded { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; cursor: pointer; color: var(--tw-gray-700); }
.cpo-traded input { width: 16px; height: 16px; margin: 0; accent-color: var(--tw-primary); }
.cpo-page .qcp-days .qcp-col-rsi { width: 11%; }
[data-call-put-overnight-rsi] .qcp-days-tools .select { width: auto; }   /* checkbox, sort and CSV on one row */