/**
 * Filament list/table chrome for all resource pages.
 * Palette matches the staff panel Premium Food theme.
 */

.fi-page {
    color: #141414;
}

.fi-header-heading,
.fi-wi-widget-heading,
.dark .fi-header-heading {
    color: #141414 !important;
    font-size: 1.85rem;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.fi-breadcrumbs,
.fi-breadcrumbs a,
.dark .fi-breadcrumbs,
.dark .fi-breadcrumbs a {
    color: #6B6B6B !important;
}

.fi-header-subheading,
.fi-section-header-description {
    color: #6B6B6B !important;
}

.fi-btn-color-primary,
.fi-ac-btn-action.fi-btn-color-primary {
    background-color: #FF5D01 !important;
    border-color: #FF5D01 !important;
    color: #ffffff !important;
    border-radius: 0.8rem;
}

.fi-btn-color-primary:hover {
    background-color: #E85400 !important;
    border-color: #E85400 !important;
}

.fi-tabs,
.fi-tabs-item,
.boostx-cluster-tabs {
    color: #6B6B6B;
}

.boostx-cluster-tabs .fi-tabs-item.fi-active,
.boostx-cluster-tabs .fi-tabs-item[aria-selected="true"],
.fi-page-sub-navigation-tabs .fi-tabs-item.fi-active,
.fi-page-sub-navigation-tabs .fi-tabs-item[aria-selected="true"] {
    background-color: #1D4D2B !important;
    background-image: none !important;
    color: #ffffff !important;
    border-radius: 0.7rem;
}

.boostx-cluster-tabs .fi-tabs-item.fi-active .fi-tabs-item-label,
.boostx-cluster-tabs .fi-tabs-item.fi-active .fi-icon,
.boostx-cluster-tabs .fi-tabs-item.fi-active svg,
.boostx-cluster-tabs .fi-tabs-item[aria-selected="true"] .fi-tabs-item-label,
.boostx-cluster-tabs .fi-tabs-item[aria-selected="true"] svg,
.fi-page-sub-navigation-tabs .fi-tabs-item.fi-active .fi-tabs-item-label,
.fi-page-sub-navigation-tabs .fi-tabs-item.fi-active svg,
.fi-page-sub-navigation-tabs .fi-tabs-item[aria-selected="true"] .fi-tabs-item-label,
.fi-page-sub-navigation-tabs .fi-tabs-item[aria-selected="true"] svg {
    color: #ffffff !important;
}

.fi-ta-ctn,
.dark .fi-ta-ctn {
    overflow: visible;
    border: 1px solid #EDE4D8 !important;
    border-radius: 1.25rem;
    background: #ffffff !important;
    box-shadow: 0 8px 24px rgba(20, 20, 20, 0.04);
    color: #141414 !important;
}

.fi-ta-header-toolbar,
.dark .fi-ta-header-toolbar {
    background: #ffffff !important;
    color: #141414 !important;
}

.fi-ta-header-toolbar > div:has(> .fi-ta-search-field) {
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    margin-inline-start: 0 !important;
}

.fi-ta-header-toolbar > div:has(> .fi-ta-search-field) > :not(.fi-ta-search-field) {
    order: 1;
    flex-shrink: 0;
}

.fi-ta-header-toolbar .fi-ta-search-field {
    order: 2;
    margin-inline-start: auto !important;
    flex: 0 1 18rem;
    max-width: 18rem;
    width: 100%;
}

.fi-ta-header-toolbar {
    position: relative;
    z-index: auto;
    overflow: visible;
}

.fi-ta-header-toolbar .fi-ta-filters-dropdown {
    display: none !important;
}

.fi-ta-header-toolbar .fi-ta-col-manager-dropdown,
.fi-ta-header-toolbar .fi-dropdown {
    position: relative;
    z-index: 3;
}

.fi-ta-header-toolbar .fi-dropdown-panel {
    z-index: 4 !important;
}

.fi-ta-search .fi-input-wrp,
.fi-ta-search-field .fi-input-wrp,
.dark .fi-ta-search .fi-input-wrp {
    background: #ffffff !important;
    border-color: #EDE4D8 !important;
    border-radius: 999px;
    overflow: hidden;
}

.fi-ta-search input,
.fi-input,
.dark .fi-ta-search input,
.dark .fi-input {
    color: #141414 !important;
}

.fi-ta-search input::placeholder,
.fi-input::placeholder {
    color: #6B6B6B !important;
    opacity: 1;
}

.fi-ta-header,
.dark .fi-ta-header {
    background: #F7F1E8 !important;
}

.fi-ta-header-cell,
.fi-ta-header-cell-label,
.dark .fi-ta-header-cell,
.dark .fi-ta-header-cell-label {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #6B6B6B !important;
    background: #F7F1E8 !important;
    border-color: #EDE4D8 !important;
}

.fi-ta-row,
.dark .fi-ta-row {
    background: #ffffff !important;
}

.fi-ta-row:hover,
.dark .fi-ta-row:hover {
    background: #F7F1E8 !important;
}

.fi-ta-cell,
.fi-ta-text,
.fi-ta-text-item,
.dark .fi-ta-cell,
.dark .fi-ta-text,
.dark .fi-ta-text-item {
    color: #141414 !important;
    border-color: #EDE4D8 !important;
}

.fi-ta-empty-state-heading,
.fi-ta-empty-state-description,
.dark .fi-ta-empty-state-heading,
.dark .fi-ta-empty-state-description {
    color: #6B6B6B !important;
}

.fi-pagination,
.fi-pagination-overview,
.dark .fi-pagination,
.dark .fi-pagination-overview {
    color: #6B6B6B !important;
    background: #ffffff !important;
}

.fi-pagination .fi-active,
.fi-pagination-item.fi-active {
    color: #FF5D01 !important;
    background: #FFF0E8 !important;
}

.fi-ta-actions .fi-link,
.fi-ta-actions .fi-ac-action,
.fi-ta-actions .fi-btn,
.dark .fi-ta-actions .fi-link,
.dark .fi-ta-actions .fi-ac-action {
    font-weight: 600;
}

.fi-ta-actions .fi-color-success,
.fi-ta-actions .fi-color-success .fi-icon {
    color: #1D4D2B !important;
}

.fi-ta-actions .fi-color-warning,
.fi-ta-actions .fi-color-warning .fi-icon,
.fi-ta-actions .fi-color-primary,
.fi-ta-actions .fi-color-primary .fi-icon {
    color: #FF5D01 !important;
}

.fi-ta-actions .fi-color-info,
.fi-ta-actions .fi-color-info .fi-icon {
    color: #185866 !important;
}

.fi-ta-actions .fi-color-gray,
.fi-ta-actions .fi-color-gray .fi-icon {
    color: #6B6B6B !important;
}

.fi-ta-actions .fi-color-danger,
.fi-ta-actions .fi-color-danger .fi-icon {
    color: #B71C1C !important;
}

.fi-badge {
    border-radius: 999px;
    font-weight: 600;
}

.fi-badge.fi-color,
.fi-ta-text .fi-badge,
.bx-status-cell .fi-badge {
    box-shadow: none !important;
}

.bx-status-new .fi-badge,
.bx-status-pending .fi-badge,
.bx-status-placed .fi-badge {
    background-color: #FFF0E8 !important;
    color: #C24700 !important;
    --text: #C24700;
    --dark-text: #C24700;
}

.bx-status-accepted .fi-badge,
.bx-status-preparing .fi-badge,
.bx-status-cooking .fi-badge,
.bx-status-handover .fi-badge {
    background-color: #FFF6E0 !important;
    color: #8A5A00 !important;
    --text: #8A5A00;
    --dark-text: #8A5A00;
}

.bx-status-ready .fi-badge,
.bx-status-completed .fi-badge,
.bx-status-delivered .fi-badge,
.bx-status-paid .fi-badge {
    background-color: #E8F6EE !important;
    color: #1D4D2B !important;
    --text: #1D4D2B;
    --dark-text: #1D4D2B;
}

.bx-status-cancelled .fi-badge,
.bx-status-canceled .fi-badge,
.bx-status-failed .fi-badge,
.bx-status-rejected .fi-badge {
    background-color: #FDECEC !important;
    color: #D32F2F !important;
    --text: #D32F2F;
    --dark-text: #D32F2F;
}

.fi-badge.fi-color-primary,
.fi-badge.fi-color-info {
    background-color: #FFF0E8 !important;
    color: #C24700 !important;
    --text: #C24700;
}

.fi-badge.fi-color-warning {
    background-color: #FFF6E0 !important;
    color: #8A5A00 !important;
    --text: #8A5A00;
}

.fi-badge.fi-color-success {
    background-color: #E8F6EE !important;
    color: #1D4D2B !important;
    --text: #1D4D2B;
}

.fi-badge.fi-color-danger {
    background-color: #FDECEC !important;
    color: #D32F2F !important;
    --text: #D32F2F;
}

.fi-badge.fi-color-gray {
    background-color: #F7F1E8 !important;
    color: #6B6B6B !important;
    --text: #6B6B6B;
}

.fi-badge .fi-badge-label {
    color: inherit !important;
}

.fi-section,
.fi-fo-component-ctn,
.dark .fi-section {
    background: #ffffff;
    border-color: #EDE4D8;
}

.fi-icon-btn {
    color: #6B6B6B;
}

.fi-icon-btn:hover {
    background: #FFF0E8;
    color: #FF5D01;
}

.fi-ta-content,
.fi-ta-content-ctn {
    background: #ffffff !important;
}

.fi-dropdown-panel,
.fi-dropdown-list,
.fi-ta-col-manager,
.dark .fi-dropdown-panel,
.dark .fi-dropdown-list {
    background: #ffffff !important;
    color: #141414 !important;
    border-color: #EDE4D8 !important;
}

.fi-dropdown-list-item,
.fi-dropdown-list-item-label,
.dark .fi-dropdown-list-item,
.dark .fi-dropdown-list-item-label {
    color: #141414 !important;
}

.fi-dropdown-list-item:hover,
.dark .fi-dropdown-list-item:hover {
    background: #F7F1E8 !important;
}

.fi-select-input,
.fi-pagination select,
.dark .fi-pagination select {
    background: #ffffff !important;
    color: #141414 !important;
    border-color: #EDE4D8 !important;
}

.fi-ta-filters,
.fi-fo-wizard,
.dark .fi-ta-filters {
    background: #ffffff !important;
    color: #141414 !important;
}

.fi-ta-placeholder,
.fi-ta-text-item-description,
.dark .fi-ta-placeholder,
.dark .fi-ta-text-item-description {
    color: #6B6B6B !important;
}

.fi-header-actions .fi-btn,
.fi-header-actions .fi-ac-btn-action,
.fi-header-actions-ctn .fi-btn,
.fi-header-actions-ctn .fi-ac-btn-action,
.bx-header-create {
    border-radius: 0.8rem;
}

.fi-header-actions-ctn .fi-btn.fi-color,
.fi-header-actions-ctn .bx-header-create,
.fi-header .bx-header-create,
.bx-header-create.fi-btn {
    --bg: #1D4D2B !important;
    --hover-bg: #163d22 !important;
    --text: #ffffff !important;
    --hover-text: #ffffff !important;
    --dark-bg: #1D4D2B !important;
    --dark-text: #ffffff !important;
    --dark-hover-bg: #163d22 !important;
    --dark-hover-text: #ffffff !important;
    background-color: #1D4D2B !important;
    color: #ffffff !important;
}

.fi-header-actions-ctn .fi-btn.fi-color:hover,
.bx-header-create.fi-btn:hover {
    --bg: #163d22 !important;
    background-color: #163d22 !important;
    color: #ffffff !important;
}

.fi-header-actions-ctn .fi-btn.fi-color,
.fi-header-actions-ctn .fi-btn.fi-color span,
.fi-header-actions-ctn .fi-btn.fi-color svg,
.bx-header-create,
.bx-header-create span,
.bx-header-create svg {
    color: #ffffff !important;
}

.fi-ta-content,
.fi-ta-content-ctn {
    overflow-x: auto;
}

.fi-ta-header-cell.fi-align-end {
    text-align: center !important;
    justify-content: center !important;
    white-space: nowrap;
}

.fi-ta-cell .fi-ta-actions,
.fi-ta-cell:has(> .fi-ta-actions),
td:has(> .fi-ta-actions) {
    text-align: center !important;
    white-space: nowrap;
}

.fi-ta-cell .fi-ta-actions {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center;
    gap: 0.5rem 0.75rem;
    min-width: max-content;
    width: 100%;
}

/* Modals + filter/column dropdowns */
.fi-modal-close-overlay {
    background: rgba(29, 77, 43, 0.32) !important;
}

.fi-modal-window,
.dark .fi-modal-window {
    background: #ffffff !important;
    color: #141414 !important;
    border: 1px solid #EDE4D8 !important;
    box-shadow: 0 18px 48px rgba(20, 20, 20, 0.14);
}

.fi-modal-header,
.fi-modal-content,
.fi-modal-footer,
.dark .fi-modal-header,
.dark .fi-modal-content,
.dark .fi-modal-footer {
    background: #ffffff !important;
    color: #141414 !important;
    border-color: #EDE4D8 !important;
}

.fi-modal-heading,
.dark .fi-modal-heading {
    color: #141414 !important;
}

.fi-modal-description,
.dark .fi-modal-description {
    color: #6B6B6B !important;
}

.fi-modal-close-btn {
    color: #6B6B6B !important;
}

.fi-modal-close-btn:hover {
    background: #FFF0E8 !important;
    color: #FF5D01 !important;
}

.fi-modal .fi-input-wrp,
.fi-ta-filters .fi-input-wrp,
.fi-ta-col-manager .fi-input-wrp,
.fi-modal .fi-select-input,
.fi-ta-filters .fi-select-input {
    background: #ffffff !important;
    border-color: #EDE4D8 !important;
    color: #141414 !important;
}

.fi-modal .fi-fo-field-label,
.fi-ta-filters .fi-fo-field-label,
.fi-ta-filters-heading,
.fi-ta-col-manager .fi-ta-col-manager-heading {
    color: #141414 !important;
}

.fi-ta-filters,
.fi-ta-filters-dropdown .fi-dropdown-panel,
.fi-ta-col-manager-dropdown .fi-dropdown-panel {
    background: #ffffff !important;
    color: #141414 !important;
    border-color: #EDE4D8 !important;
}

.fi-ta-filters-apply-action-ctn .fi-btn,
.fi-ta-filters-apply-action-ctn .fi-btn.fi-color,
.fi-modal-footer .fi-btn.fi-color-primary,
.fi-modal-footer .fi-btn.fi-color-success,
.fi-modal-footer .fi-btn.fi-color:not(.fi-color-danger):not(.fi-color-gray):not(.fi-outlined) {
    --bg: #1D4D2B !important;
    --hover-bg: #163d22 !important;
    --text: #ffffff !important;
    --hover-text: #ffffff !important;
    --dark-bg: #1D4D2B !important;
    --dark-text: #ffffff !important;
    background-color: #1D4D2B !important;
    color: #ffffff !important;
    border-radius: 0.8rem;
}

.fi-ta-filters-apply-action-ctn .fi-btn span,
.fi-ta-filters-apply-action-ctn .fi-btn svg,
.fi-modal-footer .fi-btn.fi-color-primary,
.fi-modal-footer .fi-btn.fi-color-primary span {
    color: #ffffff !important;
}

.fi-modal-footer .fi-btn.fi-outlined,
.fi-modal-footer .fi-btn.fi-color-gray {
    background: #ffffff !important;
    border-color: #EDE4D8 !important;
    color: #141414 !important;
    --text: #141414 !important;
    --bg: #ffffff !important;
}

.fi-modal-footer .fi-btn.fi-color-danger,
.fi-ta-filters .fi-link.fi-color-danger {
    --text: #D32F2F !important;
}

.fi-modal-footer .fi-btn.fi-color-danger:not(.fi-outlined) {
    --bg: #D32F2F !important;
    --text: #ffffff !important;
    background-color: #D32F2F !important;
    color: #ffffff !important;
}

.bx-support-hours-banner-wrap,
.bx-support-hours-banner {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

.bx-support-hours-banner {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #C9B59A;
    border-radius: 1.15rem;
    box-shadow: 0 8px 24px rgba(20, 20, 20, 0.04);
}

.bx-support-hours-banner__header {
    padding: 0.85rem 1.15rem;
    background: #F7F1E8;
    border-bottom: 1px solid #EDE4D8;
    color: #1D4D2B;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.bx-support-hours-banner__body {
    padding: 1rem 1.15rem 1.15rem;
}

.bx-support-hours-banner__timezone {
    margin: 0 0 0.35rem;
    color: #6B6B6B;
    font-size: 0.875rem;
}

.bx-support-hours-banner__lines {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #141414;
    font-size: 0.9375rem;
}

.bx-support-hours-banner__lines li + li {
    margin-top: 0.25rem;
}
