/* Custom styles beyond Tailwind defaults */
[x-cloak] { display: none !important; }
.htmx-indicator { display: none; }
.htmx-request .htmx-indicator { display: inline; }
.htmx-request.htmx-indicator { display: inline; }

/* Kanban board */
.kanban-col { min-height: 200px; }

/* Status badges */
.badge { @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium; }

/* ── Elder / Large Text accessibility mode ── */
/* Bump the root font-size so all rem-based Tailwind sizes scale up uniformly */
html.elder-mode { font-size: 120%; }
html.elder-mode body { letter-spacing: 0.01em; }

/* Stronger contrast for muted text */
html.elder-mode .text-gray-400,
html.elder-mode .text-gray-500 { color: #374151 !important; } /* gray-700 */
html.elder-mode .text-gray-600 { color: #1f2937 !important; } /* gray-800 */

/* Heavier borders so dividers are easier to spot */
html.elder-mode .border-gray-100 { border-color: #d1d5db !important; } /* gray-300 */
html.elder-mode .border-gray-200 { border-color: #9ca3af !important; } /* gray-400 */

/* Slightly larger minimum click targets */
html.elder-mode button,
html.elder-mode [type="submit"],
html.elder-mode [type="button"],
html.elder-mode a.btn { min-height: 2.5rem; }

/* Table rows — thicker separator line between rows */
html.elder-mode table tbody tr { border-bottom: 2px solid #d1d5db !important; }