/* Force light theme: login and dashboard set data-theme="light" on (Bulma UI kit config). */ /* Override Bulma primary color */ .is-primary { background-color: #1e88e5 !important; /* new background */ border-color: #1e88e5 !important; color: #fff !important; } /* Hover state */ .is-primary:hover { background-color: #1565c0 !important; border-color: #1565c0 !important; color: #fff !important; } /* If you want to target buttons specifically */ .button.is-primary { background-color: #1e88e5 !important; border-color: #1e88e5 !important; color: #fff !important; } .button.is-primary:hover { background-color: #1565c0 !important; border-color: #1565c0 !important; } /* Force white text inside a primary navbar */ .navbar.is-primary .navbar-item, .navbar.is-primary .navbar-link, .navbar.is-primary .navbar-brand .navbar-item { color: #fff !important; } /* Make sure or inside inherit the white */ .navbar.is-primary .navbar-item strong, .navbar.is-primary .navbar-item span { color: inherit !important; } /* Burger (three lines) also white */ .navbar.is-primary .navbar-burger span { background-color: #fff !important; } /* Sidebar — base link */ .menu .menu-list a { color: #4a4a4a; border-radius: 8px; padding: .5rem .75rem; margin: 2px 8px; display: flex; align-items: center; gap: .5rem; } /* Sidebar — hover (subtle) */ .menu .menu-list a:hover { background-color: #f7f9fc; color: #363636; } /* Sidebar — active (low contrast) */ .menu .menu-list a.is-active { background-color: #eef3ff !important; /* light tint instead of solid primary */ color: #1e88e5 !important; /* your primary text color */ font-weight: 600; box-shadow: inset 3px 0 0 #1e88e5; /* slim accent bar at the left */ } /* Optional: icon color follows text */ .menu .menu-list a .icon, .menu .menu-list a .icon i { color: inherit; } /* Force all icons inside any button to use neutral gray */ .button .icon i, .button .icon svg { color: #424242 !important; /* Tailwind's gray-500, tweak as you like */ } /* ========== Responsive Dashboard ========== */ @media screen and (max-width: 1023px) { /* Sidebar: overlay on tablet/mobile */ #sidebar { position: fixed !important; left: 0; top: 0; bottom: 0; z-index: 40; width: 280px; max-width: 85vw; box-shadow: 4px 0 12px rgba(0,0,0,0.15); transform: translateX(-100%); transition: transform 0.2s ease; } #sidebar.is-active { transform: translateX(0); } /* Main content full width when sidebar hidden */ .columns.is-gapless .column:last-child { flex: 1 1 100%; min-width: 0; } } @media screen and (max-width: 768px) { /* Header: stack title and actions */ .section .level { flex-direction: column; align-items: flex-start !important; gap: 0.75rem; } .section .level-right { width: 100%; } /* Page title smaller on mobile */ .is-size-3 { font-size: 1.25rem !important; } /* Tables: horizontal scroll on small screens when content overflows */ .table-container { overflow-x: auto; -webkit-overflow-scrolling: touch; } }