/* Admin Panel Custom Styles */ /* Dropdown panels: Filament scopes z-index to .fi-dropdown .fi-dropdown-panel, but when `teleport` is used the panel moves to and the scoped rule no longer matches — so we set z-index directly on the panel class. */ .fi-dropdown-panel { z-index: 50 !important; } /* Button border radius */ .fi-btn { border-radius: 4px !important; } /* Cards and containers */ .fi-card, .fi-card-header, .fi-card-content, .fi-card-footer, .fi-modal, .fi-modal-content, .fi-modal-header, .fi-modal-body, .fi-modal-footer { border-radius: 5px !important; } /* Form elements */ .fi-input, .fi-input input, .fi-select, .fi-select select, .fi-textarea, .fi-textarea textarea, .fi-toggle, .fi-toggle input, .fi-checkbox, .fi-checkbox input, .fi-radio, .fi-radio input { border-radius: 5px !important; } /* UI elements */ .fi-badge, .fi-dropdown, .fi-dropdown-content, .fi-table, .fi-table th, .fi-table td, .fi-pagination, .fi-pagination button, .fi-pagination a { border-radius: 5px !important; } /* Additional form elements */ .fi-fieldset, .fi-fieldset-content, .fi-section, .fi-section-content, .fi-tabs, .fi-tabs-content, .fi-accordion, .fi-accordion-content { border-radius: 5px !important; } /* Slide-over specific */ .fi-slide-over, .fi-slide-over-content, .fi-slide-over-header, .fi-slide-over-body, .fi-slide-over-footer { border-radius: 5px !important; } .fi-sidebar { border-radius: 0 !important; } .fi-main { border-radius: 0 !important; } /* Navigation Styles */ .fi-topbar { border-radius: 0 !important; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); } /* Make resource subnav full width and above breadcrumbs */ .fi-entities-top-subnav { width: 100% !important; margin-bottom: 0 !important; position: sticky !important; top: 0 !important; z-index: 40 !important; /* above content */ } .fi-page-sub-navigation-tabs { width: 100% !important; max-width: none !important; } /* stretch tab container to the page edges */ .fi-page .fi-page-main > .fi-page-sub-navigation-tabs, .fi-entities-top-subnav .fi-page-sub-navigation-tabs { padding-left: 0 !important; padding-right: 0 !important; margin-left: -1.25rem !important; /* pull flush with container */ margin-right: -1.25rem !important; background: #ffffff !important; border-bottom: 1px solid #e5e7eb !important; /* light gray */ } /* Remove custom Entities top subnav styling */ .fi-sidebar { border-radius: 0 !important; box-shadow: 1px 0 3px 0 rgb(0 0 0 / 0.1), 1px 0 2px -1px rgb(0 0 0 / 0.1); } .fi-navigation-item { border-radius: 2px !important; margin: 2px 0 !important; } .fi-navigation-item:hover { background-color: rgb(59 130 246 / 0.1) !important; } .fi-navigation-item.is-active { background-color: rgb(59 130 246 / 0.2) !important; color: rgb(59 130 246) !important; } .fi-navigation-group { margin-bottom: 1rem !important; } .fi-navigation-group-label { font-weight: 600 !important; font-size: 0.75rem !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; color: rgb(107 114 128) !important; margin-bottom: 0.5rem !important; } /* Narrower sidebar */ .fi-sidebar { width: 200px !important; min-width: 200px !important; } .fi-sidebar-nav { width: 200px !important; } /* Remove collapsible functionality */ .fi-sidebar-collapse-button { display: none !important; } /* Override any remaining border radius */ *[class*="fi-"] { border-radius: 5px !important; } /* Exception for buttons */ .fi-btn, .fi-btn * { border-radius: 4px !important; } /* Exception for navigation items */ .fi-navigation-item { border-radius: 2px !important; } /* Exception for sidebar and main */ .fi-sidebar, .fi-main, .fi-topbar { border-radius: 0 !important; } /* Wizard Steps Alternating Colors */ .fi-fo-repeater[data-field-wrapper-id*="wizard_steps"] .fi-fo-repeater-item:nth-child(odd) { background-color: #f9fafb !important; border-radius: 8px !important; padding: 16px !important; margin-bottom: 12px !important; border: 1px solid #e5e7eb !important; } .fi-fo-repeater[data-field-wrapper-id*="wizard_steps"] .fi-fo-repeater-item:nth-child(even) { background-color: #eff6ff !important; border-radius: 8px !important; padding: 16px !important; margin-bottom: 12px !important; border: 1px solid #dbeafe !important; } /* Wizard Fields Alternating Colors */ .fi-fo-repeater[data-field-wrapper-id*="fields"] .fi-fo-repeater-item:nth-child(odd) { background-color: #f8fafc !important; border-radius: 6px !important; padding: 12px !important; margin-bottom: 8px !important; border: 1px solid #e2e8f0 !important; } .fi-fo-repeater[data-field-wrapper-id*="fields"] .fi-fo-repeater-item:nth-child(even) { background-color: #f0f9ff !important; border-radius: 6px !important; padding: 12px !important; margin-bottom: 8px !important; border: 1px solid #bae6fd !important; }