.budget-notice-wrap{position:relative}.budget-bell{display:inline-flex;align-items:center;gap:6px;position:relative}.budget-bell svg{width:22px;height:22px}.budget-bell b{background:#cf2344;color:#fff;border-radius:12px;padding:1px 6px;font-size:12px}
body:is(.budget-app,.projects-app) .budget-notices{position:fixed;inset:auto;right:max(16px,env(safe-area-inset-right));top:max(24px,env(safe-area-inset-top));width:min(420px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px - env(safe-area-inset-top));z-index:1000;display:flex;flex-direction:column;gap:0;background:#fff;color:#18335c;border:1px solid #dce5f3;box-shadow:0 16px 60px #12356140;border-radius:20px;overflow:hidden;text-align:left;font-size:15px;line-height:1.6}
body:is(.budget-app,.projects-app) .budget-notices[hidden]{display:none!important}
.budget-notices .budget-notice-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #e7eef8;flex-shrink:0}.budget-notices .budget-notice-head h2{font-size:19px;line-height:1.4;margin:0;color:#18335c}.budget-notices .budget-notice-close{padding:6px 12px;min-height:40px;font-size:14px}
.budget-notices .budget-notice-settings{padding:16px 18px;background:#f1f6ff;border-bottom:1px solid #dce5f3;flex-shrink:0}.budget-notices .budget-notice-settings h3{font-size:15px;margin:0 0 9px;color:#1b385f}.budget-notices button{font-size:14px;line-height:1.5;min-height:42px;padding:9px 12px;border-radius:11px;white-space:normal;box-shadow:none}.budget-notices button.secondary{background:#e9eff9;color:#254568;border:1px solid #d5e0f0}.budget-notices button:disabled{cursor:default;opacity:.68}
.budget-notices .budget-push-toggle{display:block;width:100%;background:#245fc7;color:#fff;border:1px solid #245fc7;font-weight:700}.budget-notices .budget-push-toggle.is-enabled{background:#e4f5ed;color:#175b43;border-color:#b7dfcd}.budget-notices .budget-push-status{margin:9px 0 12px;font-size:13px;color:#4e6583}.budget-notices .budget-push-help{background:#fff7df;border:1px solid #efdca4;border-radius:10px;padding:10px 12px;font-size:13px;color:#6b5317;margin:8px 0 12px}.budget-notices .budget-push-help p{margin:4px 0}.budget-notices .budget-sound-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.budget-notices .budget-sound-label{font-size:13px;color:#375575}.budget-notices .budget-sound-actions{display:flex;gap:6px;flex-wrap:wrap}.budget-notices .budget-sound-status{margin:7px 0 0;font-size:12px;color:#59708d}
.budget-notices .budget-notice-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;max-height:34vh;max-height:34dvh}.budget-notice-item{display:block;padding:14px 18px;border-bottom:1px solid #edf1f7;text-decoration:none;color:#18335c;overflow-wrap:anywhere}.budget-notice-item strong,.budget-notice-item span{display:block}.budget-notice-item span{font-size:13px;color:#526580;margin-top:5px}.budget-notice-item.is-unread{background:#eff5ff;border-left:3px solid #3165d6}
.budget-notices .budget-notice-footer{padding:10px 18px 14px;display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #e7eef8;flex-shrink:0}.budget-notices .budget-notice-status{margin:0;padding:12px 18px;font-size:13px;color:#526580;flex-shrink:0}
.budget-notice-toast{position:fixed;right:16px;bottom:max(20px,env(safe-area-inset-bottom));z-index:1100;width:min(380px,calc(100vw - 32px));padding:16px 20px;border:1px solid #c6d9f3;border-radius:16px;background:#fff;color:#18335c;box-shadow:0 12px 40px #173b7030;overflow-wrap:anywhere}.budget-notice-toast strong,.budget-notice-toast span{display:block}.budget-notice-toast span{font-size:13px;color:#526580;margin-top:4px}
@media(max-height:600px){body:is(.budget-app,.projects-app) .budget-notices{overflow-y:auto}.budget-notices .budget-notice-settings{padding:10px 14px}.budget-notices .budget-notice-list{flex-shrink:0;max-height:140px}}