/* ======================
   Estilo - Home
   ====================== */
/*body {
  background-image: url("{% static 'global/img/bg-home.jpg' %}");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}*/


.bloco-lateral {
  background-color: #f0f4f8;
  border-left: 4px solid #1a4db3;
  border-radius: 12px;
}

.bloco-gestao {
  background-color: #f5fff5;
  border-left: 4px solid #28a745;
  border-radius: 12px;
}
.bloco-cadastros {
  background-color: #ebeae4;
  border-left: 4px solid #a1a19e;
  border-radius: 12px;
}
.bloco-espera {
  background-color: #f7f6dc;
  border-left: 4px solid #f2f24d;
  border-radius: 12px;
}
.bloco-arquivo {
  background-color: #ffffff94;
  border-left: 4px solid #3b3b3b;
  border-radius: 12px;
}

.central .carde, .central .carde .btn {
    height: 100px;
    width: 450px;
}

.carde a.btn {
  font-size: 1rem;
  padding: 20px 10px;
  font-weight: 500;
  border-radius: 10px;
}

.central .carde a.btn {
  font-size: 1.3rem;
  padding: 20px 10px;
  font-weight: 500;
  border-radius: 10px;
  /* Centralização vertical e horizontal */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.nav-item a, .nav-item button {
  color: #fafafa;
}

.nav-item a:hover, .nav-item button:hover {
  color: #ff0101;
}

/* ======================
   Estilo - Agendamento
   ====================== */

/* Título principal */
h2 {
    color: #1a4db3;
    font-weight: 600;
    border-bottom: 2px solid #e5e5e5;
    padding-bottom: 8px;
}

/* Cards */
.card {
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.card-header {
    background: #f9f9f9;
    font-weight: 500;
    font-size: 1rem;
    border-bottom: 1px solid #e1e1e1;
}

/* Botões */
.btn {
    border-radius: 8px;
    padding: 8px 18px;
}

/* Campos obrigatórios (validação JS) */
.campo-obrigatorio {
    border: 2px solid #dc3545 !important;
}

/* ======================
   Formulário principal
   ====================== */

/* Labels fixos alinhados */
.form-label-fixed {
    width: 300px;  /* ajuste se necessário */
    font-weight: 600;
    color: #444;
    margin-bottom: 0; /* melhor alinhamento vertical */
}

/* Inputs */
form input,
form select,
form textarea {
    max-width: 400px;
    width: 100%;
    padding: 6px 10px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    font-size: 0.95rem;
}

/* Textarea maior */
form textarea {
    height: 120px;
}

/* ======================
   Equipamentos (formset)
   ====================== */

.equipamento-formset-item {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}

.equipamento-formset-item .card-header {
    font-weight: 600;
    background: #f1f5fb;
}

/* Checkbox remover */
.form-check-input {
    cursor: pointer;
    margin-top: 0.2rem;
}

.form-check-label {
    font-size: 0.9rem;
    color: #444;
}

/* Estado de equipamento removido (edição) */
.equipamento-removido {
    opacity: 0.5;
    background-color: #f8d7da;
    border-left: 5px solid #dc3545;
}


/* ======================
   Calendário
   ====================== */


.dia-label {
  width: 36px;
  text-align: center;
  color: #555;
}

.dia-calendario {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f0f0f0;
  text-align: center;
  line-height: 36px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
}

.dia-calendario:hover {
  background-color: #dcdcdc;
}

.com-agendamento {
  background-color: #b3e5fc;
  color: #000;
  font-weight: bold;
}

.dia-calendario.vazio {
  visibility: hidden;
}


/* ======================
   Formatações gerais
   ====================== */

.btn-medrentsys-verde {
  background-color: #adf4b2;
  color: rgb(133, 255, 156);
  border: none;
}

.btn-medrentsys-verde:hover {
  background-color: #00c395;
}

.btn-personalizado-branco {
  background-color: #ffffff;
  color: rgb(4, 115, 24);
  border: 1px solid black;
}

.btn-personalizado-branco:hover {
  background-color: #fbfbfb;
  border: 1px solid black;
}

.table td, .texto-preto {
    color: #000;
  }
.table th{
    color: #fff;
  }

.select.form-select .option {
  color: #000 !important;
  background-color: #fff !important;
}

.select.form-select {
  color: #000 !important;
  background-color: #fff !important;
}

.borda {
  border: 1px solid red;
}