.chantail-migration-notice {
  position: fixed; right: 1rem; bottom: 1rem; z-index: 1100;
  width: min(26rem, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); overflow: auto;
  box-sizing: border-box; padding: 1.25rem; border: 1px solid #d8bf7b; border-top: 4px solid #b48b2e;
  border-radius: .5rem; background: var(--color-bg-card, #fff); color: var(--color-text-primary, #24313b);
  box-shadow: 0 6px 24px rgb(20 30 20 / 12%); font: inherit; font-size: .875rem; line-height: 1.6;
}
.chantail-migration-notice * { box-sizing: border-box; }
.chantail-migration-heading { margin-bottom: .75rem; }
.chantail-migration-label { display: inline-block; padding: .125rem .5rem; border-radius: .15rem; background: #fff7df; color: #664a08; font-size: .75rem; font-weight: 700; letter-spacing: .08em; margin-bottom: .25rem; }
.chantail-migration-notice h2 { margin: 0; font: inherit; font-size: 1rem; font-weight: 700; }
.chantail-migration-notice p { margin: 0 0 .75rem; }
.chantail-migration-url { display: block; overflow-wrap: anywhere; color: var(--color-brand-primary, #2f7a57); font-weight: 700; text-decoration: underline; text-underline-offset: .2em; margin-bottom: .75rem; }
.chantail-migration-warning { padding: .5rem .75rem; color: #664a08; background: #fff7df; border-left: 2px solid #b48b2e; }
.chantail-migration-hint { font-size: .75rem; color: var(--color-text-secondary, #52616b); }
.chantail-migration-actions { display: flex; gap: .5rem; margin-top: .75rem; }
.chantail-migration-actions button { min-height: 2.75rem; padding: .5rem .875rem; border: 1px solid var(--color-brand-primary, #2f7a57); border-radius: .25rem; background: transparent; color: var(--color-brand-primary, #2f7a57); font: inherit; font-weight: 600; cursor: pointer; }
.chantail-migration-actions [data-copy-new-url] { background: #27664a; border-color: #27664a; color: #fff; }
.chantail-migration-notice a:focus-visible, .chantail-migration-notice button:focus-visible { outline: 2px solid #b48b2e; outline-offset: 3px; }
.chantail-migration-status { display: block; font-size: .75rem; margin-top: .5rem; }
.chantail-migration-status:empty { display: none; }
@media (max-width: 480px) { .chantail-migration-notice { padding: 1rem; right: 1rem; left: 1rem; width: auto; } }