/* TSLA weekly straddle with rolls: additions on top of qqq-call-put.css, call-put-overnight.css and
   deep-itm-overnight.css, whose qcp-* / cpo-* / dio-* layout the page reuses; colours are the site's Metronic tokens. */

/* form: the longer option texts */
.tr-page .ls-controls select[name="basis"] { min-width: 215px; }
.tr-page .ls-controls select[name="check"] { min-width: 215px; }
.tr-page .ls-controls select[name="trigger"] { min-width: 225px; }
.tr-page .ls-controls .input { width: 110px; }
.tr-page .ls-controls [data-tr-best] { align-self: flex-end; }
@media (max-width: 720px) {
  .tr-page .ls-controls select[name="basis"], .tr-page .ls-controls select[name="check"],
  .tr-page .ls-controls select[name="trigger"], .tr-page .ls-controls .input { min-width: 0; width: 100%; }
  .tr-page .ls-controls [data-tr-best] { width: 100%; }
}

/* six KPI cards: one row on wide screens, three or two below */
.tr-page .ls-kpi > strong .qcp-money + .qcp-money { margin-left: 2px; }

/* the variants and cycles tables */
.tr-page .cpo-best-table tbody th small { display: inline; margin: 0 0 0 8px; font-weight: 500; }
.tr-page .tr-cycles { min-width: 680px; }
.tr-page .tr-cycles tbody th { width: 12%; white-space: nowrap; }
.tr-page .tr-cycles td { white-space: nowrap; }

/* the daily table: what was done gets the room */
.tr-page .qcp-days th:nth-child(1) { width: 13%; }
.tr-page .qcp-days th:nth-child(2) { width: 9%; }
.tr-page .qcp-days th:nth-child(3) { width: 42%; }
.tr-page .qcp-days th:nth-child(4) { width: 22%; }
.tr-page .qcp-days td > div + div { margin-top: 2px; }
.tr-page .qcp-days .tr-legs { font-size: 11.5px; color: var(--tw-gray-700); word-spacing: 2px; }
.tr-page .ls-detail-box.tr-ops { padding: 12px 16px; font-size: 12px; line-height: 1.7; font-variant-numeric: tabular-nums; }
@media (max-width: 1199px) {
  .tr-page .qcp-days .ls-day td:nth-child(3) { grid-column: 1 / -1; }
}