/**
 * SENTRION badge system — fixed contrast, independent of tenant --bs-secondary branding.
 * Category badges must never use badge-light-secondary (tenant secondary = brand green + white inverse).
 *
 * @see docs/backend/UI_BADGE_GUIDE.md
 */

.sentrion-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    letter-spacing: 0.01em;
    border: 1px solid transparent;
    padding: 0.35rem 0.65rem;
    font-size: 0.75rem;
    line-height: 1;
    border-radius: 0.425rem;
    white-space: nowrap;
    vertical-align: baseline;
}

/* Category / metadata — always neutral gray, dark text */
.sentrion-badge--category {
    background-color: #f5f8fa !important;
    border-color: #dfe5ec !important;
    color: #3f4254 !important;
}

/* Outcome tones — light bg + saturated text (never white-on-pastel) */
.sentrion-badge--success {
    background-color: #e8fff3 !important;
    border-color: #b7f1cf !important;
    color: #17c653 !important;
}

.sentrion-badge--danger {
    background-color: #ffe2e5 !important;
    border-color: #f6b7c2 !important;
    color: #f1416c !important;
}

.sentrion-badge--warning {
    background-color: #fff8dd !important;
    border-color: #ffe69a !important;
    color: #b78100 !important;
}

.sentrion-badge--info {
    background-color: #e1f0ff !important;
    border-color: #b4d7ff !important;
    color: #009ef7 !important;
}

.sentrion-badge--primary {
    background-color: #f1e8ff !important;
    border-color: #d6bfff !important;
    color: #7239ea !important;
}

.sentrion-badge--secondary {
    background-color: #f5f8fa !important;
    border-color: #dfe5ec !important;
    color: #5e6278 !important;
}

.sentrion-badge--dark {
    background-color: #e4e6ef !important;
    border-color: #cfd2da !important;
    color: #3f4254 !important;
}

/* DataTable badge cells — prevent column squeeze / clipped labels */
.dataTables_wrapper table.dataTable tbody td.text-center {
    overflow: visible;
}
.dataTables_wrapper table.dataTable tbody td.text-center .sentrion-badge {
    display: inline-flex;
    flex-shrink: 0;
    margin-left: auto;
    margin-right: auto;
}

/* DataTable rows: keep badge text readable on row hover */
.table.table-row-dashed tbody tr:hover .sentrion-badge,
.dataTables_wrapper table.dataTable tbody tr:hover .sentrion-badge {
    color: inherit;
}

.table.table-row-dashed tbody tr:hover .sentrion-badge--category,
.dataTables_wrapper table.dataTable tbody tr:hover .sentrion-badge--category {
    color: #3f4254 !important;
}

.table.table-row-dashed tbody tr:hover .sentrion-badge--success,
.dataTables_wrapper table.dataTable tbody tr:hover .sentrion-badge--success {
    color: #17c653 !important;
}

.table.table-row-dashed tbody tr:hover .sentrion-badge--danger,
.dataTables_wrapper table.dataTable tbody tr:hover .sentrion-badge--danger {
    color: #f1416c !important;
}

.table.table-row-dashed tbody tr:hover .sentrion-badge--warning,
.dataTables_wrapper table.dataTable tbody tr:hover .sentrion-badge--warning {
    color: #b78100 !important;
}

.table.table-row-dashed tbody tr:hover .sentrion-badge--info,
.dataTables_wrapper table.dataTable tbody tr:hover .sentrion-badge--info {
    color: #009ef7 !important;
}

.listing-filter-strip .sentrion-badge--category,
.listing-toolbar__btn .badge.sentrion-badge--category {
    font-size: 0.7rem;
    padding: 0.3rem 0.55rem;
}