.supplier-header-tools{display:flex;align-items:center;gap:8px;color:#173b4c}
.supplier-header-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:10px;background:transparent;color:inherit;cursor:pointer;text-decoration:none}
.supplier-header-icon .icon{width:25px;height:25px;stroke-width:1.65}
.supplier-header-icon:hover,.supplier-header-icon[aria-expanded=true]{background:#f0f4f7}
.supplier-header-icon:focus-visible,.supplier-notification-panel a:focus-visible,.supplier-notification-panel button:focus-visible{outline:2px solid #b54e17;outline-offset:3px}
.supplier-notification-count{position:absolute;top:0;right:0;display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border:2px solid #fff;border-radius:12px;background:#ac4b13;color:#fff;font:700 10px/1 sans-serif}
.supplier-notification-count[hidden],.supplier-notification-panel[hidden],.supplier-notification-empty[hidden]{display:none}
.supplier-notification-anchor{position:relative}
.supplier-notification-panel{position:absolute;right:0;top:calc(100% + 14px);width:390px;max-width:calc(100vw - 24px);background:#fff;border:1px solid #e4eaf0;border-radius:16px;box-shadow:0 18px 55px #173b4c26;overflow:hidden;z-index:1100;color:#182d3b;text-align:left}
.supplier-notification-panel>header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 12px;gap:16px}
.supplier-notification-panel h2{font-size:17px;margin:0 0 5px;letter-spacing:-.025em}
.supplier-notification-panel header p{font-size:11px;color:#64758b;margin:0;line-height:1.5}
.supplier-notification-close{border:0;background:transparent;color:#64758b;font-size:25px;width:32px;height:32px;cursor:pointer}
.supplier-notification-toolbar{display:flex;justify-content:space-between;padding:0 20px 13px;border-bottom:1px solid #edf0f4;gap:15px}
.supplier-notification-toolbar button{border:0;background:transparent;color:#a94815;padding:4px 0;font-family:inherit;font-weight:600;font-size:11px;cursor:pointer;text-align:left}
.supplier-notification-toolbar button:disabled{color:#98a3ae;cursor:default}
.supplier-notification-panel ul{list-style:none;margin:0;padding:0;max-height:370px;overflow-y:auto;overscroll-behavior:contain}
.supplier-notification-panel li{border-bottom:1px solid #edf0f4}
.supplier-notification-panel li a{display:flex;align-items:flex-start;gap:12px;padding:15px 20px;color:inherit;text-decoration:none}
.supplier-notification-panel li a:hover{background:#f7f9fb}
.supplier-notification-panel li[data-unread=true]{background:#fff9f5}
.supplier-notification-symbol{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:10px;background:#f0f4f7;color:#24485d;font-size:17px}
.supplier-notification-copy{display:grid;gap:6px;min-width:0;flex:1}
.supplier-notification-copy strong{font-size:12px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
.supplier-notification-copy time{font-size:10px;color:#778796}
.supplier-notification-dot{width:7px;height:7px;flex:none;margin-top:7px;border-radius:50%;background:#b84f17}
.supplier-notification-empty{padding:30px 20px;text-align:center;color:#788797;font-size:12px;line-height:1.8;margin:0}
.supplier-notification-panel footer{display:flex;gap:20px;padding:15px 20px;background:#fafbfc}
.supplier-notification-panel footer a{font-size:11px;font-weight:700;color:#24485d;text-decoration:none}
@media(max-width:600px){.topbar{gap:8px}.topbar .brand-lockup,.supplier-header-tools,.mobile-menu,.logout-form{flex-shrink:0}.topbar .top-company-text{display:none}.topbar .top-company{padding:0}.supplier-header-tools{gap:0}.supplier-header-icon{width:44px;height:44px}.supplier-notification-panel{position:fixed;top:68px;right:12px;left:12px;width:auto;max-width:none}.supplier-notification-panel ul{max-height:55vh}}