/* Ozark Poultry — theme tokens (see DESIGN_SYSTEM.md) */
:root {
  --bg-app: #f4f5f7;
  --brand-green: #198754;
  --primary-blue: #0d6efd;
}

body {
  background: var(--bg-app);
}

.navbar.topnav-menu {
  background: var(--bg-app);
}

.card {
  border: 1px solid rgba(0, 0, 0, .075);
  border-radius: .5rem;
}

/* Table row hover — match legacy (rows highlight on hover) */
.table tbody tr:hover > * {
  background-color: rgba(0, 0, 0, .08);
}

/* Dashboard cards — hover matches legacy exactly: light-green fill only */
.dashboard-card { transition: background-color .15s ease; }
.dashboard-card:hover { background-color: #f3fff3; }

footer .text-muted { color: #6c757d !important; }

/* The legacy theme ships a page-preloader rule keyed on a bare id —
   theme.min.css: #status{height:80px;position:absolute;left:50%;top:50%;margin:-40px 0 0 -40px}
   — and every `select_tag :status` (flock, barn, farmer, PO, file) renders
   id="status", so the control gets yanked out of flow and hangs off the right
   edge of its modal. We ship no such preloader. Undo it for form fields only,
   here (not warm.css) because this sheet loads on both themes. */
#status.form-select, #status.form-control, #status.form-check-input {
  position: static; left: auto; top: auto; height: auto; margin: 0;
}