.fi-resource-ingredients.fi-resource-create-record-page .fi-header-heading,
.fi-resource-ingredients.fi-resource-edit-record-page .fi-header-heading,
.fi-resource-ingredients .ingredient-form-section .fi-section-header-heading {
    color: #0C50BB !important;
    letter-spacing: 0 !important;
}

.fi-resource-ingredients .ingredient-form-section .fi-fo-field-wrp-label,
.fi-resource-ingredients .ingredient-form-section .fi-fo-field-wrp-label > span,
.fi-resource-ingredients .ingredient-form-section .fi-fo-toggle label {
    color: #1E3A5F !important;
}

.fi-resource-ingredients .ingredient-form-section .fi-fo-field-wrp .fi-input-wrp input,
.fi-resource-ingredients .ingredient-form-section .fi-fo-field-wrp .choices__list--single .choices__item:not(.choices__placeholder),
.fi-resource-ingredients .ingredient-form-section .fi-fo-field-wrp .fi-select-input {
    color: #0F172A !important;
    -webkit-text-fill-color: #0F172A !important;
    font-weight: 500 !important;
}

.fi-resource-ingredients .ingredient-form-section .fi-fo-field-wrp .choices__placeholder,
.fi-resource-ingredients .ingredient-form-section .fi-fo-field-wrp input::placeholder {
    color: #7C93B5 !important;
    -webkit-text-fill-color: #7C93B5 !important;
    font-weight: 400 !important;
    opacity: 1 !important;
}

.fi-resource-ingredients .ingredient-form-section .fi-input-wrp:focus-within {
    border-color: #60A5FA !important;
    box-shadow: 0 0 0 3px rgba(18, 103, 232, .1) !important;
}

.fi-resource-ingredients .ingredient-form-section .choices__list--dropdown .choices__item--choice {
    color: #1E3A5F !important;
    opacity: 1 !important;
}

.fi-resource-ingredients .ingredient-form-section .choices__list--dropdown .choices__item--choice.is-highlighted,
.fi-resource-ingredients .ingredient-form-section .choices__list--dropdown .choices__item--choice[aria-selected="true"] {
    background: #1267e8 !important;
    color: #FFFFFF !important;
}

.fi-resource-ingredients .ingredient-form-section .choices__list--dropdown .choices__input--cloned {
    color: #0F172A !important;
    -webkit-text-fill-color: #0F172A !important;
}

.dark .fi-resource-ingredients .ingredient-form-section .fi-fo-field-wrp-label,
.dark .fi-resource-ingredients .ingredient-form-section .fi-fo-field-wrp-label > span,
.dark .fi-resource-ingredients .ingredient-form-section .fi-fo-toggle label {
    color: #BFDBFE !important;
}

.dark .fi-resource-ingredients .ingredient-form-section .fi-input-wrp input,
.dark .fi-resource-ingredients .ingredient-form-section .choices__list--single .choices__item:not(.choices__placeholder),
.dark .fi-resource-ingredients .ingredient-form-section .fi-select-input {
    color: #93C5FD !important;
    -webkit-text-fill-color: #93C5FD !important;
}

.fi-resource-ingredients.fi-resource-view-record-page .fi-header-heading,
.fi-resource-ingredients .ingredient-view-section .fi-section-header-heading {
    color: #0C50BB !important;
    letter-spacing: 0 !important;
}

.fi-resource-ingredients .ingredient-view-section .fi-section-content {
    padding-top: 14px !important;
}

.ingredient-view-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    border-top: 1px solid #E8EEF6;
    border-left: 1px solid #E8EEF6;
}

.ingredient-view-item {
    min-width: 0;
    padding: 14px 16px;
    border-right: 1px solid #E8EEF6;
    border-bottom: 1px solid #E8EEF6;
}

.ingredient-view-item dt {
    margin-bottom: 6px;
    color: #5F7392;
    font-size: 11px;
    font-weight: 600;
    line-height: normal;
}

.ingredient-view-item dd {
    min-height: 20px;
    margin: 0;
    overflow-wrap: anywhere;
    color: #0C50BB;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.ingredient-view-suppliers {
    grid-column: 1 / -1;
}

.ingredient-view-supplier {
    display: inline-block;
    margin: 2px 6px 2px 0;
    padding: 3px 8px;
    border-radius: 6px;
    background: #EBF3FF;
    color: #0C50BB;
    font-size: 12px;
    font-weight: 600;
}

.ingredient-view-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}

.ingredient-view-status > span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.ingredient-view-status.is-active {
    background: #ECFDF5;
    color: #047857;
}

.ingredient-view-status.is-active > span {
    background: #059669;
}

.ingredient-view-status.is-inactive {
    background: #FEF2F2;
    color: #B91C1C;
}

.ingredient-view-status.is-inactive > span {
    background: #DC2626;
}

.ingredient-view-quotes {
    margin-top: 18px;
}

.ingredient-view-quotes h4 {
    margin: 0 0 9px;
    color: #1E3A5F;
    font-size: 13px;
    font-weight: 700;
}

.ingredient-view-table-wrap {
    overflow-x: auto;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
}

.ingredient-view-quotes table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.ingredient-view-quotes th,
.ingredient-view-quotes td {
    padding: 10px 12px;
    text-align: left;
    border-bottom: 1px solid #EEF2F7;
}

.ingredient-view-quotes th {
    background: #F8FAFC;
    color: #5F7392;
    font-size: 11px;
    font-weight: 700;
}

.ingredient-view-quotes td {
    color: #0C50BB;
    font-weight: 500;
}

.ingredient-view-quotes tbody tr:last-child td {
    border-bottom: 0;
}

@media (max-width: 900px) {
    .ingredient-view-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .ingredient-view-grid {
        grid-template-columns: 1fr;
    }
}