/* Small amount of styling to keep the starter app tidy. */
body {
    min-height: 100vh;
}

.card {
    border-radius: 0.9rem;
}

.category-badge {
    align-items: center;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.75rem;
    gap: 0.4rem;
    line-height: 1;
    padding: 0.25rem 0.55rem;
}

.category-dot {
    border-radius: 50%;
    display: inline-block;
    height: 0.65rem;
    width: 0.65rem;
}

/* Overdue rows get a stronger visual treatment so urgent money items are harder to miss. */
.overdue-row > * {
    background-color: #f8d7da !important;
}

.due-today-row > * {
    background-color: #fff3cd !important;
}