/* Small overrides only — Tailwind itself is loaded via CDN in includes/render.php, no build step. */

html {
  overflow-x: hidden;
}

body {
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  max-width: 100vw;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* Form fields stay selectable/editable — the site-wide rule above is about
   making the app feel like an app, not about locking users out of copying
   their own typed input or a value they need to read carefully (e.g. a
   revealed password). */
input,
textarea,
select,
[contenteditable="true"],
.selectable {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}

/* Any element that intentionally needs horizontal scroll (wide tables on
   narrow screens) opts back in with .scroll-x — see includes/render.php. */
.scroll-x {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

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

/* Tailwind is loaded via CDN without the @tailwindcss/forms plugin, so form
   controls need a little manual help to look consistent across browsers. */
select.field {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2364748b'><path fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 1.15em;
  padding-right: 2.5rem;
}

input[type="checkbox"],
input[type="radio"] {
  accent-color: #059669;
}

::selection {
  background: #a7f3d0;
  color: #064e3b;
}

/* Custom scrollbar for horizontally-scrolling tables/panels (.scroll-x) — the
   default browser scrollbar looks out of place against rounded cards. */
.scroll-x::-webkit-scrollbar {
  height: 6px;
}
.scroll-x::-webkit-scrollbar-track {
  background: transparent;
}
.scroll-x::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
  border-radius: 999px;
}