#ticket-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

#no-open-tickets, #no-closed-tickets {
    /*height: 100px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-3, 12px);
    gap: var(--spacing-4, 16px) 0;
}

.ticket.item {
    align-items: normal;
}
.ticket.item .content {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.ticket.item .header, .card .header {
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}
.ticket.item .tags, .card .tags  {
    display: flex;
    align-items: center;
    gap: var(--spacing-list-item-gap-small, 4px);
    flex-wrap: wrap;
}

.ticket.item .header .badge {
    margin-left: auto;
}


.ticket.item[data-priority=low] .badge.ticket-priority {
    background: var(--status-success-subtle, #D0F0E0) !important;
    color: var(--status-success-emphasis, #0D9C49);
}
.ticket.item[data-priority=medium] .badge.ticket-priority {
    background: var(--status-warning-subtle, #FFF0DF) !important;
    color: var(--status-warning-emphasis, #F58F14);
}

.ticket.item[data-priority=high] .badge.ticket-priority {
    background: var(--status-danger-subtle, #FCEFEF) !important;
    color: var(--status-danger-emphasis, #DE6060);
}
.ticket.item[data-priority=high]:has(.ticket-priority) {
    border: 1px solid var(--status-danger-emphasis, #DE6060);
}