/* KANZ POS — supplementary styles on top of Tailwind (CDN) */

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

:root { color-scheme: light; }
.dark { color-scheme: dark; }

html { scroll-behavior: smooth; }

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

/* Slightly larger base for touch POS terminals */
@media (pointer: coarse) {
    body { font-size: 1.0625rem; }
}

/* Refined scrollbars */
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb {
    background: rgba(100, 116, 139, .35);
    border-radius: 9999px;
    border: 2px solid transparent;
    background-clip: content-box;
}
*::-webkit-scrollbar-thumb:hover { background: rgba(100, 116, 139, .55); background-clip: content-box; }

/* Native select arrow is hidden; we draw our own where needed */
select { background-image: none; }

/* Keep number spinners off for price/qty inputs */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"] { -moz-appearance: textfield; }

/* Flash auto-fade helper */
.flash-leave { opacity: 0; transform: translateY(-4px); transition: all .3s ease; }