/*
 * Annotation badges — 3 estados de cor (green / neutral / amber).
 *
 * Spec: docs/superpowers/specs/2026-05-15-annotation-badges-design.md §6.1
 *
 * Selector `> svg.icon` (descendant directo) em vez de `:has(> .icon)` ou
 * `.badge-anot .icon`: segue feedback_css_has_selector_specificity — evita
 * que `:has()` greedy match capture placeholders legacy ou ícones aninhados
 * em sub-elementos no futuro.
 */

.badge-anot {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .1rem .35rem;
    border-radius: .25rem;
    font-size: .75rem;
    line-height: 1;
    vertical-align: middle;
    position: relative;
}

.badge-anot > svg.icon {
    width: .9em;
    height: .9em;
}

.badge-anot--green   { background: #e6f4ea; color: #1e6f3a; border: 1px solid #b7dfc2; }
.badge-anot--neutral { background: #f0f0f0; color: #444;    border: 1px solid #d0d0d0; }
.badge-anot--amber   { background: #fef3c7; color: #92400e; border: 1px solid #fcd34d; }