#static-readonly-banner {
  position: sticky;
  z-index: 10000;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 38px;
  padding: 8px 16px;
  border-bottom: 1px solid #b7791f;
  color: #422006;
  background: #fef3c7;
  font: 13px/1.35 ui-sans-serif, system-ui, sans-serif;
  text-align: center;
  box-shadow: 0 2px 10px rgb(66 32 6 / 12%);
}

#static-readonly-banner strong { font-weight: 800; }

#static-readonly-toast {
  position: fixed;
  z-index: 20000;
  right: 18px;
  bottom: 18px;
  max-width: min(420px, calc(100vw - 36px));
  padding: 13px 16px;
  border: 1px solid #b7791f;
  border-radius: 12px;
  color: #fff;
  background: #422006;
  font: 14px/1.4 ui-sans-serif, system-ui, sans-serif;
  box-shadow: 0 14px 36px rgb(0 0 0 / 28%);
}

#static-readonly-toast[hidden] { display: none; }

@media (max-width: 640px) {
  #static-readonly-banner { align-items: flex-start; flex-direction: column; gap: 1px; }
}