body,
html {
    height: 100%;
    margin: 0;
    background-image: url('/storage/img/lgpd/login/arraial-intranet.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.navbar-custom {
    margin: 1em;
    padding: 0;
}

.btn-custom-danger {
    min-width: 100px;
    position: relative;
    top: 0;
    right: 0;
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff;
    transition: background-color 0.3s ease;
    border-radius: 0px 0.25rem 0.25rem 0px;
}

.btn-custom-danger:hover {
    background-color: #c82333;
    border-color: #bd2130;
    color: #fff;
}

.navbar .container-fluid {
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.navbar-center-title {
    flex-grow: 1;
    text-align: center;
    font-weight: bold;
    color: rgba(0, 0, 0, .9);
    font-size: 1.25rem;
}

.home-icon-style {
    color: color;
    border-radius: 5px 0px 0px 5px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2em;
    height: 100% !important;
    padding: auto 0.3em auto 0.3em !important;
}

@media (max-width: 767.98px) {
    .navbar-center-title {
        display: none;
    }
}

.main-content {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    margin: 0 1em;
}

.badge-em-andamento {
    background: linear-gradient(45deg, #6f42c1, #8a63d1);
    border-radius: 0;
    display: inline-block;
    min-width: 130px;
    text-align: center;
}

.badge-pendente {
    background: linear-gradient(45deg, #fd7e14, #ff9f40);
    border-radius: 0;
    display: inline-block;
    min-width: 130px;
    text-align: center;
}

.badge-recusado {
    background: linear-gradient(45deg, #dc143c, #ff3355);
    border-radius: 0;
    display: inline-block;
    min-width: 130px;
    text-align: center;
}

.badge-finalizado {
    background: linear-gradient(45deg, #28a745, #218838);
    border-radius: 0;
    display: inline-block;
    min-width: 130px;
    text-align: center;
}

.badge-funcionario {
    background: linear-gradient(45deg, #007bff, #0056b3);
    border-radius: 0;
    color: #fff !important;
    padding: .35em .65em;
    font-weight: bold !important;
}

.admin-card {
    background: linear-gradient(45deg, #191970, #4682B4); /* Azul meia-noite para azul aço */
    color: #fff;
    padding: 2rem;
    border-radius: 0.5rem;
    text-align: center;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease;
}

.admin-card:hover {
    transform: translateY(-5px);
}

.admin-card i {
    color: #fff;
    margin-bottom: 1rem;
}

.admin-card h3 {
    color: #fff;
    margin-bottom: 0.5rem;
}

.admin-card p {
    color: #f0f0f0;
}

.chart-card {
    background: linear-gradient(45deg, #191970, #4682B4); /* Azul meia-noite para azul aço */
    color: #fff;
    padding: 1.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
    height: 400px; /* Altura fixa para os gráficos */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.chart-card h4 {
    color: #fff;
    margin-bottom: 1rem;
}

.chart-card canvas {
    max-height: 300px; /* Altura máxima para o canvas do gráfico */
    width: 100% !important;
    height: 100% !important;
}