.notice-bell{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid #dae3f2;border-radius:12px;color:#23479c;background:#fff;cursor:pointer;flex-shrink:0}.notice-bell svg{width:21px;height:21px}.notice-bell span{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 4px;background:#d24c4c;color:#fff;border:2px solid #fff;border-radius:20px;font-size:10px;font-weight:700}.notice-bell span[hidden]{display:none}.notice-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(480px,100%);height:100dvh;max-height:100dvh;max-width:100%;border:0;padding:26px;box-sizing:border-box;background:#fff;color:#172645;border-radius:20px 0 0 20px;box-shadow:-12px 0 80px #182b4826;overflow-y:auto}.notice-dialog::backdrop{background:#12254866}.notice-dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.notice-dialog h2{font-size:24px;margin:3px 0}.notice-dialog small{color:#66738d;font-size:12px}.notice-close{font:30px/1 sans-serif;border:0;background:#eef2f8;color:#3a4c6b;border-radius:10px;width:36px;height:36px;cursor:pointer}.notice-tools{display:flex;gap:10px;flex-wrap:wrap}.notice-tools button,.notice-actions button{border:0;background:#edf3ff;color:#2854ab;border-radius:8px;font:inherit;font-size:12px;font-weight:600;line-height:1.4;padding:8px 10px;cursor:pointer}.notice-tools button:disabled{opacity:.45;cursor:default}.notice-help{font-size:12px;line-height:1.6;color:#697790;margin:12px 0 22px}.notice-item{display:flex;gap:12px;padding:18px 6px;border-top:1px solid #e8edf5}.notice-item.unread{background:#f4f7ff;border-radius:10px;padding:18px 12px}.notice-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;margin-top:6px;background:#dbe3ef}.unread .notice-dot{background:#3569d8}.notice-item h3{margin:0 0 6px;font-size:14px}.notice-item p{margin:0 0 6px;color:#61708a;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.notice-item time{font-size:11px;color:#8490a3}.notice-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.notice-actions span{font-size:11px;color:#8c98aa}.notice-empty{padding:35px 10px;text-align:center;color:#687893}.notice-bell:focus-visible,.notice-dialog button:focus-visible{outline:3px solid #95b8ff;outline-offset:3px}
/* Новые уведомления в исходной палитре сайта. */
.notice-bell{width:36px;height:34px;border-radius:7px;color:#fff;background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.35)}
.notice-bell:hover{background:rgba(255,255,255,.28)}
.notice-bell span{background:#d52b1e}
.notice-dialog{color:#16203a;border-radius:16px 0 0 16px;box-shadow:-12px 0 60px rgba(22,32,58,.2)}
.notice-dialog::backdrop{background:rgba(14,22,44,.55)}
.notice-tools button,.notice-actions button{background:#fff;color:#1c3f94;border:1px solid #cdd8f0;border-radius:7px}
.notice-tools button:hover,.notice-actions button:hover{background:#eef3ff}
.notice-item.unread{background:#f4f7fd}
.unread .notice-dot{background:#1c3f94}