/* Small custom layer on top of Tailwind. */

[x-cloak] { display: none !important; }

html.dark {
  color-scheme: dark;
}

/* Hide spinners on number inputs for a cleaner look. */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] { -moz-appearance: textfield; }

/* HTMX top progress bar. */
#htmx-progress {
  pointer-events: none;
}

/* Column visibility toggles — applied by Alpine on the wrapper div. */
.hide-name       [data-col="name"]       { display: none !important; }
.hide-platform   [data-col="platform"]   { display: none !important; }
.hide-asset-class [data-col="asset-class"] { display: none !important; }
.hide-units      [data-col="units"]      { display: none !important; }
.hide-avg-cost   [data-col="avg-cost"]   { display: none !important; }
.hide-price      [data-col="price"]      { display: none !important; }
.hide-weight     [data-col="weight"]     { display: none !important; }
.hide-day-change [data-col="day-change"] { display: none !important; }
.hide-pnl        [data-col="pnl"]        { display: none !important; }
.hide-ccy        [data-col="ccy"]        { display: none !important; }
.hide-status     [data-col="status"]     { display: none !important; }