/* ── Gump Boat App — Custom Styles ─────────────────────────────────────────── */

:root {
  --gump-blue:   #003d82;
  --gump-late:   #dc3545;
  --gump-ok:     #198754;
}

body {
  font-family: 'Segoe UI', system-ui, sans-serif;
  background-color: #f0f4f8;
}

/* Navbar */
.navbar {
  background-color: var(--gump-blue) !important;
}

/* ── Admin dashboard — optimised for large TV / tablet ──────────────────────── */
.admin-table th,
.admin-table td {
  font-size: 1.15rem;
  padding: 0.85rem 1rem;
}

/* Late vessel rows pulse gently to draw attention */
@keyframes late-pulse {
  0%   { background-color: #f8d7da; }
  50%  { background-color: #f1aeb5; }
  100% { background-color: #f8d7da; }
}

.late-row {
  animation: late-pulse 2s ease-in-out infinite;
}

/* ── Forms ───────────────────────────────────────────────────────────────────── */
.form-control-lg,
.form-select-lg {
  font-size: 1.1rem;
}

/* ── Cards ───────────────────────────────────────────────────────────────────── */
.card {
  border: none;
  border-radius: 0.75rem;
}

.card-header {
  border-radius: 0.75rem 0.75rem 0 0 !important;
  font-size: 1rem;
}

/* ── Responsive utilities ────────────────────────────────────────────────────── */
@media (max-width: 576px) {
  /* Larger tap targets for mobile (captains use phones) */
  .btn-lg {
    padding: 0.85rem 1.25rem;
    font-size: 1.1rem;
  }
  .table {
    font-size: 0.92rem;
  }
}

@media (min-width: 1200px) {
  /* Admin TV view — larger text throughout */
  body {
    font-size: 1.1rem;
  }
  .admin-table th,
  .admin-table td {
    font-size: 1.3rem;
    padding: 1rem 1.25rem;
  }
}