/* XP alert configuration: BitNook's soft glass, teal and gold aesthetic. */
.bn-xp-notify-overlay{position:fixed;inset:0;z-index:1200;background:rgba(5,9,10,.77);backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:16px}
.bn-xp-notify-dialog{width:min(610px,100%);max-height:min(92vh,850px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #596456;border-radius:19px;background:linear-gradient(150deg,#202722,#141a19 65%);box-shadow:0 28px 80px #000b;color:#f1ece3;font:500 13px/1.5 var(--font-ui,Inter,system-ui,sans-serif)}
.bn-xp-notify-header{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;padding:21px 23px 16px;border-bottom:1px solid #455149}
.bn-xp-notify-header span{display:block;color:#d9bd81;font:750 11px var(--font-mono,ui-monospace,monospace);letter-spacing:.12em}
.bn-xp-notify-header h2{font:750 26px/1.13 var(--font-ui,Inter,system-ui,sans-serif);margin:7px 0;color:#f7f0e6}
.bn-xp-notify-header p{margin:0;color:#a9b9af;font-size:12px}
.bn-xp-notify-header button{width:36px;height:36px;flex-shrink:0;border:1px solid #546259;border-radius:12px;background:#272e2a;color:#e7d1a5;font-size:22px;cursor:pointer}
.bn-xp-notify-scroll{padding:3px 20px 20px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#59634f #1a231e}
.bn-xp-notify-scroll>div+div{border-top:1px solid #3f4b43}
.bn-xp-notify-character,.bn-xp-notify-volume{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:16px 1px}
.bn-xp-notify-character>div,.bn-xp-notify-volume>div{display:grid;gap:3px;min-width:0}
.bn-xp-notify-character b,.bn-xp-notify-volume b{font-size:13px}
.bn-xp-notify-character small,.bn-xp-notify-volume small{font-size:11px;color:#a5b4a9}
.bn-xp-notify-character label,.bn-xp-notify-volume label{display:grid;gap:5px;min-width:190px;max-width:230px;color:#a2b7aa;font:750 10px var(--font-mono,ui-monospace,monospace);letter-spacing:.08em}
.bn-xp-notify-character select{min-height:37px;border:1px solid #4d6156;border-radius:10px;background:#1b2722;color:#e9e4d9;font:650 12px var(--font-ui,Inter,system-ui,sans-serif);padding:7px 10px;opacity:1}
.bn-xp-notify-volume label{grid-template-columns:1fr auto}
.bn-xp-notify-volume label input{grid-column:1/-1;width:100%;accent-color:#d4b67e}
.bn-xp-notify-volume strong{color:#e0c58f}
.bn-xp-notify-event{border:1px solid #47574d;border-radius:15px;padding:13px 15px;background:#1b2520;margin-top:12px}
.bn-xp-notify-event-head{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #3d4c41}
.bn-xp-notify-event-head>div{display:grid;gap:3px;flex:1;min-width:0}
.bn-xp-notify-event-head b{font-size:14px;color:#f0e9dc}
.bn-xp-notify-event-head small{font-size:11px;color:#acbdb1}
.bn-xp-notify-event-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #655b42;border-radius:11px;background:#2c3027;color:#d5bd8d;font-size:19px;flex-shrink:0}
.bn-xp-notify-event-foot{display:flex;align-items:end;gap:8px;flex-wrap:wrap;padding-top:12px}
.bn-xp-notify-event-foot label{display:grid;gap:5px;flex:1;min-width:135px;color:#9fb2a7;font:750 10px var(--font-mono,ui-monospace,monospace);letter-spacing:.08em}
.bn-xp-notify-event-foot select{min-height:36px;max-width:100%;background:#121c18;border:1px solid #4c5e53;border-radius:9px;color:#eee7db;padding:6px;font:650 12px var(--font-ui,Inter,system-ui,sans-serif)}
.bn-xp-notify-event button{font:700 11px var(--font-ui,Inter,system-ui,sans-serif);white-space:nowrap;cursor:pointer;border:1px solid #586357;border-radius:10px;padding:9px 10px;background:#252d28;color:#d5c5a8}
.bn-xp-notify-event button.bn-xp-notify-toggle{border-radius:99px;padding:8px 13px}
.bn-xp-notify-event button.bn-xp-notify-toggle.on{border-color:#927747;background:#453926;color:#efd09a}
.bn-xp-notify-muted{font-size:11px;color:#aab9ae;line-height:1.55;margin:11px 0 0}
.bn-xp-notify-scroll>.bn-xp-notify-muted{margin:16px 3px 0}
.bn-xp-notify-bottom{padding:11px 21px 15px;border-top:1px solid #405044;display:flex;justify-content:flex-end}
.bn-xp-notify-bottom button,.bn-xp-notify-toolbar button{border:1px solid #68604b;border-radius:9px;color:#e5c68c;background:transparent;cursor:pointer;padding:8px 13px;font:700 12px var(--font-ui,Inter,system-ui,sans-serif)}
.bn-xp-notify-toolbar{display:flex;justify-content:space-between;align-items:center;padding:13px 0;color:#b4c4b8}
.bn-xp-notify-history{display:grid;gap:8px}
.bn-xp-notify-history article{border:1px solid #435549;border-radius:10px;padding:10px 12px;background:#1c2621}
.bn-xp-notify-history article>div{display:flex;align-items:center;justify-content:space-between;gap:9px}
.bn-xp-notify-history b{font-size:13px;color:#e9c78c}
.bn-xp-notify-history time{font-size:10px;color:#abb5ac}
.bn-xp-notify-history p{font-size:12px;color:#e5e7db;line-height:1.45;margin:5px 0 0}
#bn-xp-alert-toasts{position:fixed;z-index:1198;bottom:20px;right:20px;display:grid;gap:8px;max-width:min(350px,calc(100vw - 40px));pointer-events:none}
.bn-xp-alert-toast{padding:13px 15px;border:1px solid #927c4e;border-radius:13px;background:#232e29;color:#f2e6ce;box-shadow:0 12px 40px #0009;font:650 12px/1.45 var(--font-ui,Inter,system-ui,sans-serif)}
.bn-xp-notify-event button:focus-visible,.bn-xp-notify-header button:focus-visible,.bn-xp-notify-bottom button:focus-visible,.bn-xp-notify-scroll select:focus-visible{outline:2px solid #e5c58e;outline-offset:2px}
@media(max-width:600px){.bn-xp-notify-overlay{padding:7px;align-items:flex-end}.bn-xp-notify-dialog{max-height:94dvh;border-radius:19px 19px 10px 10px}.bn-xp-notify-header{padding:16px}.bn-xp-notify-scroll{padding:3px 12px 15px}.bn-xp-notify-character,.bn-xp-notify-volume{align-items:stretch;flex-direction:column}.bn-xp-notify-character label,.bn-xp-notify-volume label{max-width:none;min-width:0}.bn-xp-notify-event{padding:10px}.bn-xp-notify-event-foot button{flex:1}.bn-xp-notify-bottom{padding:9px 14px}}