/*
 * Custom styles for RTO CRM application
 * Enhances Bootstrap 5 base styling
 */

/* ------------------ Base & Typography ------------------ */

html, body {
    height: 100%;
    margin: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f8f9fa; /* Light gray background */
}

/* Custom background from login.html */
body.bg-light {
    background-color: #eef1f4 !important;
}

/* Ensure the main content area doesn't get squished by a sticky footer if you add one later */
.container.mt-4 {
    min-height: calc(100vh - 56px - 20px); /* 100vh - navbar height - margin/padding */
    padding-bottom: 20px; 
}


/* ------------------ Navbar ------------------ */

.navbar {
    border-bottom: 3px solid #007bff; /* Highlight primary color */
}

.navbar-brand {
    font-weight: 700;
}

/* ------------------ Forms & Cards ------------------ */

/* Custom card style from login.html */
.card {
    border-radius: 10px;
    border: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.form-control, .form-select {
    border-radius: 5px;
}

/* ------------------ Tables & Data ------------------ */

.table-bordered {
    border: 1px solid #dee2e6;
    border-radius: 5px;
    overflow: hidden; /* Ensures border-radius is visible */
}

.table-bordered thead th {
    background-color: #e9ecef;
    border-bottom: 2px solid #dee2e6;
}

.table-sm td, .table-sm th {
    padding: 0.5rem; /* Slightly more compact */
}

/* Better styling for the index page buttons */
.row.g-3.mt-3 a.btn {
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 600;
    transition: transform 0.1s ease-in-out;
}
.row.g-3.mt-3 a.btn:hover {
    transform: translateY(-2px);
}