.filepond--file-action-button.filepond--file-action-button svg {
    color: var(--hms-info);
}

.filepond--file-action-button.filepond--action-edit-item {
    background-color: rgba(67, 67, 67, 0.5) !important;
}

.disease-section .disease-repeater-header {
    display: grid;
    grid-template-columns: 1fr 1fr 2.5rem;
    gap: 0.75rem;
    font-weight: 500;
    font-size: 0.875rem;
}

.disease-section {
    box-shadow: none !important;
    border: 1px solid rgb(229 231 235) !important;
    background: transparent !important;
}
.dark .disease-section {
    border: 1px solid rgb(55 65 81) !important;
}

.disease-section .fi-fo-repeater-items {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    border: 1px solid rgb(229 231 235);
    border-radius: 0.5rem;
    padding: 1rem;
    background-color: rgb(249 250 251);
}
.dark .disease-section .fi-fo-repeater-items {
    border-color: rgb(55 65 81);
    background-color: rgb(31 41 55);
}

.disease-section .fi-fo-repeater-item {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.75rem !important;
}
.disease-section .fi-fo-repeater-item > * {
    border: none !important;
}

.disease-section .fi-fo-repeater-item-header {
    order: 2 !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
}
.disease-section .fi-fo-repeater-item-header ul {
    margin: 0 !important;
}

.disease-section .fi-fo-repeater-item-content {
    order: 1 !important;
    padding: 0 !important;
    flex: 1 1 0% !important;
    min-width: 0 !important;
}

.disease-section .fi-fo-repeater-item-content > .grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0.75rem !important;
    width: 100% !important;
}

.disease-section .fi-fo-repeater-item-content [class^="col-"] {
    width: 100% !important;
    min-width: 0 !important;
}

.disease-section .fi-input-wrp,
.disease-section .choices {
    width: 100% !important;
}

.disease-section .fi-icon-btn {
    background: transparent;
    color: rgb(239 68 68);
}
.disease-section .fi-icon-btn:hover {
    background-color: rgb(254 242 242);
}

.disease-section .fi-fo-repeater-add-action {
    display: flex;
    margin: 1rem auto 0;
    border: 1px solid rgb(209 213 219);
    border-radius: 9999px;
    padding: 0.5rem 1.25rem;
    background-color: white;
    color: rgb(55 65 81);
    font-weight: 500;
}
.dark .disease-section .fi-fo-repeater-add-action {
    background-color: rgb(31 41 55);
    border-color: rgb(55 65 81);
    color: rgb(229 231 235);
}


.disease-badge-positive {
    background-color: rgb(254 242 242) !important;
    color: rgb(220 38 38) !important;
    border: 1px solid rgb(254 202 202) !important;
}

.disease-badge-negative {
    background-color: rgb(240 253 244) !important;
    color: rgb(22 163 74) !important;
    border: 1px solid rgb(187 247 208) !important;
}

.dark .disease-badge-positive {
    background-color: rgb(127 29 29 / 0.2) !important;
    color: rgb(248 113 113) !important;
    border: 1px solid rgb(127 29 29 / 0.4) !important;
}

.dark .disease-badge-negative {
    background-color: rgb(20 83 45 / 0.2) !important;
    color: rgb(74 222 128) !important;
    border: 1px solid rgb(20 83 45 / 0.4) !important;
}

.disease-badge-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    max-width: 720px;
}

@media (max-width: 768px) {
    .disease-badge-wrap {
        max-width: 200px;
    }
}

.disease-badge {
    white-space: nowrap;
}

.fi-page-sub-navigation-tabs {
    flex-wrap: wrap !important;
    overflow-x: visible !important;
}

/* POS dark theme: tokenised so it follows the tenant brand and dark mode. */
.dark .pharmacy-resource .fi-ta-ctn,
.dark .pharmacy-resource .fi-ta-header-ctn,
.dark .pharmacy-resource .fi-ta-content,
.dark .pharmacy-resource .fi-ta-row,
.dark .pharmacy-resource .fi-ta-cell {
    background: var(--hms-surface);
    border-color: var(--hms-border);
    color: var(--hms-ink);
}
.dark .pharmacy-resource .fi-ta-header-cell {
    color: var(--hms-ink-muted);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 0.05em;
}
.dark .pharmacy-resource .fi-ta-text {
    color: var(--hms-ink);
}
.dark .pharmacy-resource .fi-pagination {
    background: var(--hms-surface);
    border-color: var(--hms-border);
    color: var(--hms-ink-muted);
}
.dark .pharmacy-resource .fi-pagination-btn {
    color: var(--hms-ink-muted);
}
.dark .pharmacy-resource .fi-pagination-btn:hover {
    background: var(--hms-surface-2);
    color: var(--hms-ink);
}
.dark .pharmacy-resource .fi-input-wrp {
    background: var(--hms-surface);
    border-color: var(--hms-border);
}
.dark .pharmacy-resource .fi-input-wrp input,
.dark .pharmacy-resource .fi-input-wrp select {
    color: var(--hms-ink);
}
.dark .pharmacy-resource .fi-dropdown-panel {
    background: var(--hms-surface);
    border-color: var(--hms-border);
}
.dark .pharmacy-resource .fi-dropdown-list-item {
    color: var(--hms-ink-muted);
}
.dark .pharmacy-resource .fi-dropdown-list-item:hover {
    background: var(--hms-surface-2);
    color: var(--hms-ink);
}