#feedback-notification-app [hidden],#feedback-notification-badge[hidden] { display:none!important; }
#feedback-notification-badge { display:inline-block; margin-left:5px; min-width:16px; padding:0 4px; border-radius:10px; background:white; color:#9b312b; font-size:12px; font-weight:bold; line-height:20px; text-align:center; }
.feedback-notification-notice { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:12px 16px; margin:0 0 20px; background:#e7f2f0; border:1px solid #accbc6; border-radius:6px; }
.feedback-notification-notice > span { flex:1; min-width:180px; }
.feedback-notification-dismiss { border:0; background:none; color:var(--portal-muted); font-size:24px; padding:4px 8px; }
#feedback-notification-dialog { box-sizing:border-box; width:760px; max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); padding:0; border:1px solid var(--portal-border); border-radius:8px; color:var(--portal-ink); background:white; box-shadow:0 16px 60px #0004; }
#feedback-notification-dialog::backdrop { background:#16333988; }
#feedback-notification-dialog[open] { display:flex; flex-direction:column; }
#feedback-notification-dialog > header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 20px; border-bottom:1px solid var(--portal-border); }
#feedback-notification-dialog h2 { margin:0; font-size:20px; }
#feedback-notification-dialog > footer { display:flex; flex-wrap:wrap; gap:8px; padding:12px 20px; border-top:1px solid var(--portal-border); }
#feedback-notification-body { padding:20px; overflow:auto; min-height:80px; }
#feedback-notification-dialog .btn { box-sizing:border-box; min-height:40px; padding:9px 12px; }
.feedback-notification-entry { display:block; box-sizing:border-box; width:100%; text-align:left; margin:0 0 10px; padding:14px 16px; border:1px solid var(--portal-border); border-radius:5px; background:#fff; color:var(--portal-ink); cursor:pointer; }
.feedback-notification-entry.is-unread { background:#edf6f4; border-left:4px solid var(--portal-brand); }
.feedback-notification-entry strong,.feedback-notification-entry span { display:block; overflow-wrap:anywhere; }
.feedback-notification-entry span { font-size:13px; line-height:1.6; color:var(--portal-muted); }
.feedback-notification-entry:focus-visible { outline:3px solid var(--portal-focus); }
.feedback-notification-detail h3 { font-size:19px; margin:0 0 12px; }
.feedback-notification-detail p { line-height:1.6; overflow-wrap:anywhere; }
.feedback-notification-message { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.65; }
.feedback-notification-reply { margin:12px 0; padding:12px 16px; background:#f5f8f8; border-left:3px solid #bed6d1; }
@media(max-width:767px) { #feedback-notification-dialog { max-width:calc(100vw - 16px); max-height:calc(100dvh - 16px); } #feedback-notification-body { padding:16px; } #feedback-notification-dialog .btn { min-height:44px; } }
@media print { #feedback-notification-app { display:none!important; } }