/* qx/declutter.css — DECLUTTER_V1 (+FIX1). Layout/spacing only: no new colours, fonts or tokens. */

/* ===== Home "now" cards (.jnow .opp) ===== */
.opp .state{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:2px;}
.opp .state strong{white-space:nowrap;}
.opp .state small{flex:1 0 100%;padding-inline-start:16px;line-height:1.5;}
.opp-foot{flex-wrap:nowrap;gap:8px;align-items:center;}
.opp-foot time,.opp-foot .textlink{white-space:nowrap;}
.opp-foot time{min-width:0;overflow:hidden;text-overflow:ellipsis;}
.opp .track-legend b,.opp .gain b{font-variant-numeric:tabular-nums;}

/* ===== Premarket cards (.pk-xcard) ===== */
.pk-xcard .pk-xhead{gap:10px;align-items:baseline;}
.pk-xcard .pk-xprice{white-space:nowrap;font-variant-numeric:tabular-nums;}
.pk-xcard .pk-when{display:block;margin:4px 0 10px;line-height:1.6;}
.pk-xcard .pk-xreasons{display:grid;gap:10px;}
.pk-xcard .pk-xreasons li{line-height:1.65;}
.pk-xcard .pk-r-tag{flex:0 0 auto;align-self:flex-start;}
.pk-xcard .pk-xinval{margin-top:10px;line-height:1.6;}

/* ===== Splits cards (.sp-card) ===== */
.sp-card .sp-names small{unicode-bidi:plaintext;}
.sp-card .sp-tags{gap:6px;} /* FIX1: no nowrap - long badges overflowed onto ticker on narrow phones */
.sp-card .sp-liq b,.sp-card .sp-ratio b,.sp-hist-row [role=cell]{font-variant-numeric:tabular-nums;}
.sp-card .sp-foot{line-height:1.6;}
.sp-card .sp-signals{gap:4px;}
@media (max-width:560px){
  .sp-card .sp-dates{display:grid;grid-template-columns:1fr;gap:0;}
  .sp-card .sp-dates>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
    padding:9px 12px;border-radius:0;border-width:0 0 1px 0;}
  .sp-card .sp-dates>div:first-child{border-radius:12px 12px 0 0;}
  .sp-card .sp-dates>div:last-child{border-radius:0 0 12px 12px;border-bottom-width:0;}
  .sp-card .sp-dates>div span{white-space:nowrap;}
  .sp-card .sp-dates>div b{white-space:nowrap;text-align:left;}
  .sp-card .sp-head{gap:10px;}
  .sp-card .sp-tags{align-self:flex-start;}
  /* FIX1: compact rows layout hides dates; the list rule above re-showed them and squashed ratio/short grid */
  .sp-layout-rows .sp-card .sp-dates{display:none;}
}
/* FIX1: compact rows layout on phones - short-interest block was squeezed into one narrow column; full width, 2x2. */
@media (max-width:700px){
  .sp-layout-rows .sp-card .sp-short{grid-column:1/-1;}
  .sp-layout-rows .sp-short .sp-liq{grid-template-columns:repeat(2,minmax(0,1fr));}
}