.notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:9px;border:1px solid var(--line,#ddd);border-radius:14px;background:var(--card,#fffdf9);color:var(--ink,#243024)}.notification-bell svg{width:23px;height:23px}.notification-bell [data-notification-count]{position:absolute;right:-5px;top:-5px;min-width:20px;padding:3px;border-radius:20px;background:#556644;color:#fff;font:700 11px/1.2 system-ui;text-align:center}.notification-bell [hidden]{display:none!important}.notifications-dialog{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;padding:22px;border:1px solid var(--line,#ddd);border-radius:24px;background:var(--card,#fffdf9);color:var(--ink,#243024);box-shadow:0 20px 80px #18231433}.notifications-dialog::backdrop{background:#17201355;backdrop-filter:blur(3px)}.notification-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.notification-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line,#ddd);padding:8px 0}.notification-row.is-unread{background:#edf2e655;border-radius:12px}.notification-open{border:0;background:none;color:inherit;display:flex;align-items:center;gap:12px;flex:1;text-align:left;padding:14px 10px;min-height:64px}.notification-kind{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:#e9eddf;font-size:25px}.notification-open strong,.notification-open small{display:block}.notification-open small{margin-top:5px;color:var(--muted,#676d60)}.notification-empty{padding:28px 10px;color:var(--muted,#676d60);line-height:1.6}.notification-preferences{margin-top:20px;border-top:1px solid var(--line,#ddd);padding-top:18px}.notification-preferences summary{font-weight:700;padding:8px 0;cursor:pointer}.notification-toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line,#ddd)}.notification-toggle input{width:22px;height:22px;flex:none;accent-color:#5c7047}.notifications-dialog button:focus-visible,.notification-toggle input:focus-visible{outline:3px solid #708751;outline-offset:3px}@media(max-width:480px){.notifications-dialog{padding:17px}.notification-row{align-items:flex-start}.notification-row>.btn{padding:10px 8px;font-size:12px;margin-top:12px}.notification-open{gap:8px;padding:12px 6px}.notification-kind{width:32px;height:36px}}

.notification-bell[hidden]{display:none!important}

.notification-heading-tools{display:flex;gap:6px}.notification-toggle input{appearance:none;-webkit-appearance:none;position:relative;width:44px;height:26px;margin:0;border:1px solid #c3c9bd;border-radius:20px;background:#d8ddd1;cursor:pointer}.notification-toggle input:before{content:"";position:absolute;width:20px;height:20px;top:2px;left:2px;border-radius:50%;background:white;box-shadow:0 1px 4px #18231433;transition:transform .15s}.notification-toggle input:checked{background:#607548;border-color:#607548}.notification-toggle input:checked:before{transform:translateX(18px)}.notification-toggle input:disabled{opacity:.5}

.notification-receipt{position:fixed;bottom:calc(84px + env(safe-area-inset-bottom,0px));left:12px;right:12px;max-width:480px;margin:auto;z-index:120;padding:16px;border:1px solid #b9c6a9;border-radius:18px;background:#fffdf8;color:#25352d;box-shadow:0 8px 28px #14251d33}.notification-receipt .btn{margin-right:8px}.notification-receipt p{margin:0 0 12px}