.order-alerts{margin:18px 5%;background:#f5f7fc;border:1px solid #dce2ee;border-radius:10px;color:#131849;font:12px/1.6 Arial,sans-serif}.dashboard .order-alerts{margin:0 0 22px}.order-alerts summary{display:flex;gap:12px;align-items:center;padding:14px 18px;cursor:pointer;list-style:none}.order-alerts summary::-webkit-details-marker{display:none}.notification-dot{width:9px;height:9px;border-radius:50%;background:#8994aa;flex-shrink:0}.has-unread{background:#fff4fa;border-color:#ecc4db}.has-unread .notification-dot{background:#d92a87}.notification-count{background:#d92a87;border-radius:20px;color:#fff;padding:2px 8px}.notification-expand{margin-left:auto;font-size:10px;white-space:nowrap}.notification-body{padding:0 18px 15px}.notification-list a{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e4dce5;padding:12px 0;color:#131849;text-decoration:none}.notification-list a:hover{color:#b02070}.notification-list small{display:block;color:#687186;font-size:10px}.notification-list b{font-size:10px;color:#b02070;white-space:nowrap}.notification-settings{border-top:1px solid #e1e5ee;padding-top:12px}.notification-buttons{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.notification-buttons button{border:1px solid #cbd2e0;border-radius:5px;background:#fff;color:#131849;padding:10px 13px;font:inherit;cursor:pointer}.notification-buttons button[data-enable]{background:#131849;color:#fff}.notification-buttons a{color:#131849;text-decoration:underline}.notification-settings>small{display:block;font-size:10px;color:#647085;margin-top:12px;max-width:700px}.notification-feedback,.notification-warning{font-size:11px}.notification-warning{color:#a52d50}.order-alerts [hidden]{display:none!important}.notification-buttons button:disabled{opacity:.6;cursor:wait}.notification-buttons button:focus-visible,.order-alerts a:focus-visible,.order-alerts summary:focus-visible{outline:3px solid #d92a87;outline-offset:3px}@media(max-width:600px){.order-alerts summary{padding:12px;gap:8px}.notification-expand{font-size:0}.notification-expand:after{content:'▾';font-size:15px}.notification-body{padding:0 12px 12px}.notification-summary{font-size:11px}.notification-list a{gap:6px}.notification-buttons button{font-size:11px}}
