.invoice-notifications-trigger{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;margin-inline-start:auto;margin-inline-end:10px;border:1px solid #dce6e1;border-radius:12px;background:#fff;color:#173d2a;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.invoice-notifications-trigger:hover{background:#f0f7f3;border-color:#2b7555;box-shadow:0 7px 16px #173d2a18;transform:translateY(-1px)}.invoice-notifications-trigger:focus-visible{outline:3px solid #c99b3b;outline-offset:3px}.invoice-notifications-trigger:active{transform:translateY(1px) scale(.97)}.invoice-notifications-trigger svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.invoice-notifications-count{position:absolute;top:-5px;inset-inline-end:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#b64b43;color:#fff;font-size:11px;line-height:18px;text-align:center}.invoice-notifications-panel{position:absolute;z-index:80;top:calc(100% + 10px);inset-inline-end:18px;width:min(360px,calc(100vw - 28px));max-height:420px;overflow:auto;border:1px solid #dbe7e0;border-radius:16px;background:#fff;box-shadow:0 18px 45px #173d2a22}.invoice-notifications-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #edf2ef;color:#173d2a}.invoice-notifications-head button{border:0;background:transparent;color:#607066;font-size:22px;line-height:1;cursor:pointer;border-radius:8px}.invoice-notifications-head button:hover{background:#f1f6f3;color:#173d2a}.invoice-notifications-head button:focus-visible{outline:2px solid #c99b3b;outline-offset:2px}.invoice-notification-item{display:flex;gap:10px;align-items:flex-start;width:100%;padding:12px 10px;border:0;border-radius:10px;background:#fff;color:#20352c;text-align:start;cursor:pointer;transition:background .18s ease}.invoice-notification-item:hover,.invoice-notification-item:focus-visible{background:#f2f8f4}.invoice-notification-item:focus-visible{outline:2px solid #c99b3b;outline-offset:-2px}.invoice-notification-item:active{transform:scale(.99)}.invoice-notification-item span:last-child{display:grid;gap:4px}.invoice-notification-item b{font-size:13px;font-weight:700}.invoice-notification-item small{color:#74827b;font-size:11px}.invoice-notification-dot{width:8px;height:8px;margin-top:6px;border-radius:50%;background:#cfd9d3;flex:none}.invoice-notification-item.is-unread .invoice-notification-dot{background:#b5872f;box-shadow:0 0 0 4px #b5872f18}.invoice-notifications-empty{padding:22px 16px;color:#74827b;text-align:center;font-size:13px}@media(max-width:700px){.invoice-notifications-trigger{margin-inline-end:6px}.invoice-notifications-panel{position:fixed;top:68px;inset-inline:14px;width:auto;max-height:calc(100vh - 84px)}}@media(prefers-reduced-motion:reduce){.invoice-notifications-trigger,.invoice-notification-item{transition:none}}
.shell header{position:relative}
.invoice-notifications-trigger.is-seen::after{content:'';position:absolute;top:-3px;inset-inline-end:-3px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#2d8a5b;box-shadow:0 0 0 2px #2d8a5b22}.invoice-notifications-trigger.is-seen + .invoice-notifications-panel .invoice-notification-item.is-unread .invoice-notification-dot{background:#2d8a5b;box-shadow:0 0 0 4px #2d8a5b18}
.invoice-notifications-head{gap:10px}.invoice-notifications-clear{margin-inline-start:auto;border:1px solid #e5c6c2;border-radius:8px;background:#fff7f6;color:#a43f38;padding:6px 9px;cursor:pointer;font:700 11px/1 Tahoma,Arial,sans-serif;transition:background .18s ease,border-color .18s ease,transform .18s ease}.invoice-notifications-clear:hover{background:#fff0ee;border-color:#c96a62;transform:translateY(-1px)}.invoice-notifications-clear:active{transform:translateY(0) scale(.98)}.invoice-notifications-clear:focus-visible{outline:3px solid #e9aaa3;outline-offset:2px}