.collection-alert-banner { display:flex; align-items:center; gap:4px 18px; flex-wrap:wrap; padding:10px 16px; margin:0 0 16px; border:1px solid #e9b966; border-radius:10px; background:#fff8e9; color:#70460e; line-height:1.6; }
.collection-alert-banner[hidden] { display:none; }
.collection-alert-banner[data-state="notice"] { border-color:#bfd3e8; background:#eff6ff; color:#173f6b; }
.collection-alert-summary { display:flex; align-items:center; gap:4px 14px; flex-wrap:wrap; min-width:0; }
.collection-alert-banner span { font-size:13px; }
.collection-alert-read-state { font-weight:600; }
.collection-alert-help { flex-basis:100%; }
.collection-alert-banner a { color:#164f84; font-weight:700; overflow-wrap:anywhere; }
.collection-recovery { flex-basis:100%; min-width:0; }
.collection-recovery summary { cursor:pointer; min-height:44px; display:flex; align-items:center; font-weight:700; }
.collection-recovery p { margin:0 0 8px; font-size:13px; }
.collection-recovery-row { display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; padding:8px 0; border-top:1px solid #ead6b1; }
.collection-recovery-row span { overflow-wrap:anywhere; }
.collection-recovery-row button { min-height:44px; }
.collection-recovery-row button[hidden] { display:none; }
@media(max-width:520px) { .collection-alert-banner { align-items:flex-start; padding:10px 12px; gap:2px 10px; } .collection-alert-banner a { display:flex; align-items:center; min-height:44px; } }