/* Estilos Globais */
body {
    background: linear-gradient(to right, #fffff3, #ffffff) no-repeat fixed;
    min-height: 100vh;
    margin: 0;
    padding-top: 50px; /* Espaço para o menu fixo */
}

/* Navbar */
.navbar {
    margin-bottom: 15px;
    background-color: #ffffff;
}

/* Container */
.container {
    margin-top: 20px;
}

/* Centralizar tabelas */
table {
    margin: 0 auto;
    width: auto;
}

/* Cartões */
.card {
    margin-top: 20px;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
}

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

.card-header {
    font-weight: bold;
    color: #000;
}

.card-body {
    color: #555;
}

/* Footer */
.footer {
    padding: 10px 0;
}

/* Cores de Fundo */
.bg-orange {
    background-color: #FFA500 !important;
}

.bg-lightblue {
    background-color: #ADD8E6 !important;
}

.bg-primary {
    background-color: #007bff !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

/* Bordas */
.border-warning {
    border-color: #ffc107 !important;
}

.border-primary {
    border-color: #007bff !important;
}

.border-success {
    border-color: #28a745 !important;
}

.border-orange {
    border-color: #FFA500 !important;
}

.border-lightblue {
    border-color: #ADD8E6 !important;
}

.border-secondary {
    border-color: #6c757d !important;
}

/* Texto */
.text-dark {
    color: #343a40 !important;
}

.status-novo       { background-color: #fff9c4; }  /* amarelo claro */
.status-pendente   { background-color: #ffe0b2; }
.status-agendado   { background-color: #bbdefb; }
.status-processo   { background-color: #d7ccc8; }
.status-finalizado { background-color: #c8e6c9; }
.status-outros     { background-color: #e0e0e0; }

.card-status {
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transition: transform 0.2s ease;
}
.card-status:hover {
    transform: translateY(-6px);
}
.card-status h5 {
    margin-bottom: 10px;
}
.card-status .btn {
    margin: 4px 4px 0 0;
}

@media (max-width: 576px) {
  body { padding-top: 56px; }       /* menos espaço no topo */
  .container { margin-top: 1rem; }  /* ao invés de mt-5 */
}