/* etiqueta.css — chip/tag de etiqueta (card #185). Base: o .chip do design system do Stitch (tema-claro-escuro/demo-obsidian-velocity.html:
   11px, peso 600, espaçamento .04em, 2px 8px, pílula, fundo + texto + contorno). Paleta própria em hex opaco para o contraste
   AA (texto x fundo >= 4.5) ser medido pelo teste nos dois temas. Seletores .kit-etiqueta* apenas, sem !important.
   Tema: claro por padrão; escuro com data-tema="escuro" (tema-logiccos), data-theme="escuro" (tema-claro-escuro) ou, sem
   atributo, pelo prefers-color-scheme do sistema. */
.kit-etiquetas{display:flex;flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none;}
.kit-etiqueta{
  --kit-etq-fundo:#f3f4f6;--kit-etq-texto:#374151;--kit-etq-contorno:#e5e7eb;
  display:inline-flex;align-items:center;gap:.25rem;max-width:100%;min-height:1.25rem;box-sizing:border-box;
  padding:2px 8px;border:1px solid var(--kit-etq-contorno);border-radius:var(--raio-pilula,9999px);
  font-family:inherit;font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.04em;white-space:nowrap;vertical-align:middle;
  color:var(--kit-etq-texto);background-color:var(--kit-etq-fundo);
}
.kit-etiqueta__texto{overflow:hidden;text-overflow:ellipsis;min-width:0;}
.kit-etiqueta__icone{display:inline-flex;font-size:14px;line-height:1;flex-shrink:0;}
.kit-etiqueta__remover{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;margin:0 -4px 0 0;padding:0;border:0;border-radius:50%;
  font:inherit;font-size:12px;line-height:1;cursor:pointer;color:inherit;background:transparent;}
.kit-etiqueta__remover:hover{background-color:var(--kit-etq-contorno);}
.kit-etiqueta__remover:focus-visible{outline:2px solid currentColor;outline-offset:1px;}

