/**
 * Projeto: RGLog CAOA
 * Arquivo: impersonate-banner.css
 * Autor: Djeferson Capelli
 * Versão: 1.0.0
 * Descrição: Banner vermelho fixo no topo quando admin está representando outro user.
 */

.impersonate-banner {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex; align-items: center; gap: 12px;
  padding: 10px 18px;
  background: linear-gradient(90deg, #dc2626, #b91c1c);
  color: #fff;
  font-size: 13px;
  box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
}
.impersonate-banner-icon { font-size: 18px; }
.impersonate-banner-text { flex: 1; min-width: 0; }
.impersonate-banner-meta {
  opacity: 0.85;
  margin-left: 8px;
  font-weight: normal;
}
.impersonate-banner-btn {
  background: #fff;
  color: #b91c1c;
  border: none;
  padding: 6px 14px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
}
.impersonate-banner-btn:hover { background: #fef2f2; }

@media (max-width: 640px) {
  .impersonate-banner { flex-wrap: wrap; }
  .impersonate-banner-meta { display: block; margin-left: 0; }
}