.notification-bell{position:relative;display:grid;place-items:center;width:46px;height:46px;border:1px solid #dce5f0;border-radius:13px;color:#142849;background:#f7f9fd;flex-shrink:0}.notification-bell:hover{background:#edf2fa}.notification-bell svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.8;fill:none}.notification-badge{position:absolute;right:-6px;top:-5px;background:#812e46;color:white;border:2px solid white;border-radius:20px;min-width:23px;height:23px;padding:0 5px;display:grid;place-items:center;font-size:10px;font-weight:600}.notification-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px}.notification-tools>div:first-child{flex:1;min-width:260px}.notification-tools .muted{max-width:660px;margin-bottom:6px}.notification-tools .wide{flex-basis:100%;margin:0}.notification-tools .fineprint{margin:0}.notification-tools form{margin:0}.notification-new{flex-basis:100%;background:#fff5d3;color:#735519;padding:14px 18px;border-radius:11px;font-size:14px;font-weight:500}.notification-list{display:flex;flex-direction:column;gap:16px}.notification-card{display:flex;gap:20px;padding:26px 28px}.notification-card.unread{border-left:5px solid #edc655;background:linear-gradient(110deg,#fffdf6,#fff 40%)}.notification-avatar{width:52px;height:52px;border-radius:16px;background:#eaf0fa;color:#142849;display:grid;place-items:center;font-size:23px;flex-shrink:0}.notification-body{flex:1;min-width:0}.notification-body h2{margin-top:12px;font-size:22px;overflow-wrap:anywhere}.notification-body p{margin-bottom:10px}.notification-card-head{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.notification-card-head>.muted{margin-left:auto;font-size:12px}.notification-unread-label{color:#88671f;font-size:11px}.notification-chips{display:flex;flex-wrap:wrap;gap:8px}.notification-late{background:#faedf1;color:#812e46;font-weight:600}.notification-delivery{font-size:11px;color:#7d8ca0}.notification-empty{text-align:center;padding:50px 25px}.notification-empty .muted{max-width:530px;margin:12px auto 22px}.notification-empty-icon{display:grid;place-items:center;margin:0 auto 20px;width:68px;height:68px;background:#edf5f0;color:#3e7a5a;border-radius:22px;font-size:30px}.telegram-modes{display:grid;grid-template-columns:1fr 1fr;gap:15px}.notification-error{font-size:13px;border-bottom:1px solid #edf0f5;padding:14px 0}.report-map-links{display:flex;gap:12px;flex-wrap:wrap;min-width:115px}.maps-link{white-space:nowrap}.notification-toasts{position:fixed;bottom:25px;right:25px;width:min(380px,calc(100vw - 36px));z-index:100;display:flex;flex-direction:column;gap:12px;pointer-events:none}.notification-toast{display:block;background:white;color:#142849;border:1px solid #dbe3ef;border-left:5px solid #edc655;border-radius:14px;padding:18px 20px;box-shadow:0 8px 35px #14284925;pointer-events:auto}.notification-toast strong{font-size:15px;display:block}.notification-toast span{display:block;font-size:12px;margin-top:4px;color:#6b7e98}.notification-toast small{display:block;font-size:11px;margin-top:8px;color:#315f9b}.pwa-update-banner{position:fixed;bottom:25px;left:290px;z-index:110;max-width:390px;margin:0 18px 0 0;border:1px solid #d8e2ef;border-radius:15px;padding:20px;background:#fff;box-shadow:0 8px 40px #14284925}.pwa-update-banner strong{display:block;font-size:15px;color:#142849}.pwa-update-banner p{font-size:12px;color:#71829b;margin:5px 0 14px}.pwa-update-banner .actions{gap:10px}.notification-live-status{font-size:12px;color:#6d819b}@media(max-width:850px){.pwa-update-banner{left:18px}.top-actions{gap:10px}}@media(max-width:580px){.notification-card{padding:22px 18px;gap:13px}.notification-avatar{width:42px;height:42px;border-radius:12px;font-size:19px}.notification-body h2{font-size:19px}.notification-card-head{gap:8px}.notification-card-head>.muted{margin-left:0;flex-basis:100%;font-size:11px}.notification-tools .actions{width:100%}.notification-tools .actions .btn{flex-grow:1}.notification-tools>div:first-child{min-width:0}.notification-tools .wide{font-size:11px}.notification-delivery{flex-basis:100%}.notification-toasts{bottom:18px;right:18px}.telegram-modes{grid-template-columns:1fr}.notification-bell{width:41px;height:41px}.top-actions .install-pwa{font-size:10px;min-width:0;max-width:110px;padding:7px}.notification-toast{padding:16px}.notification-tools h2{font-size:19px}}@media print{.notification-bell,.notification-tools,.notification-toasts,.pwa-update-banner{display:none!important}}