/* ============================================================
 * SHARED COMPONENTS (badge, buttons, actions)
 * ============================================================ */

/* THÀNH PHẦN */
.badge {
    padding: 6px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.btn-sm {
    padding: 0.3rem 0.6rem;
    font-size: 0.8rem;
}

/* Nút thao tác R2 & Quản trị */

.r2-actions .btn-delete,
.admin-actions .btn-delete {
    border-color: rgba(239, 68, 68, 0.4);
    color: var(--color-error);
}

.r2-actions .btn-delete:hover,
.admin-actions .btn-delete:hover {
    background: var(--color-error);
    color: var(--btn-hover-color);
    border-color: var(--color-error);
}