/* Etiquetas Interactiva */
.itag-lista { display: inline-flex; flex-wrap: wrap; gap: 4px; vertical-align: middle; }
.itag {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 2px 9px; border-radius: 999px;
    font-size: .78rem; font-weight: 600; line-height: 1.5; white-space: nowrap;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
}
.itag > .ti { font-size: .85em; opacity: .85; }
.itag-remover { display: inline; margin: 0; }
.itag-remover button {
    border: 0; background: rgba(0, 0, 0, .15); color: inherit;
    width: 16px; height: 16px; border-radius: 50%; padding: 0; margin-left: 2px;
    display: inline-flex; align-items: center; justify-content: center; cursor: pointer;
}
.itag-remover button:hover { background: rgba(0, 0, 0, .3); }
.itag-remover .ti { font-size: 11px; }
.itag-aba { padding: 12px 4px; }
.itag-itens { columns: 2; margin: 0 0 8px; padding-left: 18px; }

/* Painel */
.itag-painel { padding-top: 8px; }
.itag-kpi .card-body { display: flex; align-items: center; gap: 14px; }
.itag-kpi-icone {
    width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center;
    background: var(--tblr-primary-lt, #e8f0fe); color: var(--tblr-primary, #2f6fdf); font-size: 22px;
}
.itag-kpi-valor { font-size: 1.6rem; font-weight: 700; line-height: 1.1; }
.itag-barra {
    display: inline-block; width: calc(100% - 48px); height: 8px; margin-right: 8px; vertical-align: middle;
    background: var(--tblr-border-color, #e6e7e9); border-radius: 999px; overflow: hidden;
}
.itag-barra > span { display: block; height: 100%; border-radius: 999px; }
.itag-tipos .badge { font-weight: 500; }
.itag-remover-item { display: inline; margin: 0; }
.itag-remover-item .btn { padding: 0 4px; line-height: 1; }
.itag-itens li { break-inside: avoid; }