/* Shared Component Styles - InpactInsurancePlatform.Shared.UI */

/* Status Chip Colors */
.mud-chip.chip-color-success {
    color: #2DAF18;
    background-color: #EDF9EB;
    border: 1px solid rgba(45, 175, 24, 0.27);
}

.mud-chip.chip-color-info {
    color: #2B50CC;
    background-color: rgba(43, 80, 204, 0.08);
    border: 1px solid rgba(43, 80, 204, 0.33);
}

.mud-chip.chip-color-error {
    color: #E30C0C;
    background-color: #FBEEEE;
    border: 1px solid rgba(204, 43, 43, 0.33);
}

.mud-chip.chip-color-unknown {
    color: #000000;
    background-color: #F8F8F8;
    border: 1px solid rgba(0, 0, 0, 0.23);
}

.mud-chip.chip-color-warning {
    color: #F57C00;
    background-color: #FFF3E0;
    border: 1px solid rgba(245, 124, 0, 0.3);
}

.mud-chip.chip-color-prospect {
    color: #F57C00;
    background-color: #FFF3E0;
    border: 1px solid rgba(245, 124, 0, 0.3);
}

/* Calculation Status Chip */
.calculation-status-chip {
    font-weight: 500;
}

/* Business activity status chip — premium availability variants */
#app .business-activity-status .mud-icon-root {
    font-size: 14px;
    letter-spacing: 0px;
    margin-right: 7px;
}

#app .business-activity-status.premium-availability--available {
    background-color: #FFF9F3;
    border: 1px solid rgba(45, 175, 24, 0.24);
    color: #41875B;
}

#app .business-activity-status.premium-availability--conditional {
    background-color: #FFF9F3;
    border: 1px solid rgba(229, 117, 4, 0.33);
    color: #E57504
}

#app .business-activity-status.premium-availability--not-available {
    background-color: #FFFDFD;
    border: 1px solid rgba(200, 12, 12, 0.25);
    color: #C80C0C
}

#app .business-activity-status.premium-availability--unknown {
    background-color: #F8F8F8;
    border: 1px solid rgba(0, 0, 0, 0.23);
    color: #000000;
}

/* Business activity dialog — title + table styling used by the picker */
#app .business-activity-dialog-title h6 {
    font-family: NotoSans-Semi;
}

#app .mud-table-row:has(.premium-availability--not-available) .mud-table-cell {
    color: #C80C0C;
}

#app .mud-table .custom-column-header-text {
    font-family: NotoSans-Semi;
    color: #000000;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0;
}

#app .mud-table .table-content-text {
    font-family: NotoSans;
    width: 100%;
}