:root {
    --aldx-table-bg: rgba(255, 255, 255, 0.97);
    --aldx-table-bg-soft: #f8fafc;
    --aldx-table-bg-hover: #f2f7f4;
    --aldx-table-border: rgba(15, 23, 42, 0.08);
    --aldx-table-border-strong: rgba(15, 23, 42, 0.12);
    --aldx-table-text: #0f172a;
    --aldx-table-text-muted: #64748b;
    --aldx-table-text-faint: #94a3b8;
    --aldx-table-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
    --aldx-table-radius: 20px;
    --aldx-table-radius-sm: 12px;
}

html.fi body.fi-body .fi-ta {
    background: var(--aldx-table-bg) !important;
    border: 1px solid var(--aldx-table-border) !important;
    border-radius: var(--aldx-table-radius) !important;
    box-shadow: var(--aldx-table-shadow) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
}

html.fi body.fi-body .fi-ta-ctn,
html.fi body.fi-body .fi-ta-main,
html.fi body.fi-body .fi-ta-content-ctn,
html.fi body.fi-body .fi-ta-content {
    background: transparent !important;
}

html.fi body.fi-body .fi-ta-header-ctn {
    overflow: hidden !important;
}

html.fi body.fi-body .fi-ta-content-ctn {
    overflow-x: auto !important;
    overscroll-behavior-x: contain;
    scrollbar-color: #94a3b8 #f1f5f9;
    scrollbar-width: auto;
}

html.fi body.fi-body .fi-ta-content-ctn::-webkit-scrollbar {
    height: 12px;
}

html.fi body.fi-body .fi-ta-content-ctn::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-top: 1px solid var(--aldx-table-border);
}

html.fi body.fi-body .fi-ta-content-ctn::-webkit-scrollbar-thumb {
    background: #94a3b8;
    background-clip: padding-box;
    border: 3px solid #f1f5f9;
    border-radius: 999px;
}

html.fi body.fi-body .fi-ta-content-ctn::-webkit-scrollbar-thumb:hover {
    background: #64748b;
    background-clip: padding-box;
}

html.fi body.fi-body .fi-ta-header-ctn {
    border-top-left-radius: var(--aldx-table-radius) !important;
    border-top-right-radius: var(--aldx-table-radius) !important;
}

html.fi body.fi-body .fi-ta-content-ctn {
    border-bottom-left-radius: var(--aldx-table-radius) !important;
    border-bottom-right-radius: var(--aldx-table-radius) !important;
}

html.fi body.fi-body .fi-ta-header-ctn {
    background: transparent !important;
    border-bottom: 1px solid var(--aldx-table-border) !important;
}

html.fi body.fi-body .fi-ta-header,
html.fi body.fi-body .fi-ta-header-toolbar,
html.fi body.fi-body .fi-ta-selection-indicator,
html.fi body.fi-body .fi-ta-filter-indicators {
    padding-inline: 1.5rem !important;
}

html.fi body.fi-body .fi-ta-header {
    padding-top: 1.4rem !important;
    padding-bottom: 0.75rem !important;
}

html.fi body.fi-body .fi-ta-header-heading,
html.fi body.fi-body .fi-ta-header-description,
html.fi body.fi-body .fi-ta-filter-indicators-label,
html.fi body.fi-body .fi-ta-empty-state-heading,
html.fi body.fi-body .fi-ta-empty-state-description {
    color: var(--aldx-table-text) !important;
    text-shadow: none !important;
}

html.fi body.fi-body .fi-ta-header-description,
html.fi body.fi-body .fi-ta-filter-indicators-label,
html.fi body.fi-body .fi-ta-empty-state-description {
    color: var(--aldx-table-text-muted) !important;
}

html.fi body.fi-body .fi-ta-header-toolbar {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    padding-top: 0.95rem !important;
    padding-bottom: 1rem !important;
}

html.fi body.fi-body .fi-ta-header-toolbar > div {
    min-width: 0;
}

