/* SolidLAN – custom styles on top of Pico.css */

.flash {
    padding: .75rem 1rem;
    border-radius: .5rem;
    margin: 1rem 0;
}
.flash--success { background: #d1f5d3; color: #155724; }
.flash--error   { background: #f8d7da; color: #842029; }

.event {
    border: 1px solid var(--pico-muted-border-color);
    border-radius: .75rem;
    padding: 1rem;
    margin-bottom: 1rem;
}
.event--past {
    opacity: .55;
    filter: grayscale(60%);
    background: var(--pico-card-sectioning-background-color, #f3f3f3);
}
.event__date { float: right; color: var(--pico-muted-color); }
.badge {
    display: inline-block;
    padding: .1rem .5rem;
    border-radius: 999px;
    font-size: .75rem;
    background: #ccc;
    color: #333;
    margin-left: .5rem;
}
.badge--past { background: #6c757d; color: #fff; }

.seats-bar {
    position: relative;
    height: 1.25rem;
    width: 100%;
    background: #e9ecef;
    border-radius: .25rem;
    overflow: hidden;
    margin: .5rem 0 .25rem;
    display: flex;
}
.seats-bar__paid     { background: #28a745; height: 100%; }
.seats-bar__reserved { background: #ffc107; height: 100%; }

.row--past { color: var(--pico-muted-color); background: #f3eaea; }
.row--past td { border-color: #e6c9c9; }

table form { margin: 0; }
table button { padding: .25rem .6rem; font-size: .8rem; }

nav ul:last-of-type { gap: .5rem; }