/* research/static/research/css/components/zoom_banner.css */
.zoom-warning-banner {
  position: fixed;
  top: 0; left: 0; right: 0;

  z-index: var(--z-zoom-banner, 100000);
  display: none;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  background: linear-gradient(90deg, #fef3c7 0%, #fde68a 100%);
  border-bottom: 1px solid #f59e0b;
  color: #78350f;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 0.875rem;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);

  overflow: hidden;
}
.zoom-warning-banner.is-visible { display: flex; }

@media (max-width: 1024px) {
  .zoom-warning-banner,
  .zoom-warning-banner.is-visible { display: none !important; }
}

.zoom-warning-banner__icon { color: #b45309; flex-shrink: 0; }

.zoom-warning-banner__text  { flex: 1; min-width: 0; }

.zoom-warning-banner__text kbd {
  display: inline-block;
  padding: 1px 6px;
  margin: 0 2px;
  background: rgba(120,53,15,0.12);
  border: 1px solid rgba(120,53,15,0.25);
  border-radius: 4px;
  font-family: 'DM Mono', ui-monospace, Menlo, monospace;
  font-size: 0.8em;
}

.zoom-warning-banner__close {
  background: none;
  border: none;
  cursor: pointer;
  color: #78350f;
  padding: 4px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.zoom-warning-banner__close:hover { background: rgba(120,53,15,0.12); }
.zoom-warning-banner__close .material-icons { font-size: 18px; }