/* Separate from full-screen entry dialogs, also when opened above one. */
.workspace-notice {
  width: min(440px, calc(100vw - 32px));
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 32px);
  padding: 0;
  margin: auto;
  border: 1px solid rgba(60,60,67,.16);
  border-radius: 22px;
  background: #fff;
  color: #202124;
  box-shadow: 0 18px 64px rgba(20,30,50,.22);
  overflow: auto;
}
.workspace-notice::backdrop { background: rgba(20,25,35,.36); }
.workspace-notice-card { padding: 24px; }
.workspace-notice h2 { margin: 0 0 12px; font-size: 20px; line-height: 1.4; }
.workspace-notice p { margin: 0; font-size: 16px; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }
.workspace-notice-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 24px; }
.workspace-notice-actions .button { min-height: 50px; min-width: 80px; }
.workspace-notice-actions [hidden] { display: none; }
html:has(.workspace-notice[open]), body:has(.workspace-notice[open]) { overflow: hidden; }
@media (max-width: 480px) {
  .workspace-notice-card { padding: 20px; }
  .workspace-notice-actions .button { flex: 1; padding-inline: 12px; }
}