/* Custom styles for RE Financial Model */

/* Input styling */
input[type="number"],
input[type="text"] {
    @apply border border-gray-300 rounded-md px-3 py-2;
}

input[type="number"]:focus,
input[type="text"]:focus {
    @apply outline-none ring-2 ring-blue-500 border-transparent;
}

/* Table styling for cash flows */
.cashflow-table {
    @apply min-w-full divide-y divide-gray-200;
}

.cashflow-table th {
    @apply px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider bg-gray-50;
}

.cashflow-table td {
    @apply px-3 py-2 text-sm text-gray-900 whitespace-nowrap;
}

.cashflow-table tr:hover {
    @apply bg-gray-50;
}

/* Metric cards */
.metric-card {
    @apply bg-white rounded-lg shadow p-4;
}

.metric-card-title {
    @apply text-sm font-medium text-gray-500;
}

.metric-card-value {
    @apply mt-1 text-2xl font-semibold text-gray-900;
}

/* Loading state */
.loading {
    @apply opacity-50 pointer-events-none;
}

/* HTMX indicator */
.htmx-indicator {
    @apply opacity-0 transition-opacity;
}

.htmx-request .htmx-indicator {
    @apply opacity-100;
}