.stat-card header {
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: 0.7;
}

.stat-number {
    font-size: 2rem;
    font-weight: 700;
    margin: 0;
}

.error-msg {
    color: var(--pico-del-color);
    font-weight: 600;
}

.success-card {
    border-left: 4px solid var(--pico-ins-color);
}

.error-card {
    border-left: 4px solid var(--pico-del-color);
}

.deleted-row {
    opacity: 0.5;
}

.trashed-banner {
    border-left: 4px solid var(--pico-del-color);
    background: color-mix(in srgb, var(--pico-del-color) 10%, transparent);
}

.truncate {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
}

figure {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

figure table {
    white-space: nowrap;
}

.btn-danger {
    --pico-background-color: var(--pico-del-color);
    --pico-border-color: var(--pico-del-color);
    color: #fff;
}

footer {
    text-align: center;
    padding: 1rem 0;
    opacity: 0.5;
}