html.fi body.fi-body .fi-ta-header-toolbar > div:last-child {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    width: min(100%, 34rem);
}

html.fi body.fi-body .fi-ta-search-field {
    flex: 1 1 auto;
}

html.fi body.fi-body .fi-ta-search-field .fi-input-wrp,
html.fi body.fi-body .fi-pagination-records-per-page-select .fi-input-wrp,
html.fi body.fi-body .fi-ta-filters .fi-input-wrp,
html.fi body.fi-body .fi-ta-col-manager .fi-input-wrp {
    background: #fff !important;
    border: 1px solid var(--aldx-table-border-strong) !important;
    border-radius: 14px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

html.fi body.fi-body .fi-ta-search-field .fi-input-wrp {
    min-height: 2.9rem !important;
}

html.fi body.fi-body .fi-ta-search-field .fi-input-wrp:focus-within,
html.fi body.fi-body .fi-pagination-records-per-page-select .fi-input-wrp:focus-within,
html.fi body.fi-body .fi-ta-filters .fi-input-wrp:focus-within,
html.fi body.fi-body .fi-ta-col-manager .fi-input-wrp:focus-within {
    border-color: rgba(16, 185, 129, 0.5) !important;
    box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.12) !important;
}

html.fi body.fi-body .fi-ta-search-field .fi-input,
html.fi body.fi-body .fi-pagination-records-per-page-select .fi-input,
html.fi body.fi-body .fi-pagination-records-per-page-select select,
html.fi body.fi-body .fi-ta-filters .fi-input,
html.fi body.fi-body .fi-ta-filters select,
html.fi body.fi-body .fi-ta-col-manager .fi-input,
html.fi body.fi-body .fi-ta-col-manager select {
    color: var(--aldx-table-text) !important;
}

html.fi body.fi-body .fi-ta-search-field .fi-input::placeholder {
    color: var(--aldx-table-text-faint) !important;
}

html.fi body.fi-body .fi-ta-search-field svg,
html.fi body.fi-body .fi-pagination-records-per-page-select svg {
    color: var(--aldx-table-text-faint) !important;
    stroke: currentColor !important;
}

