/* * Proline admin theme layer — sits on top of Filament's default Tailwind theme. * Visual direction per Dima: tasmania.kyiv.ua (Nunito font, rounded blocks, hover * lift/scale effects). Palette pulled from that site's actual CSS (sky-blue/aqua family), * not guessed — see AdminPanelProvider.php comment for the source colors. * Works in both light and dark mode (Filament toggles a `.dark` class on ). */ :root, .dark { --proline-radius-lg: 1.25rem; --proline-radius-md: 0.85rem; --proline-accent: #0f74c9; --proline-accent-light: #4fc3f7; } body, .fi-body { font-family: 'Nunito', ui-sans-serif, system-ui, sans-serif !important; } /* Rounded cards/panels everywhere, not just buttons — the "rounded blocks" look */ .fi-section, .fi-ta-content, .fi-modal-window, .fi-fo-field-wrp, .fi-sidebar-nav-groups, .fi-topbar, .fi-input, .fi-select-input { border-radius: var(--proline-radius-md) !important; } .fi-page .fi-section, .fi-modal-window { border-radius: var(--proline-radius-lg) !important; } /* Hover lift on interactive surfaces — buttons, nav items, table rows */ .fi-btn, .fi-sidebar-item-button, .fi-dropdown-trigger { transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease !important; } .fi-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(15, 116, 201, 0.25); } .fi-sidebar-item-button:hover { transform: translateX(2px); } .fi-ta-row { transition: background-color .15s ease; } .fi-ta-row:hover { background-color: rgba(15, 116, 201, 0.05); } .dark .fi-ta-row:hover { background-color: rgba(79, 195, 247, 0.08); } /* Soft shadow + rounded on the login card too */ .fi-simple-main { border-radius: var(--proline-radius-lg) !important; box-shadow: 0 20px 60px rgba(15, 116, 201, 0.12) !important; }