.accordion-button {
    font-weight: bold;
}

.uppercase-header {
   text-transform: uppercase;
   /* Spec 037 — cabeçalhos da grade em uma única linha (sem quebra) */
   white-space: nowrap;
}


/* Spec 050: chips visuais nas células de estado administrativo. */
.spec050-badge-cell {
    border-radius: 999px !important;
    font-weight: 600;
    text-align: center;
    background-color: #f2f4f7 !important;
    color: #344054 !important;
}
.spec050-profile-cell {
    background-color: #eff8ff !important;
    color: #175cd3 !important;
}
.spec050-access-cell {
    background-color: #fffaeb !important;
    color: #b54708 !important;
}
.spec050-state-cell {
    background-color: #ecfdf3 !important;
    color: #027a48 !important;
}

/* Dash AG Grid 31: garante o primeiro paint do root antes de qualquer modal/resize. */
.ag-theme-alpine,
.ag-theme-alpine .ag-root-wrapper,
.ag-theme-alpine .ag-root {
    min-height: 180px !important;
}

.spec050-page-canvas .ag-theme-alpine,
.spec050-page-canvas .ag-root-wrapper,
.spec050-page-canvas .ag-root {
    position: relative !important;
}

/* O valor interno do AG Grid recebe o formato de chip; a célula permanece neutra. */
.ag-theme-alpine .ag-cell.spec050-badge-cell {
    background-color: transparent !important;
    color: inherit !important;
    display: flex;
    align-items: center;
    padding: 0 10px !important;
}
.ag-theme-alpine .ag-cell.spec050-badge-cell .ag-cell-value {
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    padding: 4px 9px;
    font-weight: 600;
    line-height: 1.1;
}
.ag-theme-alpine .ag-cell.spec050-profile-cell .ag-cell-value {
    background-color: #eff8ff;
    color: #175cd3;
}
.ag-theme-alpine .ag-cell.spec050-access-cell .ag-cell-value {
    background-color: #fffaeb;
    color: #b54708;
}
.ag-theme-alpine .ag-cell.spec050-state-cell .ag-cell-value {
    background-color: #ecfdf3;
    color: #027a48;
}