/* Sign-in page: offline changes kept from the ended session (A7-FIX-N4). Tokens from css/tokens.css;
   the notice pins data-theme="light" because the sign-in page itself is light only. */
.field-outbox-notice {
  display: flex; gap: var(--dtp-space-3); margin: 0 0 var(--dtp-space-4);
  padding: var(--dtp-space-3); border-radius: var(--dtp-radius-md);
  background: var(--dtp-warn-soft); color: var(--dtp-warn-fg);
  border: 1px solid var(--dtp-warn-solid); font-size: var(--dtp-text-sm); line-height: var(--dtp-leading-normal);
}
.field-outbox-notice[hidden], .field-outbox-notice [hidden] { display: none; }
.field-outbox-notice__icon { margin-top: 0.2em; }
.field-outbox-notice__body { flex: 1; min-width: 0; }
.field-outbox-notice__text, .field-outbox-notice__question { margin: 0 0 var(--dtp-space-2); }
.field-outbox-notice__text:focus { outline: none; }
.field-outbox-notice__confirm {
  padding-top: var(--dtp-space-2); border-top: 1px solid var(--dtp-warn-solid);
}
.field-outbox-notice__btn {
  min-height: var(--dtp-touch-target); padding: 0 var(--dtp-space-3); margin-right: var(--dtp-space-2);
  border: 1px solid var(--dtp-border-strong); border-radius: var(--dtp-radius-sm);
  background: var(--dtp-surface); color: var(--dtp-text); font: inherit; font-weight: var(--dtp-weight-medium);
  cursor: pointer;
}
.field-outbox-notice__btn--danger {
  background: var(--dtp-crit-solid); border-color: var(--dtp-crit-solid); color: var(--dtp-crit-on-solid);
}
.field-outbox-notice__btn:focus-visible {
  outline: var(--dtp-focus-width) solid var(--dtp-focus); outline-offset: var(--dtp-focus-offset);
}