/* Deep ITM 0DTE: 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 come from the site's Metronic tokens (--tw-*), so both
   themes follow. */

/* the grid's column heads: the exit, and under it the strike rule */
.diz-page .qcp-grid thead th small { display: block; margin-top: 2px; font-weight: 400; color: var(--tw-gray-600); white-space: nowrap; }
.diz-page .qcp-grid thead th { vertical-align: bottom; }

/* the leverage column of the daily table */
.diz-page .qcp-days .diz-lev { font-variant-numeric: tabular-nums; }
.diz-page .qcp-days td[data-label] small { display: block; }
.diz-page select[name="exit"] { min-width: 190px; }
.diz-page select[name="ex"]:disabled { opacity: .55; }
@media (max-width: 720px) {
  .diz-page select[name="exit"] { min-width: 0; }
}

/* the averaging mode: a leg's adds in the daily table, the head of each add in the details, the settings it greys */
.diz-page .qcp-days .diz-adds { color: var(--tw-gray-800); font-weight: 500; white-space: nowrap; }
.diz-page .ls-detail-box .diz-add-head { margin: 0 0 2px; color: var(--tw-gray-700); font-size: .85em; }
.diz-page select[name="step"]:disabled, .diz-page select[name="adds"]:disabled, .diz-page select[name="mult"]:disabled { opacity: .55; }
.diz-page .cpo-best-table small.diz-on-cap { display: block; color: var(--tw-gray-600); white-space: nowrap; }
.diz-avg .cpo-best-table .cpo-pick, .diz-lev .cpo-best-table .cpo-pick { white-space: normal; text-align: left; }

/* the level mode: one line per trade in the daily table */
.diz-page .qcp-days .diz-trade + .diz-trade { margin-top: 6px; padding-top: 6px; border-top: 1px dashed var(--tw-gray-300); }
.diz-page .qcp-days .diz-trades-total { margin-top: 6px; font-weight: 600; }