body {
    background: #f5f7fa !important;
    color: #333 !important;
    font-family: "Segoe UI", Arial, sans-serif;
}

.navbar {
    background: #ffffff !important;
    border-bottom: 1px solid #e3e6ea !important;
    position: relative;
    z-index: 2000; /* garante navbar acima */
}

/* ✅ Removido o !important daqui para não quebrar dropdown/focus/show do Bootstrap */
.navbar .nav-link {
    font-size: 0.95rem;
    color: #444;
    margin-right: 12px;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: #0d6efd;
}

/* ✅ Dropdown precisa ficar acima do resto */
.navbar .dropdown-menu {
    z-index: 3000;
}

/* ✅ Cursor correto no dropdown */
.navbar .dropdown-toggle {
    cursor: pointer;
}

.card {
    background: #ffffff !important;
    border: 1px solid #e1e4e8 !important;
    border-radius: 10px !important;
}

.table thead {
    background: #eef1f5 !important;
}

.table-hover tbody tr:hover {
    background: #f0f0f5 !important;
}

.form-control,
.form-select,
textarea {
    background: #ffffff !important;
    border: 1px solid #cfd6df !important;
    color: #333 !important;
    border-radius: 8px !important;
    padding: 10px;
}

.form-control:focus,
.form-select:focus {
    border-color: #0d6efd !important;
    box-shadow: 0 0 4px rgba(13,110,253,0.3);
}

.modal-content {
    background: #ffffff !important;
    border-radius: 12px !important;
}

.modal-header {
    background: #f1f4f8 !important;
}

.btn-info {
    background: #0dcaf0 !important;
    border-color: #0dcaf0 !important;
    color: #000 !important;
}