/* Inoradee - small additions on top of Tailwind (CDN) */

/* Large touch targets on phones */
@media (max-width: 767px) {
  input, select, textarea, button, .btn { min-height: 44px; }
}

/* Numeric inputs: tabular figures for aligned amounts */
.tabular { font-variant-numeric: tabular-nums; }

/* Hide number input spinners */
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; }

/* Touch feedback and cleaner taps on phones */
* { -webkit-tap-highlight-color: transparent; }
button[type=submit]:active, a.active-press:active { transform: scale(0.985); }
button, a { transition: background-color .15s ease, color .15s ease, transform .1s ease, box-shadow .15s ease; }

/* Softer native controls */
input[type=date], input[type=month] { min-width: 0; }
select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E"); background-position: right .6rem center; background-repeat: no-repeat; background-size: 1.25rem; -webkit-appearance: none; appearance: none; padding-right: 2.25rem; }

/* Thin scrollbars on desktop */
@media (min-width: 768px) {
  ::-webkit-scrollbar { width: 10px; height: 10px; }
  ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 6px; border: 2px solid #f8fafc; }
}

/* Flash fade-out */
[data-flash] { transition: opacity .4s ease; }
[data-flash].is-hiding { opacity: 0; }