/*
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://www.mozilla.org/MPL/2.0/.
 */

/* Status Colors */
:root {
    --status-pending: #FFE5B4;       /* pastel yellow */
    --status-under-review: #B6D7FF;  /* pastel blue */
    --status-resolved: #C5EAC5;      /* pastel green */
    --status-rejected: #FFC0CB;      /* pastel pink */
}

.status-pill {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 0.75rem;
    flex-shrink: 0;
    border: 1px solid rgba(0, 0, 0, 0.1); /* Subtle border for definition */
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); /* Very subtle inner shadow for depth */
}

.status-pending-review,
.status-pending {
    background-color: var(--status-pending);
}

.status-under-review,
.status-confirmed {
    background-color: var(--status-under-review);
}

.status-resolved,
.status-completed {
    background-color: var(--status-resolved);
}

.status-rejected,
.status-cancelled {
    background-color: var(--status-rejected);
}

/* Expanded Status Badges */
.status-badge {
    padding: 0.5rem 1rem;
    border-radius: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.5px;
}

.status-badge.status-pending {
    background-color: var(--status-pending);
    color: #8B6914;
}

.status-badge.status-pending-review {
    background-color: var(--status-pending);
    color: #8B6914;
}

.status-badge.status-confirmed {
    background-color: var(--status-under-review);
    color: #1E3A8A;
}

.status-badge.status-under-review {
    background-color: var(--status-under-review);
    color: #1E3A8A;
}

.status-badge.status-completed {
    background-color: var(--status-resolved);
    color: #166534;
}

.status-badge.status-resolved {
    background-color: var(--status-resolved);
    color: #166534;
}

.status-badge.status-cancelled {
    background-color: var(--status-rejected);
    color: #BE185D;
}

.status-badge.status-rejected {
    background-color: var(--status-rejected);
    color: #BE185D;
}