#feedback-announcement { width: min(540px,calc(100% - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 0; overflow-y: auto; border: 1px solid #c6d8ef; border-radius: 24px; background: #fff; color: #203651; box-shadow: 0 24px 70px #0f2d574d; font-family: Manrope,system-ui,sans-serif; }
#feedback-announcement::backdrop { background: #0f2d57b8; backdrop-filter: blur(3px); }
#feedback-announcement .feedback-announcement-card { padding: 30px; }
#feedback-announcement .feedback-announcement-eyebrow { margin: 0 0 12px; color: #1a4789; font-size: 11px; font-weight: 800; letter-spacing: 1.6px; text-transform: uppercase; }
#feedback-announcement h2 { margin: 0 0 18px; color: #163f78; font-size: 28px; font-weight: 800; line-height: 1.25; letter-spacing: -.5px; }
#feedback-announcement-copy { margin: 0; font-size: 15px; line-height: 1.75; }
#feedback-announcement-status { margin: 14px 0; color: #774009; font-size: 13px; line-height: 1.6; }
#feedback-announcement-status:empty { display: none; }
#feedback-announcement .feedback-announcement-actions { display: flex; gap: 10px; margin-top: 24px; }
#feedback-announcement button { min-height: 48px; padding: 12px 16px; border: 1px solid #91a9c8; border-radius: 12px; font: 750 14px/1.4 Manrope,system-ui,sans-serif; color: #1a4789; background: #fff; cursor: pointer; }
#feedback-announcement [data-announcement-action=open] { flex: 1; color: #fff; border-color: #1a4789; background: #1a4789; }
#feedback-announcement [data-announcement-action=later] { margin-top: 12px; }
#feedback-announcement button:focus-visible { outline: 3px solid #a64b08; outline-offset: 3px; }
#feedback-announcement h2:focus { outline: none; }
#feedback-announcement button:disabled { opacity: .65; cursor: wait; }
#feedback-announcement [hidden] { display: none !important; }
@media(max-width:480px) {
 #feedback-announcement .feedback-announcement-card { padding: 24px; }
 #feedback-announcement h2 { font-size: 25px; }
 #feedback-announcement .feedback-announcement-actions { flex-direction: column; }
}
