/* Núuk · ajustes mínimos sobre Bootstrap 3, mobile-first.
   Paleta tomada del logo Vigux: azul #0068c0 / #0098d8, verde #a8c840 / #68b040, gris #484848 */
:root {
  --azul:       #0068c0;
  --azul-claro: #0098d8;
  --verde:      #a8c840;
  --verde-osc:  #68b040;
  --gris:       #484848;
}
body { padding-bottom: 70px; color: var(--gris); }
a { color: var(--azul); }
a:hover { color: var(--azul-claro); }

/* Botones principales en la paleta */
.btn-primary { background: var(--azul); border-color: var(--azul); }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background: #005aa8; border-color: #005aa8; }
.btn-success { background: var(--verde-osc); border-color: var(--verde-osc); }
.btn-success:hover, .btn-success:focus, .btn-success:active { background: #5a9c36; border-color: #5a9c36; }
.label-primary { background: var(--azul); }
.label-success { background: var(--verde-osc); }

/* Navbar superior */
.navbar-nuuk { background: #fff; border: 0; border-bottom: 3px solid var(--verde); }
.navbar-nuuk .navbar-brand { color: var(--azul); font-weight: 600; padding-top: 12px; }
.navbar-nuuk .navbar-brand img { height: 26px; display: inline-block; margin-right: 8px; vertical-align: middle; }
.navbar-nuuk .navbar-nav > li > a { color: var(--gris); }
.navbar-nuuk .navbar-nav > li > a:hover { color: var(--azul); }
.navbar-nuuk .navbar-nav > .active > a { color: var(--azul); background: transparent; box-shadow: inset 0 -3px 0 var(--azul); }
.navbar-nuuk .navbar-toggle { border-color: #ccc; }
.navbar-nuuk .navbar-toggle .icon-bar { background: var(--azul); }

/* Barra inferior fija en móvil */
.tabbar { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1030;
  background: #fff; border-top: 1px solid #ddd; display: flex; }
.tabbar a { flex: 1; text-align: center; padding: 10px 0 8px; color: #888; font-size: 12px; text-decoration: none; }
.tabbar a .glyphicon { display: block; font-size: 18px; margin-bottom: 3px; }
.tabbar a.active { color: var(--azul); }
@media (min-width: 768px) { .tabbar { display: none; } body { padding-bottom: 20px; } }

/* Mensaje crudo en la pantalla de procesar */
.mensaje-crudo { white-space: pre-wrap; word-break: break-word; background: #f3f8fc;
  border-left: 4px solid var(--azul-claro); padding: 12px; border-radius: 3px; max-height: 40vh; overflow: auto; }

/* Lista de la bandeja */
.entrada-item { border-bottom: 1px solid #eee; padding: 10px 0; }
.entrada-item .texto { color: var(--gris); }
.entrada-item .meta { font-size: 12px; color: #888; }

/* Botones grandes para el pulgar */
@media (max-width: 767px) { .btn-block-xs { display: block; width: 100%; margin-bottom: 8px; } }
.form-control, .btn { font-size: 16px; } /* evita zoom automático en iOS */
.form-control:focus { border-color: var(--azul-claro); box-shadow: 0 0 0 2px rgba(0,152,216,.2); }