/* Custom CSS for Delphi Database */ /* Base: keep it neutral and let pages decide backgrounds */ body { background-color: #f5f7fb; /* light neutral */ min-height: 100vh; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } /* Avoid overriding Bootstrap's global .container layout. Provide a scoped helper for auth pages instead. */ .auth-wrapper { min-height: calc(100vh - 120px); /* account for navbar+footer */ display: flex; align-items: center; justify-content: center; padding: 32px 16px; width: 100%; /* allow Bootstrap grid to expand normally */ } /* Ensure inner row spans available width when parent is flex */ .auth-wrapper > .row { width: 100%; } /* Enhanced card styling for login */ .card { background: #ffffff; } /* Logo styling */ .card .card-body .text-center img { border-radius: 0; /* show the raw logo */ background: transparent; padding: 0; box-shadow: none; } /* Input group styling */ .input-group-lg .form-control { border-radius: 8px !important; border: 2px solid #e9ecef; transition: all 0.3s ease; } .input-group-lg .form-control:focus { border-color: #667eea; box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25); background: white; } .input-group-text { border-radius: 8px 0 0 8px !important; border: 2px solid #e9ecef; border-right: none; background: #f8f9fa; } /* Button styling */ .btn-primary { border-radius: 8px; padding: 12px 24px; font-size: 16px; font-weight: 600; transition: all 0.2s ease; } .btn-primary:hover { transform: translateY(-1px); } /* Custom navbar styles */ .navbar-brand { font-weight: bold; } /* Custom card styles */ .card { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 12px; } /* Custom button styles */ .btn-primary { background-color: #0d6efd; border-color: #0d6efd; } .btn-primary:hover { background-color: #0b5ed7; border-color: #0a58ca; } /* Custom form styles */ .form-control:focus { border-color: #86b7fe; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } /* Custom table styles */ .table th { background-color: #f8f9fa; border-bottom: 2px solid #dee2e6; } /* Custom alert styles */ .alert { border: none; border-radius: 0.375rem; } /* Custom footer styles */ footer { margin-top: auto; }