/* /var/www/html/fwhbg/style/css/main.css */

body {
    background-color: #f8f9fa;
}

.wrapper {
    margin: 50px auto;
    padding: 30px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.alert {
    margin-top: 20px;
}

/* Specific styles from create_user.php / edit_user.php */
#username-status {
    font-size: 0.8rem;
}

/* Specific styles from list_users.php */
.table-responsive {
    margin-top: 20px;
}
.badge {
    font-size: 0.9em;
}

/* Specific styles from pwdb/index.php (cards) */
.card {
    transition: transform 0.2s;
}
.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

/* General logo styling */
.app-logo {
    display: block;
    margin: 0 auto 20px auto; /* Center and add some bottom margin */
    max-width: 150px; /* Adjust as needed */
    height: auto;
}

/* Specific wrapper widths (override default .wrapper) */
.wrapper.wrapper-sm { max-width: 360px; }
.wrapper.wrapper-md { max-width: 700px; }
.wrapper.wrapper-lg { max-width: 900px; }
.wrapper.wrapper-xl { max-width: 1200px; }
.wrapper.wrapper-fluid { max-width: 98%; }