/* admin/assets/css/admin.css */

/* Paleta sutil inspirada nas cores da Alemanha */
:root {
  --acg-black: #111111;
  --acg-red:   #c1121f;
  --acg-gold:  #f6bd00;
  --acg-gray:  #f5f5f7;
}

body {
  background: var(--acg-gray);
}

/* Navbar com gradiente */
.navbar.acg {
  background: linear-gradient(90deg, var(--acg-black), var(--acg-red), var(--acg-gold));
}

/* Marca e links principais em branco, submenus com cor padrão */
.navbar .navbar-brand,
.navbar .nav-link {
  color: #fff !important;
}

.navbar .dropdown-menu {
  background-color: #fff;
  border-color: rgba(0,0,0,.1);
}

.navbar .dropdown-item {
  color: #212529 !important;
}
.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus {
  background-color: rgba(0,0,0,.05);
  color: #111 !important;
}

.main-container {
  padding: 20px 16px;
}

/* Cards estreitos centralizados */
.card-login,
.card-narrow {
  max-width: 480px;
  margin: 8vh auto;
  border: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

.badge-acg {
  background-color: var(--acg-black);
  color: #fff;
}

/* Rodapé */
.footer {
  background: #ffffff;
  border-top: 1px solid rgba(0,0,0,.06);
  padding: 16px;
  color: #555;
  font-size: .95rem;
}

/* Link ativo no menu */
a.nav-link.active {
  text-decoration: underline;
  text-underline-offset: 6px;
}

/* Alert flutuante usado nas listagens */
.alert-floating {
  position: fixed;
  top: 84px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1080;
  min-width: 320px;
  max-width: 720px;
  box-shadow: 0 8px 24px rgba(0,0,0,.15);
}

/* Form mais atraente com contorno alusivo alemão */
.modal-content.modal-german {
  border: 2px solid transparent;
  border-radius: 12px;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(90deg, var(--acg-black), var(--acg-red), var(--acg-gold)) border-box;
  box-shadow: 0 16px 40px rgba(0,0,0,.18);
}

/* Asterisco para campos obrigatórios */
.label-required::after {
  content: " *";
  color: #dc3545;
}

/* Busca com botão à direita */
.form-busca .btn-buscar-wrap {
  display: flex;
  justify-content: flex-end;
}

/* Cartão com contorno alusivo às cores da Alemanha para páginas de formulário */
.card-german {
  border: 2px solid transparent;
  border-radius: 12px;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(90deg, var(--acg-black), var(--acg-red), var(--acg-gold)) border-box;
  box-shadow: 0 16px 40px rgba(0,0,0,.18);
}

/* Labels obrigatórios */
.label-required::after {
  content: " *";
  color: #dc3545;
}