.notification-shell { max-width: 520px; }
.notification-shell .back-button { display: grid; place-items: center; width: 44px; height: 44px; }
.notification-card {
  padding: 22px; margin: 0 0 16px; border-radius: 22px;
  border: 1px solid rgba(55, 52, 47, .06); background: rgba(255, 255, 255, .72);
}
.notification-eyebrow { color: #9a958c; font-size: 9px; font-weight: 600; letter-spacing: .16em; }
.notification-card h2 { margin: 8px 0 12px; font-size: 19px; font-weight: 600; }
.notification-card p { color: #817c73; font-size: 13px; line-height: 1.75; overflow-wrap: anywhere; }
.notification-card .notification-small { font-size: 11px; color: #979188; }
.notification-card .notification-status { min-height: 23px; color: #625f58; }
.notification-status[data-error="true"] { color: #965c53; }
.notification-buttons { display: grid; gap: 10px; margin: 16px 0; }
.notification-buttons .primary-button { margin: 0; font-size: 14px; min-height: 48px; }
.notification-secondary {
  width: 100%; min-height: 48px; padding: 12px; border-radius: 15px;
  border: 1px solid #dcd8d1; color: #625e56; background: #f8f7f4;
  cursor: pointer; touch-action: manipulation; font: inherit; font-size: 14px;
}
.notification-buttons button:disabled { opacity: .5; cursor: default; }
.notification-buttons button:focus-visible, .notification-card select:focus-visible {
  outline: 2px solid #999283; outline-offset: 3px;
}
.notification-label { display: block; margin: 15px 0 7px; font-size: 12px; color: #898379; }
.notification-card select {
  width: 100%; max-width: 100%; min-height: 48px; padding: 10px 12px; font: inherit;
  font-size: 16px; border: 1px solid #dcd8d1; border-radius: 12px; background: #fff; color: #625e56;
}
.notification-card .secondary-link { min-height: 44px; font-size: 13px; }
.notification-origin { font-family: ui-monospace, monospace; font-size: 12px; }
@media (max-width: 430px) { .notification-card { padding: 19px 17px; } }