/*=================== Events editor ===================*/
.ev-meta     { min-height: 92px; }

/*=================== the events list ===================*/
.ev-city-filter { flex: 0 0 180px; }
.ev-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.ev-chip {
    padding: 7px 14px;
    background: var(--dash-surface-2);
    border: 1px solid var(--dash-line);
    color: #b7b7c3;
    font-size: 12.5px; font-weight: 700;
    cursor: pointer;
    transition: all .2s ease;
}
.ev-chip:hover { color: #fff; border-color: var(--dash-gold); }
.ev-chip.is-on { background: var(--dash-gold-soft); border-color: var(--dash-gold); color: var(--dash-gold); }

.ev-row-thumb { flex: 0 0 78px; height: 58px; overflow: hidden; background: #000; }
.ev-row-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ev-state {
    flex: 0 0 auto;
    display: inline-flex; align-items: center; gap: 7px;
    padding: 5px 12px;
    font-size: 11.5px; font-weight: 700;
}
.ev-state .bi { font-size: 11px; }
.ev-state-upcoming { background: var(--dash-gold-soft); color: var(--dash-gold); }
.ev-state-past     { background: var(--dash-surface-2); color: var(--dash-muted); }
.ev-tag {
    flex: 0 0 auto;
    padding: 5px 12px;
    background: var(--dash-surface-2);
    border: 1px solid var(--dash-line);
    font-size: 11.5px; font-weight: 700;
    color: #c9c9d4;
}

/*=================== sidebar ===================*/
.ev-glance { margin-bottom: 6px; }
.ev-glance li {
    display: flex; align-items: center; justify-content: space-between;
    padding: 9px 0;
    border-bottom: 1px dashed var(--dash-line-soft);
    font-size: 13px;
    color: #c9c9d4;
}
.ev-glance li:last-child { border-bottom: 0; }
.ev-glance b { color: var(--dash-gold); font-size: 15px; }
.ev-link {
    display: inline-flex; align-items: center; gap: 8px;
    margin-top: 14px;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--dash-gold);
    text-decoration: none;
}
.ev-link:hover { color: #fff; }
.ev-save { display: flex; flex-direction: column; gap: 10px; }

@media (max-width: 767.98px) {
    .ev-tab { flex: 1 1 100%; justify-content: center; }
    .ev-city-filter { flex: 1 1 100%; }
}

/* Cities manager list */
button.dash-rowitem.ev-row {
    background: transparent;
    color: inherit;
    cursor: pointer;
    text-align: left;
}
button.dash-rowitem.ev-row.is-active {
    border-color: var(--dash-gold);
}
