/* DMA AI POC: static, CSS-only overrides injected by patch-index.sh. No scripts, no app logic.
   RULE-BOOK §3/§6/§16: "Prototype prepared for DMA" on every screen, with a DEV badge.
   pointer-events: none, so it never blocks a click. */
body::after {
  content: "DEV · Prototype prepared for DMA · Confidential";
  position: fixed;
  z-index: 2147483647;
  pointer-events: none;
  white-space: nowrap;
  letter-spacing: 0.02em;
  color: #78350f;
  background: rgba(254, 243, 199, 0.95);
  border: 1px solid rgba(217, 119, 6, 0.35);
  /* Phones: top-right edge. At the bottom it would cover the composer (LibreChat's layout is
     full-height, so it can't be pushed up), and the mobile header buttons sit top-left. */
  top: 0;
  right: 0;
  padding: 0 8px;
  border-top: 0;
  border-right: 0;
  border-radius: 0 0 0 6px;
  font: 600 9.5px/14px Inter, "Segoe UI", Helvetica, Arial, sans-serif;
}
/* Wider screens: bottom-right corner, clear of the composer and LibreChat's centred footer line. */
@media (min-width: 768px) {
  body::after {
    top: auto;
    bottom: 0;
    right: 12px;
    padding: 1px 10px;
    border: 1px solid rgba(217, 119, 6, 0.35);
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    font: 600 10.5px/16px Inter, "Segoe UI", Helvetica, Arial, sans-serif;
  }
}
html.dark body::after {
  color: #fde68a;
  background: rgba(69, 26, 3, 0.92);
  border-color: rgba(251, 191, 36, 0.35);
}
