.site-notices { position: fixed; top: 100px; right: 22px; z-index: 1090; width: 370px; max-width: calc(100vw - 32px); display: grid; gap: 12px; }
.site-notice { display: flex; justify-content: space-between; gap: 16px; padding: 19px 20px; border: 1px solid #e4e4d8; border-left: 4px solid #b0b435; border-radius: 13px; background: white; color: #1f1f1f; box-shadow: 0 9px 35px #0002; font-family: 'Poppins', Arial, sans-serif; }
.site-notice strong { display: block; font-size: 13px; line-height: 1.5; margin-bottom: 5px; }
.site-notice p { color: #65665e; font-size: 12px; line-height: 1.7; margin: 0; }
.site-notice.notice-error { border-left-color: #aa4931; }
.notice-dismiss { background: transparent; color: #65665e; padding: 0; border: 0; font: 23px/1 Arial,sans-serif; cursor: pointer; align-self: start; }
.site-dialog { position: fixed; inset: 0; width: 420px; max-width: calc(100vw - 32px); margin: auto; padding: 30px; border: 1px solid #e4e4d8; border-radius: 18px; color: #1f1f1f; box-shadow: 0 20px 80px #0003; background: white; font-family: 'Poppins', Arial, sans-serif; }
.site-dialog::backdrop { background: #1f1f1f80; backdrop-filter: blur(3px); }
.site-dialog h2 { margin: 0 0 14px; padding: 0; font-size: 24px; font-weight: 700; }
.site-dialog p { margin: 0 0 25px; color: #65665e; font-size: 13px; line-height: 1.8; }
.site-dialog-actions { display: flex; justify-content: end; gap: 10px; }
.site-dialog-actions button { padding: 11px 19px; border-radius: 9px; border: 1px solid #e4e4d8; background: #f7f7f0; font: 600 12px/1.5 Arial,sans-serif; cursor: pointer; }
.site-dialog-actions button[data-answer=confirm] { background: #b0b435; color: #1f1f1f; border-color: #b0b435; }
.site-dialog button:focus-visible,.notice-dismiss:focus-visible { outline: 3px solid #724710; outline-offset: 3px; }
@media(max-width:767px) { .site-notices { top: 88px; right: 16px; } .site-dialog { padding: 25px; } }