.session-warning {
  width: min(440px, calc(100% - 32px));
  padding: 28px;
  border: 1px solid #bfd3c6;
  border-radius: 18px;
  color: #17211d;
  background: #fff;
  box-shadow: 0 20px 60px #0003;
  font: 16px/1.5 Arial, Helvetica, sans-serif;
}
.session-warning::backdrop { background: #10281bb3; }
.session-warning h2 { margin: 0 0 12px; font-size: 22px; }
.session-warning div { display: flex; flex-wrap: wrap; gap: 12px; }
.session-warning button {
  padding: 10px 16px;
  border: 1px solid #0a5028;
  border-radius: 8px;
  background: #0a5028;
  color: white;
  font: inherit;
  cursor: pointer;
}
.session-warning button[data-logout] { color: #0a5028; background: white; }
.session-warning button:focus-visible { outline: 3px solid #158149; outline-offset: 3px; }
.session-warning button:disabled { opacity: .6; cursor: wait; }
.session-warning button[hidden] { display: none; }
.session-warning-error { color: #b42318; }