/* guild-code/chefes-suave.css: estilo "suave" das 3 páginas de boss (Bosses, World Boss e Boss da Guild; 2026-10-28, plano
   docs/superpowers/plans/2026-10-27-estilo-suave-site.md, Fase 4). Vem DEPOIS do <style> da página (o bloco BOSSES_CSS gerado
   não é editado à mão) e das peças compartilhadas de /estilo-suave.css: mesmas especificidades, a ordem decide.
   Sem caixa: fio de baixa opacidade (--fio) e cinza suave; o que carrega significado (cor de elemento, raridade, dificuldade,
   fraco/resiste/imune, ✓ verde da rotação) continua colorido. */

/* filtros e campos */
.filters input[type=search], .filters select, .flevel input { border:0; background:color-mix(in srgb, var(--mut) 10%, transparent); border-radius:8px }
.filters input[type=search], .filters select { padding:7px 11px }

/* chips de filtro (elemento, imbuement...): cinza, e o ativo vira o botão claro do grupo */
.chip { border:0; border-radius:8px; background:color-mix(in srgb, var(--mut) 10%, transparent) }
.chip:hover { color:var(--accent) }
.chip.active { background:var(--sel-bg); color:var(--ink-1); box-shadow:var(--sel-ring); font-weight:700 }

/* rotação (playlist): sem caixa, fios em cima e embaixo */
.rotsection { border:0; border-top:1px solid var(--fio); border-bottom:1px solid var(--fio); border-radius:0; background:none; padding:14px 0 }
.rotchip, .rotb { border:0; background:color-mix(in srgb, var(--mut) 10%, transparent); border-radius:8px }
.rotchip.ovr { box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 60%, transparent) }
.rotclear { border:0; border-radius:8px; background:color-mix(in srgb, var(--mut) 10%, transparent) }
.rotclear:hover { color:var(--warn) }
.rot-global, .rot-playlist-bar { border:0; border-radius:8px; background:color-mix(in srgb, var(--mut) 7%, transparent) }
.rot-playlist-inp { border:0; border-radius:8px; background:color-mix(in srgb, var(--mut) 10%, transparent) }
.btn-rot-import { border:0; border-radius:8px; background:color-mix(in srgb, var(--mut) 10%, transparent) }
.btn-rot-import:hover { color:var(--accent) }
.btn-rot-act { border-radius:8px }
.rotgroup { border-top:1px solid var(--fio) }

/* lista de bosses: sem moldura, fio entre as linhas */
.bosslist { border:0; border-radius:0; background:none }
.bosstable th, .bosstable td { border-bottom:1px solid var(--fio) }
.bosstable tr:last-child td { border-bottom:0 }
.tile:hover td { background:color-mix(in srgb, var(--mut) 7%, transparent) }
.tile.marked td { background:color-mix(in srgb, var(--pos, #2e9e5b) 8%, transparent) }

/* itens sugeridos e dificuldades da guild */
.sugg { border:0; background:color-mix(in srgb, var(--mut) 10%, transparent); border-radius:8px }
.gdiff { border:0; border-top:3px solid var(--line); border-radius:10px; background:color-mix(in srgb, var(--mut) 7%, transparent) }
.gd-easy { border-top-color:#3ecf8e } .gd-medium { border-top-color:#d4b83a } .gd-hard { border-top-color:#e2566f }
/* lupa dentro do campo de busca (o .filters input[type=search] acima tem força maior que a regra geral) */
.filters input[type=search]{background-image:url(/icones/mono/busca.svg);background-repeat:no-repeat;background-position:9px 50%;background-size:14px;padding-left:30px}