html.fi body.fi-body .fi-ta-header-toolbar .fi-btn,
html.fi body.fi-body .fi-ta-header-toolbar .fi-icon-btn,
html.fi body.fi-body .fi-pagination-previous-btn,
html.fi body.fi-body .fi-pagination-next-btn,
html.fi body.fi-body .fi-ta-selection-indicator .fi-btn,
html.fi body.fi-body .fi-ta-selection-indicator .fi-link {
    background: #fff !important;
    color: var(--aldx-table-text) !important;
    border: 1px solid var(--aldx-table-border-strong) !important;
    border-radius: 14px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html.fi body.fi-body .fi-ta-header-toolbar .fi-btn:hover,
html.fi body.fi-body .fi-ta-header-toolbar .fi-icon-btn:hover,
html.fi body.fi-body .fi-pagination-previous-btn:hover,
html.fi body.fi-body .fi-pagination-next-btn:hover {
    background: var(--aldx-table-bg-soft) !important;
    border-color: rgba(16, 185, 129, 0.35) !important;
    transform: none !important;
}

html.fi body.fi-body .fi-ta-header-toolbar .fi-btn svg,
html.fi body.fi-body .fi-ta-header-toolbar .fi-icon-btn svg,
html.fi body.fi-body .fi-pagination-previous-btn svg,
html.fi body.fi-body .fi-pagination-next-btn svg {
    color: var(--aldx-table-text-muted) !important;
    stroke: currentColor !important;
}

html.fi body.fi-body .fi-ta-content table,
html.fi body.fi-body table.fi-ta-table {
    background: transparent !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

html.fi body.fi-body .fi-ta-table thead th,
html.fi body.fi-body .fi-ta-content-header {
    background: var(--aldx-table-bg-soft) !important;
}

html.fi body.fi-body .fi-ta-table thead th {
    color: var(--aldx-table-text-muted) !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    border-bottom: 1px solid var(--aldx-table-border) !important;
    padding: 0.95rem 1rem !important;
    white-space: nowrap;
}

html.fi body.fi-body .fi-ta-header-cell-sort-btn {
    color: inherit !important;
    gap: 0.35rem !important;
}

html.fi body.fi-body .fi-ta-header-cell-sort-btn svg {
    color: var(--aldx-table-text-faint) !important;
    stroke: currentColor !important;
}

html.fi body.fi-body .fi-ta-row {
    background: transparent !important;
    transition: background-color 160ms ease, box-shadow 160ms ease !important;
}

html.fi body.fi-body .fi-ta-table tbody td,
html.fi body.fi-body .fi-ta-cell {
    color: var(--aldx-table-text) !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
    padding: 1rem !important;
    vertical-align: middle !important;
}

html.fi body.fi-body .fi-ta-row:last-child .fi-ta-cell {
    border-bottom-color: transparent !important;
}

html.fi body.fi-body .fi-ta-row:hover .fi-ta-cell,
html.fi body.fi-body .fi-ta-row.fi-selected .fi-ta-cell {
    background: var(--aldx-table-bg-hover) !important;
}

html.fi body.fi-body .fi-ta-row.fi-clickable:hover {
    box-shadow: inset 0 0 0 9999px rgba(16, 185, 129, 0.03) !important;
}

html.fi body.fi-body .fi-ta-cell-label {
    color: var(--aldx-table-text-muted) !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
}

html.fi body.fi-body .fi-checkbox-input {
    accent-color: #10b981 !important;
}

html.fi body.fi-body .fi-ta .fi-badge,
html.fi body.fi-body .fi-resource-view-record-page .fi-in-text .fi-badge {
    border-radius: 999px !important;
    font-weight: 600 !important;
    padding-inline: 0.6rem !important;
    min-height: 1.65rem !important;
    box-shadow: none !important;
    color: var(--aldx-table-text) !important;
}

html.fi body.fi-body .fi-ta .fi-badge.fi-color-primary,
html.fi body.fi-body .fi-resource-view-record-page .fi-in-text .fi-badge.fi-color-primary {
    background: rgba(15, 118, 110, 0.08) !important;
    border: 1px solid rgba(15, 118, 110, 0.28) !important;
    color: #0f766e !important;
}

html.fi body.fi-body .fi-ta .fi-badge.fi-color-success,
html.fi body.fi-body .fi-resource-view-record-page .fi-in-text .fi-badge.fi-color-success {
    background: rgba(16, 185, 129, 0.1) !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
    color: #059669 !important;
}

html.fi body.fi-body .fi-ta .fi-badge.fi-color-warning,
html.fi body.fi-body .fi-resource-view-record-page .fi-in-text .fi-badge.fi-color-warning {
    background: rgba(245, 158, 11, 0.1) !important;
    border: 1px solid rgba(245, 158, 11, 0.35) !important;
    color: #b45309 !important;
}

html.fi body.fi-body .fi-ta .fi-badge.fi-color-danger,
html.fi body.fi-body .fi-resource-view-record-page .fi-in-text .fi-badge.fi-color-danger {
    background: rgba(239, 68, 68, 0.08) !important;
    border: 1px solid rgba(239, 68, 68, 0.28) !important;
    color: #dc2626 !important;
}

html.fi body.fi-body .fi-ta .fi-badge.fi-color-gray,
html.fi body.fi-body .fi-ta .fi-badge.fi-color-info,
html.fi body.fi-body .fi-resource-view-record-page .fi-in-text .fi-badge.fi-color-gray,
html.fi body.fi-body .fi-resource-view-record-page .fi-in-text .fi-badge.fi-color-info {
    background: rgba(148, 163, 184, 0.12) !important;
    border: 1px solid rgba(148, 163, 184, 0.28) !important;
    color: #475569 !important;
}

html.fi body.fi-body .fi-ta .fi-link {
    color: #0f766e !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

html.fi body.fi-body .fi-ta .fi-link:hover {
    color: #0f172a !important;
}

html.fi body.fi-body .fi-ta-actions {
    gap: 0.8rem !important;
}

html.fi body.fi-body .fi-ta-actions-header-cell,
html.fi body.fi-body .fi-ta-selection-cell {
    width: 1% !important;
    white-space: nowrap !important;
}

html.fi body.fi-body .fi-ta-filter-indicators {
    background: transparent !important;
    padding-top: 0.35rem !important;
    padding-bottom: 0.85rem !important;
}

html.fi body.fi-body .fi-ta-filter-indicators-badges-ctn {
    gap: 0.5rem !important;
}

html.fi body.fi-body .fi-pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.85rem !important;
    padding: 1rem 1.5rem 1.35rem !important;
    border-top: 1px solid var(--aldx-table-border) !important;
    background: #fff !important;
}

html.fi body.fi-body .fi-pagination-overview {
    color: var(--aldx-table-text-muted) !important;
    font-size: 0.9rem !important;
}

html.fi body.fi-body .fi-pagination-items {
    display: flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
}

html.fi body.fi-body .fi-pagination-item-btn {
    min-width: 2.15rem !important;
    min-height: 2.15rem !important;
    border-radius: 10px !important;
    border: 1px solid transparent !important;
    color: var(--aldx-table-text-muted) !important;
    background: transparent !important;
}

html.fi body.fi-body .fi-pagination-item.fi-active .fi-pagination-item-btn {
    background: #ecfdf5 !important;
    border-color: rgba(16, 185, 129, 0.28) !important;
    color: #047857 !important;
}

html.fi body.fi-body .fi-pagination-item:not(.fi-active):not(.fi-disabled) .fi-pagination-item-btn:hover {
    background: var(--aldx-table-bg-soft) !important;
    border-color: var(--aldx-table-border) !important;
    color: var(--aldx-table-text) !important;
}

html.fi body.fi-body .fi-pagination-item-icon {
    color: currentColor !important;
    stroke: currentColor !important;
}

html.fi body.fi-body .fi-ta-empty-state,
html.fi body.fi-body .fi-ta-filters,
html.fi body.fi-body .fi-ta-col-manager {
    background: #fff !important;
    color: var(--aldx-table-text) !important;
}

html.fi body.fi-body .fi-ta-empty-state-content {
    padding: 2rem 1.5rem !important;
}

html.fi body.fi-body .fi-ta-filters-header,
html.fi body.fi-body .fi-ta-filters-actions-ctn {
    border-color: var(--aldx-table-border) !important;
}

html.fi body.fi-body .fi-dropdown-panel,
html.fi body.fi-body .fi-modal-window {
    background: rgba(255, 255, 255, 0.98) !important;
    color: var(--aldx-table-text) !important;
}

html.fi body.fi-body .fi-ta .fi-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999 !important;
}

html.fi body.fi-body .fi-dropdown-list-item-label,
html.fi body.fi-body .fi-modal-heading,
html.fi body.fi-body .fi-modal-description {
    color: var(--aldx-table-text) !important;
}

@media (max-width: 960px) {
    html.fi body.fi-body .fi-ta-header-toolbar {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    html.fi body.fi-body .fi-ta-header-toolbar > div:last-child {
        width: 100%;
        flex-wrap: wrap;
    }

    html.fi body.fi-body .fi-pagination {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }
}

/* ===== RESOURCE CREATE, EDIT & VIEW RECORD PAGES REFINEMENT ===== */
html.fi body.fi-body .fi-resource-create-record-page form,
html.fi body.fi-body .fi-resource-edit-record-page form,
html.fi body.fi-body .fi-resource-view-record-page form {
    background: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    border-radius: 20px !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.06) !important;
    padding: 2.25rem !important;
}

/* Fields & Inputs inside forms */
html.fi body.fi-body .fi-resource-create-record-page form .fi-input-wrp,
html.fi body.fi-body .fi-resource-edit-record-page form .fi-input-wrp,
html.fi body.fi-body .fi-resource-view-record-page form .fi-input-wrp {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

html.fi body.fi-body .fi-resource-create-record-page form .fi-input-wrp:focus-within,
html.fi body.fi-body .fi-resource-edit-record-page form .fi-input-wrp:focus-within,
html.fi body.fi-body .fi-resource-view-record-page form .fi-input-wrp:focus-within {
    border-color: #10b981 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15) !important;
}

html.fi body.fi-body .fi-resource-create-record-page form .fi-input,
html.fi body.fi-body .fi-resource-create-record-page form select,
html.fi body.fi-body .fi-resource-create-record-page form textarea,
html.fi body.fi-body .fi-resource-edit-record-page form .fi-input,
html.fi body.fi-body .fi-resource-edit-record-page form select,
html.fi body.fi-body .fi-resource-edit-record-page form textarea,
html.fi body.fi-body .fi-resource-view-record-page form .fi-input,
html.fi body.fi-body .fi-resource-view-record-page form select,
html.fi body.fi-body .fi-resource-view-record-page form textarea {
    color: #0f172a !important;
}

html.fi body.fi-body .fi-resource-create-record-page form .fi-input::placeholder,
html.fi body.fi-body .fi-resource-edit-record-page form .fi-input::placeholder,
html.fi body.fi-body .fi-resource-create-record-page form .fi-textarea::placeholder,
html.fi body.fi-body .fi-resource-edit-record-page form .fi-textarea::placeholder,
html.fi body.fi-body .fi-resource-view-record-page form .fi-input::placeholder,
html.fi body.fi-body .fi-resource-view-record-page form .fi-textarea::placeholder {
    color: #64748b !important;
}

html.fi body.fi-body .fi-resource-create-record-page form select option,
html.fi body.fi-body .fi-resource-edit-record-page form select option,
html.fi body.fi-body .fi-resource-view-record-page form select option {
    background: #ffffff !important;
    color: #0f172a !important;
}

html.fi body.fi-body .fi-resource-create-record-page form .fi-input-wrp svg,
html.fi body.fi-body .fi-resource-edit-record-page form .fi-input-wrp svg,
html.fi body.fi-body .fi-resource-view-record-page form .fi-input-wrp svg {
    color: #64748b !important;
    stroke: currentColor !important;
}

/* Labels visibility */
html.fi body.fi-body .fi-resource-create-record-page form .fi-fo-field-wrp-label span,
html.fi body.fi-body .fi-resource-create-record-page form .fi-fo-field-wrp label,
html.fi body.fi-body .fi-resource-edit-record-page form .fi-fo-field-wrp-label span,
html.fi body.fi-body .fi-resource-edit-record-page form .fi-fo-field-wrp label,
html.fi body.fi-body .fi-resource-view-record-page form .fi-fo-field-wrp-label span,
html.fi body.fi-body .fi-resource-view-record-page form .fi-fo-field-wrp label {
    color: #0f172a !important;
    font-weight: 600 !important;
}

/* Required field indicator mark */
html.fi body.fi-body .fi-resource-create-record-page form .fi-fo-field-wrp-label-required-mark,
html.fi body.fi-body .fi-resource-edit-record-page form .fi-fo-field-wrp-label-required-mark,
html.fi body.fi-body .fi-resource-view-record-page form .fi-fo-field-wrp-label-required-mark {
    color: #ef4444 !important;
}

/* Helper text & description details */
html.fi body.fi-body .fi-resource-create-record-page form .fi-fo-field-wrp-helper-text,
html.fi body.fi-body .fi-resource-edit-record-page form .fi-fo-field-wrp-helper-text,
html.fi body.fi-body .fi-resource-view-record-page form .fi-fo-field-wrp-helper-text {
    color: #475569 !important;
}

/* Nested section panels if grouped */
html.fi body.fi-body .fi-resource-create-record-page form .fi-fo-section,
html.fi body.fi-body .fi-resource-edit-record-page form .fi-fo-section,
html.fi body.fi-body .fi-resource-view-record-page form .fi-fo-section {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

html.fi body.fi-body .fi-resource-create-record-page form .fi-fo-section-header,
html.fi body.fi-body .fi-resource-edit-record-page form .fi-fo-section-header,
html.fi body.fi-body .fi-resource-view-record-page form .fi-fo-section-header {
    background: #f1f5f9 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

html.fi body.fi-body .fi-resource-create-record-page form .fi-fo-section-header h2,
html.fi body.fi-body .fi-resource-create-record-page form .fi-fo-section-header h3,
html.fi body.fi-body .fi-resource-edit-record-page form .fi-fo-section-header h2,
html.fi body.fi-body .fi-resource-edit-record-page form .fi-fo-section-header h3,
html.fi body.fi-body .fi-resource-view-record-page form .fi-fo-section-header h2,
html.fi body.fi-body .fi-resource-view-record-page form .fi-fo-section-header h3 {
    color: #0f172a !important;
}

/* Nested tabs style overrides */
html.fi body.fi-body .fi-resource-create-record-page form .fi-tabs,
html.fi body.fi-body .fi-resource-edit-record-page form .fi-tabs,
html.fi body.fi-body .fi-resource-view-record-page form .fi-tabs {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
}

html.fi body.fi-body .fi-resource-create-record-page form .fi-tab,
html.fi body.fi-body .fi-resource-edit-record-page form .fi-tab,
html.fi body.fi-body .fi-resource-view-record-page form .fi-tab {
    color: #475569 !important;
}

html.fi body.fi-body .fi-resource-create-record-page form .fi-tab.fi-active,
html.fi body.fi-body .fi-resource-edit-record-page form .fi-tab.fi-active,
html.fi body.fi-body .fi-resource-view-record-page form .fi-tab.fi-active {
    background: #ffffff !important;
    color: #0f172a !important;
    border-bottom: 2px solid #10b981 !important;
}

/* ===== IMPORT CSV / STANDARD MODALS REFINEMENT ===== */
html.fi body.fi-body .fi-modal-window .fi-modal-content {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 1.5rem 2rem !important;
}

html.fi body.fi-body .fi-modal-window .fi-modal-header {
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 1.5rem 2rem !important;
}

html.fi body.fi-body .fi-modal-window .fi-modal-header h2 {
    color: #0f172a !important;
    font-weight: 700 !important;
    font-size: 1.25rem !important;
}

html.fi body.fi-body .fi-modal-window .fi-modal-description {
    color: #475569 !important;
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    margin-bottom: 1.5rem !important;
}

/* Modal form label & required mark */
html.fi body.fi-body .fi-modal-window .fi-fo-field-wrp-label span,
html.fi body.fi-body .fi-modal-window .fi-fo-field-wrp label {
    color: #0f172a !important;
    font-weight: 700 !important;
    font-size: 0.74rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
}

html.fi body.fi-body .fi-modal-window .fi-fo-field-wrp-label-required-mark {
    color: #ef4444 !important;
}

/* Uploader Dropzone styling */
html.fi body.fi-body .fi-modal-window .filepond--panel-root {
    background-color: #f8fafc !important;
    border: 2px dashed #cbd5e1 !important;
    border-radius: 16px !important;
}

html.fi body.fi-body .fi-modal-window .filepond--root:hover .filepond--panel-root {
    border-color: #10b981 !important;
    background-color: #f0fdf4 !important;
}

html.fi body.fi-body .fi-modal-window .filepond--drop-label {
    color: #475569 !important;
}

html.fi body.fi-body .fi-modal-window .filepond--drop-label label {
    color: #475569 !important;
}

html.fi body.fi-body .fi-modal-window .filepond--drop-label .filepond--label-action {
    color: #10b981 !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}

/* Common headers description helper text */
html.fi body.fi-body .fi-modal-window .fi-fo-field-wrp-helper-text {
    color: #64748b !important;
    font-size: 0.8rem !important;
    line-height: 1.4 !important;
    margin-top: 0.75rem !important;
}

/* Modal form controls must stay readable on light modal surfaces */
html.fi body.fi-body .fi-modal-window .fi-input-wrp {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
}

html.fi body.fi-body .fi-modal-window .fi-input-wrp:focus-within {
    background: #ffffff !important;
    border-color: #10b981 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15) !important;
}

html.fi body.fi-body .fi-modal-window .fi-input,
html.fi body.fi-body .fi-modal-window select,
html.fi body.fi-body .fi-modal-window textarea,
html.fi body.fi-body .fi-modal-window .fi-select-input-btn,
html.fi body.fi-body .fi-modal-window .fi-select-input-value-label,
html.fi body.fi-body .fi-modal-window .fi-select-input-value-ctn,
html.fi body.fi-body .fi-modal-window .fi-select-input-search-ctn input {
    color: #0f172a !important;
}

html.fi body.fi-body .fi-modal-window .fi-input::placeholder,
html.fi body.fi-body .fi-modal-window textarea::placeholder,
html.fi body.fi-body .fi-modal-window .fi-select-input-placeholder,
html.fi body.fi-body .fi-modal-window .fi-select-input-search-ctn input::placeholder {
    color: #64748b !important;
}

html.fi body.fi-body .fi-modal-window .fi-input-wrp svg,
html.fi body.fi-body .fi-modal-window .fi-select-input-value-remove-btn,
html.fi body.fi-body .fi-modal-window .fi-select-input-value-remove-btn svg {
    color: #64748b !important;
    stroke: currentColor !important;
}

html.fi body.fi-body .fi-modal-window select option,
html.fi body.fi-body .fi-modal-window .fi-select-input-search-ctn,
html.fi body.fi-body .fi-modal-window .fi-dropdown-panel,
html.fi body.fi-body .fi-modal-window .fi-select-input-options-ctn {
    background: #ffffff !important;
}

html.fi body.fi-body .fi-modal-window .fi-select-input-option,
html.fi body.fi-body .fi-modal-window .fi-select-input-option-group .fi-dropdown-header,
html.fi body.fi-body .fi-modal-window .fi-dropdown-list-item,
html.fi body.fi-body .fi-modal-window .fi-dropdown-list-item-label,
html.fi body.fi-body .fi-modal-window .fi-select-input-message {
    color: #0f172a !important;
}

html.fi body.fi-body .fi-modal-window .fi-select-input-option.fi-selected,
html.fi body.fi-body .fi-modal-window .fi-dropdown-list-item:focus,
html.fi body.fi-body .fi-modal-window .fi-dropdown-list-item:hover {
    background: #f1f5f9 !important;
}

html.fi body.fi-body .fi-modal-window .fi-select-input-value-badges-ctn .fi-badge,
html.fi body.fi-body .fi-modal-window .fi-select-input-value-badges-ctn .fi-badge-label,
html.fi body.fi-body .fi-modal-window .fi-select-input-value-badges-ctn .fi-badge-delete-btn,
html.fi body.fi-body .fi-modal-window .fi-select-input-value-badges-ctn .fi-badge-delete-btn svg {
    color: #0f172a !important;
    stroke: currentColor !important;
}

html.fi body.fi-body .fi-modal-window .fi-select-input-value-badges-ctn .fi-badge {
    background: #e2e8f0 !important;
    box-shadow: inset 0 0 0 1px #cbd5e1 !important;
}

/* Modal Footer & Action Buttons styling */
html.fi body.fi-body .fi-modal-window .fi-modal-footer {
    border-top: 1px solid #e2e8f0 !important;
    background: #f8fafc !important;
    padding: 1.25rem 2rem !important;
}

html.fi body.fi-body .fi-modal-window .fi-modal-footer button,
html.fi body.fi-body .fi-modal-window .fi-modal-footer .fi-btn {
    border-radius: 12px !important;
    padding: 0.6rem 1.5rem !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

/* Submit/Confirm button */
html.fi body.fi-body .fi-modal-window .fi-modal-footer .fi-btn-color-primary,
html.fi body.fi-body .fi-modal-window .fi-modal-footer button[type="submit"] {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25) !important;
}

html.fi body.fi-body .fi-modal-window .fi-modal-footer .fi-btn-color-primary:hover,
html.fi body.fi-body .fi-modal-window .fi-modal-footer button[type="submit"]:hover {
    box-shadow: 0 6px 18px rgba(16, 185, 129, 0.4) !important;
    transform: translateY(-1px);
}

/* Cancel/Close button */
html.fi body.fi-body .fi-modal-window .fi-modal-footer .fi-btn-color-gray,
html.fi body.fi-body .fi-modal-window .fi-modal-footer button[x-on\:click*="close"],
html.fi body.fi-body .fi-modal-window .fi-modal-footer button[x-on\:click*="isOpen"] {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

html.fi body.fi-body .fi-modal-window .fi-modal-footer .fi-btn-color-gray:hover,
html.fi body.fi-body .fi-modal-window .fi-modal-footer button[x-on\:click*="close"]:hover,
html.fi body.fi-body .fi-modal-window .fi-modal-footer button[x-on\:click*="isOpen"]:hover {
    background: #f8fafc !important;
    color: #0f172a !important;
    border-color: #94a3b8 !important;
}

/* ===== Resource form-action footer (Create / Save / Cancel) =====
   Filament 4 uses the same action schema on create and edit pages. Keep all
   resource form actions readable instead of inheriting white glass text. */
html.fi body.fi-body :is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-sc-form .fi-sc-actions {
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    margin-top: 1rem !important;
    padding: 0.75rem 1rem !important;
}

html.fi body.fi-body :is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-sc-actions .fi-btn {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    color: #475569 !important;
    font-weight: 600 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

html.fi body.fi-body :is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-sc-actions .fi-btn.fi-color-primary {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25) !important;
}

html.fi body.fi-body :is(.fi-resource-create-record-page, .fi-resource-edit-record-page) .fi-sc-actions .fi-btn:not(.fi-color-primary):hover {
    background: #f1f5f9 !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

/* ===== ViewRecord readability overlay =====
   Keep the generated Filament layout, but separate it from the photo. */
html.fi body.fi-body .fi-resource-view-record-page .fi-header,
html.fi body.fi-body .fi-resource-view-record-page .fi-page-content {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(255, 255, 255, 0.75) !important;
    border-radius: 18px !important;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.14) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
}

html.fi body.fi-body .fi-resource-view-record-page .fi-header {
    padding: 1.25rem 1.5rem !important;
}

html.fi body.fi-body .fi-resource-view-record-page .fi-page-content {
    padding: 1.5rem !important;
}

html.fi body.fi-body .fi-resource-view-record-page .fi-header-actions-ctn .fi-btn {
    background: #059669 !important;
    border-color: #047857 !important;
    color: #ffffff !important;
}

html.fi body.fi-body .fi-resource-view-record-page .fi-header-actions-ctn .fi-btn svg {
    color: #ffffff !important;
}

html.fi body.fi-body .fi-resource-view-record-page .fi-header-heading,
html.fi body.fi-body .fi-resource-view-record-page .fi-header-subheading,
html.fi body.fi-body .fi-resource-view-record-page .fi-breadcrumbs,
html.fi body.fi-body .fi-resource-view-record-page .fi-breadcrumbs a,
html.fi body.fi-body .fi-resource-view-record-page .fi-in-entry-label,
html.fi body.fi-body .fi-resource-view-record-page .fi-in-entry-content,
html.fi body.fi-body .fi-resource-view-record-page .fi-in-text,
html.fi body.fi-body .fi-resource-view-record-page .fi-in-text-item {
    color: #0f172a !important;
    text-shadow: none !important;
}

@media (max-width: 640px) {
    html.fi body.fi-body .fi-resource-view-record-page .fi-header,
    html.fi body.fi-body .fi-resource-view-record-page .fi-page-content {
        border-radius: 14px !important;
        padding: 1rem !important;
    }
}