/* Modernização leve (mantém estrutura/HTML atual)
   Objetivo: mais limpo, moderno, com melhor tipografia e cards.
*/
:root{
  --ms-bg:#0c1624;
  --ms-card:#111c2e;
  --ms-card2:#0f1729;
  --ms-border: rgba(255,255,255,.08);
  --ms-text:#e8edf5;
  --ms-muted:rgba(232,237,245,.70);
  --ms-accent:#f0c04a;
  --ms-accent2:#1a73e8;
  --ms-danger:#ff4d4d;
}

body{
  background: var(--ms-bg) !important;
  color: var(--ms-text) !important;
}

a{ color: var(--ms-accent2); }
a:hover{ opacity:.92; }

.app-main, .container.app-main, .container.app-form{
  max-width: 1100px;
}

.card, .app-card, .modal-content, .dropdown-menu{
  background: linear-gradient(180deg, var(--ms-card) 0%, var(--ms-card2) 100%) !important;
  border: 1px solid var(--ms-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.35) !important;
}

.card .card-header, .modal-header{
  border-bottom: 1px solid var(--ms-border) !important;
}

.form-control, .form-select{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid var(--ms-border) !important;
  color: var(--ms-text) !important;
  border-radius: 12px !important;
}
.form-control::placeholder{ color: rgba(232,237,245,.45) !important; }

.btn{
  border-radius: 12px !important;
  font-weight: 700;
}
.btn-primary{
  background: linear-gradient(180deg, var(--ms-accent2) 0%, #1456b8 100%) !important;
  border: 0 !important;
}
.btn-warning, .btn-gold, .btn-outline-warning{
  background: linear-gradient(180deg, #ffd36e 0%, var(--ms-accent) 100%) !important;
  border: 0 !important;
  color: #1a1a1a !important;
}

.badge, .tag, .status-badge{
  border-radius: 999px !important;
  border: 1px solid var(--ms-border) !important;
  background: rgba(255,255,255,.06) !important;
  color: var(--ms-text) !important;
}

.table{
  color: var(--ms-text) !important;
}
.table thead th{
  border-bottom: 1px solid var(--ms-border) !important;
}
.table td, .table th{
  border-color: var(--ms-border) !important;
}

hr{ border-color: var(--ms-border) !important; }

.navbar, .app-header, header{
  background: rgba(0,0,0,.15) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--ms-border) !important;
}

.footer-institucional{
  background: rgba(0,0,0,.12) !important;
  border-top: 1px solid var(--ms-border) !important;
}

.alert{
  border-radius: 14px !important;
  border: 1px solid var(--ms-border) !important;
}
.alert-danger{ background: rgba(255,77,77,.12) !important; }
.alert-success{ background: rgba(46,204,113,.12) !important; }