@tailwind base;
@tailwind components;
@tailwind utilities;

.action-button {
    @apply rounded bg-indigo-600 px-2 py-1 font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600;
}

.today-table-grid {
    display: grid;
}

@media (min-width: 640px) {
    .today-table-grid {
        grid-template-columns: 2fr repeat(3, 1fr);
    }
}

@media (min-width: 480px) and (max-width: 639px) {
    .today-table-grid {
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-auto-flow: column;
    }
}