.comparativo-panel {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.comparativo-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.comparativo-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 4px;
}

.comparativo-table {
    width: 100%;
    min-width: 640px;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.comparativo-table th,
.comparativo-table td {
    border: 1px solid var(--mud-palette-lines-default);
    padding: 0.45rem 0.5rem;
    vertical-align: middle;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.comparativo-table thead th {
    background: var(--mud-palette-surface);
    position: sticky;
    top: 0;
    z-index: 2;
    font-weight: 600;
}

.comparativo-col-item {
    width: 22%;
    min-width: 160px;
    position: sticky;
    left: 0;
    z-index: 3;
    background: var(--mud-palette-background);
}

.comparativo-table thead .comparativo-col-item {
    z-index: 4;
    background: var(--mud-palette-surface);
}

.comparativo-item-codigo {
    font-weight: 700;
}

.comparativo-item-desc {
    line-height: 1.3;
}

.comparativo-col-fornecedor {
    width: auto;
    text-align: center;
}

.comparativo-fornecedor-nome {
    line-height: 1.25;
}

.comparativo-col-melhor {
    width: 16%;
    min-width: 130px;
    text-align: center;
    background: rgba(76, 175, 80, 0.12);
    border-left: 2px solid var(--mud-palette-primary) !important;
}

.comparativo-table thead .comparativo-col-melhor {
    background: rgba(76, 175, 80, 0.2);
    color: #000;
}

.comparativo-footer-row .comparativo-col-melhor {
    background: rgba(76, 175, 80, 0.2);
}

.comparativo-col-melhor .comparativo-info-comercial {
    text-align: center;
    cursor: default;
}

.comparativo-celula {
    text-align: center;
    vertical-align: middle;
}

.comparativo-valor {
    font-weight: 700;
    white-space: nowrap;
}

.comparativo-valor-sec {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}

.comparativo-celula-vazia {
    text-align: center;
    color: var(--mud-palette-text-secondary);
    font-style: italic;
}

.comparativo-celula-selecionada {
    box-shadow: inset 0 0 0 2px var(--mud-palette-primary);
}

.comparativo-footer-row td {
    font-weight: 700;
    background: var(--mud-palette-background-grey);
    vertical-align: middle;
}

.comparativo-info-comercial {
    font-size: 0.7rem;
    color: var(--mud-palette-text-secondary);
    text-align: left;
    margin-top: 0.25rem;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    cursor: help;
}

.comparativo-legenda {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
}

.comparativo-legenda-item {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.comparativo-legenda-swatch {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: 1px solid var(--mud-palette-lines-default);
    display: inline-block;
    flex-shrink: 0;
}

.indicador-card {
    height: 100%;
}

.indicador-valor {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
}