/* ---- claro (padrão) ---- */
.kit-etiqueta--cinza{--kit-etq-fundo:#f3f4f6;--kit-etq-texto:#374151;--kit-etq-contorno:#e5e7eb;}
.kit-etiqueta--verde{--kit-etq-fundo:#dcfce7;--kit-etq-texto:#166534;--kit-etq-contorno:#bbf7d0;}
.kit-etiqueta--azul{--kit-etq-fundo:#dbeafe;--kit-etq-texto:#1e40af;--kit-etq-contorno:#bfdbfe;}
.kit-etiqueta--roxo{--kit-etq-fundo:#ede9fe;--kit-etq-texto:#5b21b6;--kit-etq-contorno:#ddd6fe;}
.kit-etiqueta--rosa{--kit-etq-fundo:#fce7f3;--kit-etq-texto:#9d174d;--kit-etq-contorno:#fbcfe8;}
.kit-etiqueta--vermelho{--kit-etq-fundo:#fee2e2;--kit-etq-texto:#991b1b;--kit-etq-contorno:#fecaca;}
.kit-etiqueta--laranja{--kit-etq-fundo:#ffedd5;--kit-etq-texto:#9a3412;--kit-etq-contorno:#fed7aa;}
.kit-etiqueta--amarelo{--kit-etq-fundo:#fef9c3;--kit-etq-texto:#854d0e;--kit-etq-contorno:#fef08a;}
.kit-etiqueta--ciano{--kit-etq-fundo:#cffafe;--kit-etq-texto:#155e75;--kit-etq-contorno:#a5f3fc;}

/* ---- escuro ---- */
[data-tema="escuro"] .kit-etiqueta--cinza,[data-theme="escuro"] .kit-etiqueta--cinza,[data-tema="escuro"] .kit-etiqueta:not([class*="kit-etiqueta--"]),[data-theme="escuro"] .kit-etiqueta:not([class*="kit-etiqueta--"]){--kit-etq-fundo:#262b34;--kit-etq-texto:#d1d5db;--kit-etq-contorno:#3a414d;}
[data-tema="escuro"] .kit-etiqueta--verde,[data-theme="escuro"] .kit-etiqueta--verde{--kit-etq-fundo:#13291d;--kit-etq-texto:#86efac;--kit-etq-contorno:#1f5132;}
[data-tema="escuro"] .kit-etiqueta--azul,[data-theme="escuro"] .kit-etiqueta--azul{--kit-etq-fundo:#172341;--kit-etq-texto:#93c5fd;--kit-etq-contorno:#1e3a8a;}
[data-tema="escuro"] .kit-etiqueta--roxo,[data-theme="escuro"] .kit-etiqueta--roxo{--kit-etq-fundo:#251b3f;--kit-etq-texto:#c4b5fd;--kit-etq-contorno:#4c1d95;}
[data-tema="escuro"] .kit-etiqueta--rosa,[data-theme="escuro"] .kit-etiqueta--rosa{--kit-etq-fundo:#33172a;--kit-etq-texto:#f9a8d4;--kit-etq-contorno:#831843;}
[data-tema="escuro"] .kit-etiqueta--vermelho,[data-theme="escuro"] .kit-etiqueta--vermelho{--kit-etq-fundo:#351718;--kit-etq-texto:#fca5a5;--kit-etq-contorno:#7f1d1d;}
[data-tema="escuro"] .kit-etiqueta--laranja,[data-theme="escuro"] .kit-etiqueta--laranja{--kit-etq-fundo:#33200f;--kit-etq-texto:#fdba74;--kit-etq-contorno:#7c2d12;}
[data-tema="escuro"] .kit-etiqueta--amarelo,[data-theme="escuro"] .kit-etiqueta--amarelo{--kit-etq-fundo:#2e2610;--kit-etq-texto:#fde047;--kit-etq-contorno:#713f12;}
[data-tema="escuro"] .kit-etiqueta--ciano,[data-theme="escuro"] .kit-etiqueta--ciano{--kit-etq-fundo:#0f2a31;--kit-etq-texto:#67e8f9;--kit-etq-contorno:#164e63;}

/* sem data-tema/data-theme: segue o sistema (mesmos valores do escuro acima) */
@media (prefers-color-scheme:dark){
  :root:not([data-tema]):not([data-theme]) .kit-etiqueta,:root:not([data-tema]):not([data-theme]) .kit-etiqueta--cinza{--kit-etq-fundo:#262b34;--kit-etq-texto:#d1d5db;--kit-etq-contorno:#3a414d;}
  :root:not([data-tema]):not([data-theme]) .kit-etiqueta--verde{--kit-etq-fundo:#13291d;--kit-etq-texto:#86efac;--kit-etq-contorno:#1f5132;}
  :root:not([data-tema]):not([data-theme]) .kit-etiqueta--azul{--kit-etq-fundo:#172341;--kit-etq-texto:#93c5fd;--kit-etq-contorno:#1e3a8a;}
  :root:not([data-tema]):not([data-theme]) .kit-etiqueta--roxo{--kit-etq-fundo:#251b3f;--kit-etq-texto:#c4b5fd;--kit-etq-contorno:#4c1d95;}
  :root:not([data-tema]):not([data-theme]) .kit-etiqueta--rosa{--kit-etq-fundo:#33172a;--kit-etq-texto:#f9a8d4;--kit-etq-contorno:#831843;}
  :root:not([data-tema]):not([data-theme]) .kit-etiqueta--vermelho{--kit-etq-fundo:#351718;--kit-etq-texto:#fca5a5;--kit-etq-contorno:#7f1d1d;}
  :root:not([data-tema]):not([data-theme]) .kit-etiqueta--laranja{--kit-etq-fundo:#33200f;--kit-etq-texto:#fdba74;--kit-etq-contorno:#7c2d12;}
  :root:not([data-tema]):not([data-theme]) .kit-etiqueta--amarelo{--kit-etq-fundo:#2e2610;--kit-etq-texto:#fde047;--kit-etq-contorno:#713f12;}
  :root:not([data-tema]):not([data-theme]) .kit-etiqueta--ciano{--kit-etq-fundo:#0f2a31;--kit-etq-texto:#67e8f9;--kit-etq-contorno:#164e63;}
}
@media (forced-colors:active){.kit-etiqueta{border-color:CanvasText;}}