.site-notifications{position:fixed;z-index:1200;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:min(420px,calc(100% - 32px));max-height:45vh;max-height:45dvh;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.site-notifications:empty{display:none}
.site-notice{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--card,#fff);color:var(--text,#1c2430);border:1px solid var(--border,#dfe4ea);border-radius:10px;box-shadow:0 4px 18px #0002;pointer-events:auto;font:14px/1.5 -apple-system,Segoe UI,Roboto,Arial,sans-serif}
.site-notice[data-kind=ok]{background:var(--ok-bg,#e6f5ec);border-color:var(--ok-bd,#a8ddbd);color:var(--ok-tx,#14683a)}
.site-notice[data-kind=err]{background:var(--err-bg,#fdeaea);border-color:var(--err-bd,#f2b8b8);color:var(--err-tx,#a12020)}
.site-notice-content{min-width:0;flex:1;overflow-wrap:anywhere;white-space:pre-wrap}
.site-notice-title{display:block;font-weight:650;margin-bottom:2px}
.site-notice[data-kind=ok] .site-notice-title{color:var(--ok-tx,#14683a)}
.site-notice[data-kind=err] .site-notice-title{color:var(--err-tx,#a12020)}
.site-notice-close{display:none;flex:none;width:36px;height:36px;margin:-4px -4px -4px 0;border:0;border-radius:6px;background:transparent;color:inherit;cursor:pointer;font:24px/1 sans-serif}
.site-notifications[data-enhanced] .site-notice-close{display:block}
.site-notice-close:hover{background:var(--chip,#eef2f6)}
.site-notice-close:focus-visible{outline:2px solid currentColor;outline-offset:1px}
@media(max-width:760px){.site-notifications{top:calc(60px + env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:calc(100% - 24px);max-height:38vh;max-height:38dvh}.site-notice-close{width:44px;height:44px}.site-notice{font-size:14px}}
@media print{.site-notifications{display:none!important}}