.action-notice-stack {
  display: grid;
  gap: 8px;
  max-width: calc(100vw - 32px);
  position: fixed;
  right: 18px;
  top: 84px;
  width: min(360px, calc(100vw - 32px));
  z-index: 80;
}

.action-notice-stack .action-notice {
  align-items: center;
  box-shadow: var(--shadow);
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) 40px;
  margin: 0;
  min-height: 48px;
  padding: 6px 6px 6px 12px;
  transition: opacity .18s ease, transform .18s ease;
}

.action-notice-copy {
  font-size: var(--font-size-small);
  line-height: 1.45;
  min-width: 0;
  overflow-wrap: anywhere;
}

.action-notice-close {
  align-items: center;
  align-self: center;
  background: transparent;
  border: 0;
  border-radius: var(--radius-control);
  color: currentColor;
  cursor: pointer;
  display: inline-flex;
  font-size: var(--font-size-section);
  height: 40px;
  justify-content: center;
  opacity: .72;
  width: 40px;
}

.action-notice-close:hover { background: var(--surface); opacity: 1; }
.action-notice-close:focus-visible { outline: 3px solid currentColor; outline-offset: -3px; }
.action-notice.is-hiding { opacity: 0; transform: translateY(-6px); }

@media (max-width: 760px) {
  .action-notice-stack { left: 12px; right: 12px; top: 78px; width: auto; }
}