/* AMS - small overrides on top of Tailwind CDN */

html { -webkit-text-size-adjust: 100%; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Tighter form rhythm in tables */
table input[type="number"],
table input[type="text"] { line-height: 1.1; }

/* Numeric inputs: hide spin buttons (cleaner look on POS-style screens later) */
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; }

/* Prevent layout jump when Tailwind CDN finishes loading */
[x-cloak] { display: none !important; }

/* Chart.js wrappers: every <canvas> for a Chart.js chart MUST live in a
   .chart-wrap.  This stops the infinite-resize loop that happens when a
   responsive chart is given a parent with auto height. */
.chart-wrap {
    position: relative;
    width: 100%;
    height: 240px;
}
.chart-wrap.tall { height: 300px; }
.chart-wrap.short{ height: 180px; }