/* FRONTERA ONE — employee message center */
.v1571-notification-wrap{position:relative;display:inline-flex;align-items:center}
.v1571-notification-bell{position:relative;min-width:42px;height:38px;border:1px solid #d6dfeb;border-radius:11px;background:#fff;color:#0a1d3a;font-size:19px;cursor:pointer}
.v1571-notification-badge{position:absolute;right:-5px;top:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#d92d20;color:#fff;font-size:11px;font-weight:800;display:none;align-items:center;justify-content:center;border:2px solid #fff}
.v1571-notification-badge.on{display:flex}
.v1571-notification-pop{position:absolute;right:0;top:46px;width:min(480px,94vw);max-height:76vh;overflow:auto;background:#fff;border:1px solid #dbe4ef;border-radius:15px;box-shadow:0 22px 60px rgba(10,29,58,.22);z-index:12000;display:none;color:#172b47}
.v1571-notification-pop.on{display:block}
.v1571-notification-head{position:sticky;top:0;background:#fff;padding:14px;border-bottom:1px solid #e5eaf1;z-index:2}
.v1571-notification-title-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.v1571-notification-head b{font-size:16px}.v1571-notification-actions{display:flex;gap:8px;flex-wrap:wrap}
.v1571-notification-pop .btn,.v1571-notification-tabs button{font-size:12px;min-height:34px;border:1px solid #d6dfeb;border-radius:8px;background:#fff;color:#172b47;padding:6px 10px;cursor:pointer}
.v1571-notification-pop button:disabled{opacity:.55;cursor:wait}.v1571-notification-pop button:focus-visible,.v1571-notification-bell:focus-visible{outline:3px solid #7cb2f3;outline-offset:2px}
.v1571-notification-tabs{display:flex;align-items:center;gap:6px;margin-top:12px}.v1571-notification-tabs button[aria-pressed=true]{background:#0a1d3a;color:#fff;border-color:#0a1d3a}.v1571-notification-tabs .btn{margin-left:auto}
.v1571-notification-summary{font-size:12px;color:#52637b;margin-top:10px}
.v1571-notification-status:empty{display:none}.v1571-notification-status{font-size:12px;padding:10px 14px;background:#f3f7fb;color:#425a77}.v1571-notification-status.error{background:#fff0ee;color:#a93427}
.v1571-notification-device-help{font-size:11px;line-height:1.6;color:#6b788b;margin:0;padding:10px 14px;border-bottom:1px solid #edf0f4}
.v1571-notification-list{padding:6px}
.v1571-notification-row{border-bottom:1px solid #edf0f4;border-radius:8px;margin-bottom:3px}.v1571-notification-row.unread{background:#eef6ff}
.v1571-notification-item{width:100%;border:0;background:transparent;text-align:left;padding:12px;border-radius:8px;cursor:pointer;color:#172b47}
.v1571-notification-item:hover{background:#f4f7fb}.v1571-notification-item b{display:block;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.v1571-notification-item small{display:block;color:#68768b;margin-top:5px;line-height:1.55;overflow-wrap:anywhere}.v1571-notification-body{white-space:pre-wrap}
.v1571-notification-read{display:block;margin:0 12px 10px auto;border:1px solid #c9d9e9;border-radius:6px;background:#fff;color:#36577b;padding:5px 9px;font-size:11px;cursor:pointer}
.v1571-notification-empty{padding:28px 16px;text-align:center;color:#77859a;font-size:13px}
.v1571-notification-footer{padding:10px 14px;text-align:center}.v1571-notification-footer:has(button[hidden]){display:none}
.v1571-invoice-duplicate{margin-top:6px}
@media(max-width:720px){.v1571-notification-pop{position:fixed;left:8px;right:8px;top:70px;width:auto;max-height:calc(100dvh - 85px)}.v1571-notification-head{padding:12px}.v1571-notification-pop .btn,.v1571-notification-tabs button{min-height:40px}.v1571-notification-read{min-height:34px}}
