.pin-migration-notice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 20px;
  padding: 16px 20px;
  border: 1px solid #e6c37a;
  border-radius: 14px;
  background: #fff9ed;
  color: #654b1a;
}
.pin-migration-notice[hidden] { display: none; }
.pin-migration-notice > div { min-width: 0; }
.pin-migration-notice p { margin: 6px 0 0; line-height: 1.7; }
.pin-migration-notice[data-state="updated"] { border-color: #a9cebc; background: #f0faf5; color: #235e44; }
.pin-migration-actions { display: flex; flex-wrap: wrap; gap: 8px; flex-shrink: 0; }
.pin-migration-actions button { padding: 8px 12px; border: 1px solid #c5d0e0; border-radius: 8px; background: #fff; color: #33435e; font: inherit; cursor: pointer; }
.pin-migration-actions button:focus-visible { outline: 2px solid #356eff; outline-offset: 2px; }
@media (max-width: 700px) {
  .pin-migration-notice { align-items: stretch; flex-direction: column; padding: 14px; }
  .pin-migration-actions > button { flex: 1; }
}