// Warnings - base state (lowest specificity)
body.has-meta-validation-warnings .interface-pinned-items button[aria-label]:not([aria-label*="Settings"]):not([aria-label*="Tools"]):not([aria-label*="Options"]) {
    background-color: var(--a11y-yellow);

    span {
        color: #fff;
    }
}

// Errors - base state (same specificity as warnings, but logically higher priority)
body.has-meta-validation-errors .interface-pinned-items button[aria-label]:not([aria-label*="Settings"]):not([aria-label*="Tools"]):not([aria-label*="Options"]) {
    background-color: var(--a11y-red);

    span {
        color: #fff;
    }
}

// Warnings - hover state (higher specificity due to :hover)
body.has-meta-validation-warnings .interface-pinned-items button[aria-label]:not([aria-label*="Settings"]):not([aria-label*="Tools"]):not([aria-label*="Options"]):hover {
    background-color: var(--a11y-dark-yellow);
}

// Errors - hover state (highest specificity)
body.has-meta-validation-errors .interface-pinned-items button[aria-label]:not([aria-label*="Settings"]):not([aria-label*="Tools"]):not([aria-label*="Options"]):hover {
    background-color: var(--a11y-dark-red);
}