/* Adaptación visual para Madre Coraje - imapsync_form.css */

body {
  color: #333333;
  background-color: #F4F6F8;
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

h1, h2, legend {
    color: #003366 !important;
    font-weight: 600;
}

/* Cajas de origen y destino modernizadas */
#account1, #account2 {
  background-color: #ffffff;
  border-top: 6px solid #003366; /* Azul corporativo */
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.06);
  padding: 20px;
  margin-top: 10px;
}

#parameters {
  padding-top: 20px;
}

/* Modificar botones para que usen el color corporativo */


.btn-info {
    background-color: #003366 !important;
    border-color: #001F44 !important;
}

#progress-txt {
  text-align: center;
  font-size: 1.4em;
  margin: 0 0 0px;
  height: 50px;
  color: #003366;
  font-weight: bold;
}

#imapsync_log_bottom {
  scroll-margin-top: 300px;
}

.progress {
  margin: 0 0 20px;
  height: 30px;
}

.progress-bar {
  text-align: center;
  font-size: 1.2em;
  line-height: 30px;
}

.progress-bar-success {
    background-color: #003366; /* Adaptamos la barra de éxito al color corporativo */
}

.padd0 {
  padding-left:  0px;
  padding-right: 0px;
}

/* Consolas de terminal con mejor lectura */
pre {
    background-color: #fcfcfc;
    border: 1px solid #e0e0e0;
    border-left: 4px solid #003366;
    color: #555;
}