:root {
    --status-pending:    #fde68a;
    --status-approved:   #93c5fd;
    --status-published:  #86efac;
    --status-denied:     #fca5a5;
    --status-dmca:       #fdba74;
    --status-deleted:    #cbd5e1;

}

.status-filter-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    overflow-x: auto;
    padding: 4px 0;
}

.status-filter-bar a {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 38px;
    padding: 5px 8px;
    border-radius: 12px;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
    border: 1px solid #3a3e52;
}

.status-filter-bar a.status-all      { color: #f3f6ff; }
.status-filter-bar a.status-pending  { color: var(--status-pending); }
.status-filter-bar a.status-approved { color: var(--status-approved); }
.status-filter-bar a.status-published{ color: var(--status-published); }
.status-filter-bar a.status-denied   { color: var(--status-denied); }
.status-filter-bar a.status-dmca     { color: var(--status-dmca); }
.status-filter-bar a.status-deleted  { color: var(--status-deleted); }

.status-filter-bar a.is-active { background: #2a2d3a; border-color: currentColor; }

.vid-manage-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 4px 0;
}

.vid-manage-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.vid-manage-actions span, .vid-manage-actions a {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 3px 9px;
    border-radius: 10px;
    height: 34px;
}

.video-status {
    display: inline-block;
    font-size: 13px;
    padding: 8px;
    border-radius: 10px;
    width: fit-content;
    background-color: #ffffff0d;
    border: 1px solid rgba(0, 0, 0, 0.4);
}

.video-status.pending   { color: var(--status-pending); }
.video-status.approved  { color: var(--status-approved); }
.video-status.published { color: var(--status-published); }
.video-status.denied    { color: var(--status-denied); }
.video-status.dmca      { color: var(--status-dmca); }
.video-status.deleted   { color: var(--status-deleted); }

.vm-action {
    background-color: #313244;
    color: #f3f6ffd9;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.4);
}

.vm-approve {
    color: #6ee37a;
}

.vm-deny {
    color: #f47070;
}