.session-warning {
  position: fixed; z-index: 1000; bottom: 24px; right: 24px;
  width: min(520px, calc(100vw - 48px)); padding: 22px;
  border: 1px solid var(--line); border-radius: 12px;
  background: var(--surface, #202020); color: var(--ink);
  box-shadow: 0 12px 48px #0005;
}
.session-warning[hidden] { display: none; }
.session-warning strong { font-size: 16px; }
.session-warning p { margin: 8px 0 18px; color: var(--muted); font-size: 14px; line-height: 1.6; }
.session-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.session-lock { display: none; }
html[data-session-locked] body > :not(#admin-session-guard) { display: none !important; }
html[data-session-locked] .session-warning { display: none; }
html[data-session-locked] .session-lock { display: block; max-width: 480px; margin: 18vh auto; padding: 24px; text-align: center; }
.session-lock h1 { font-size: 24px; }
.session-lock p { margin: 16px 0 24px; color: var(--muted); }
@media (max-width: 600px) {
  .session-warning { bottom: 12px; right: 12px; width: calc(100vw - 24px); padding: 18px; }
}