/* Material details: final theme authority for the details modal. */
#materialDetalhesModal .material-history-item .status-badge {
    width: max-content;
    max-width: 100%;
    justify-self: start;
    align-self: center;
}

html[data-theme='dark'] #materialDetalhesModal .material-details-photo,
html[data-theme='dark'] #materialDetalhesModal .material-details-main,
html[data-theme='dark'] #materialDetalhesModal .material-detail-card,
html[data-theme='dark'] #materialDetalhesModal .material-history-item {
    border-color: #35353a;
    background:
        radial-gradient(ellipse 112% 104% at 100% 0%, rgba(255, 255, 255, .035) 0%, transparent 78%),
        linear-gradient(145deg, #202023 0%, #171719 100%);
    color: #f4f4f5;
}

html[data-theme='dark'] #materialDetalhesModal .material-details-main h4,
html[data-theme='dark'] #materialDetalhesModal .material-detail-card strong,
html[data-theme='dark'] #materialDetalhesModal .material-details-section-title,
html[data-theme='dark'] #materialDetalhesModal .material-history-item strong {
    color: #f4f4f5;
}

html[data-theme='dark'] #materialDetalhesModal .material-details-main p,
html[data-theme='dark'] #materialDetalhesModal .material-details-main small,
html[data-theme='dark'] #materialDetalhesModal .material-detail-card > span,
html[data-theme='dark'] #materialDetalhesModal .material-history-item small,
html[data-theme='dark'] #materialDetalhesModal .material-history-item span:not(.status-badge) {
    color: #aeb1b7;
}

html[data-theme='dark'] #materialDetalhesModal .material-details-placeholder {
    color: #777b83;
}

html[data-theme='dark'] #materialDetalhesModal .material-stock-bar {
    background: #343438;
}

html[data-theme='dark'] #materialDetalhesModal .material-detail-card.danger {
    border-color: rgba(239, 68, 68, .42);
    background:
        radial-gradient(ellipse 112% 104% at 100% 0%, rgba(239, 68, 68, .09) 0%, transparent 78%),
        linear-gradient(145deg, #241a1c 0%, #191719 100%);
}

html[data-theme='dark'] #materialDetalhesModal .material-detail-card.danger > span,
html[data-theme='dark'] #materialDetalhesModal .material-detail-card.danger > strong {
    color: #fda4af;
}