body {
    background-color: #f8f9fa;
}

.card {
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.badge {
    font-size: 0.875rem;
    padding: 0.35em 0.65em;
}

.status-pending {
    background-color: #6c757d;
}

.status-active {
    background-color: #198754;
}

.status-error {
    background-color: #dc3545;
}

.status-deleted {
    background-color: #6c757d;
}

.table th {
    border-top: none;
    font-weight: 600;
    color: #495057;
}

.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.toast {
    min-width: 300px;
}

.modal-header {
    border-bottom: 1px solid #dee2e6;
}

.modal-footer {
    border-top: 1px solid #dee2e6;
}

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

#mailboxes-tbody tr {
    cursor: default;
}

.btn-action {
    margin: 0 2px;
}

/* Ensure only one page is visible at a time */
#login-page {
    position: relative;
}

#login-page[style*="display: none"],
#login-page.hidden {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

#dashboard-page {
    position: relative;
}

#dashboard-page[style*="display: none"],
#dashboard-page.hidden {
    display: none !important;
    visibility: hidden !important;
}