.notification-dropdown{display:none;position:absolute;top:100%;right:0;background:#fff;box-shadow:0 2px 10px rgb(0 0 0 / .2);width:300px;z-index:1000}.notification-dropdown.show{display:block}div#notification-container{width:780px}#notificationWrapper{position:relative;display:inline-block}#notificationBell{cursor:pointer;font-size:18px;color:#333;position:relative;padding:5px;transition:all 0.2s ease-in-out}#notificationBell:hover{color:#4a7d91;transform:scale(1.1)}.notification-count{position:absolute;top:-10px;right:-10px;background-color:#4a7d91;color:#fff;padding:0 8px;border-radius:5px;font-size:14px;z-index:2;display:none}.notification-count.show{display:inline-block!important}@media (max-width:699px){#notificationDropdown{width:100%;position:fixed;display:none;top:70px;left:0;background:#fff;box-shadow:0 4px 8px rgb(0 0 0 / .5);padding:10px;border-radius:8px;z-index:1;list-style:none;overflow:hidden;overflow-y:auto;max-height:500px}}@media (min-width:700px){#notificationDropdown{width:500px;display:none;position:absolute;top:100%;left:0;transform:translateX(-50%);background:#fff;box-shadow:0 4px 8px rgb(0 0 0 / .5);padding:10px;border-radius:8px;z-index:1;list-style:none;overflow:hidden;max-height:500px;overflow-y:auto}}#notificationDropdown.show{display:block!important}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.notification-item{border-bottom:1px solid #ddd;display:flex;font-size:14px;color:#333;cursor:pointer;transition:background-color 0.2s ease-in-out;flex-wrap:nowrap;align-items:flex-end;justify-content:space-between}.notification-message{flex-grow:1;margin-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mark-as-read{min-width:120px;max-width:120px;text-align:center;background:#007bff;color:#fff;border:none;padding:5px 0;cursor:pointer;border-radius:4px;font-size:12px;transition:background 0.2s;flex-shrink:0}.mark-as-read:hover{background:#0056b3}.mark-as-read:hover{background:#0056b3}.no-notifications{padding:15px;text-align:center;color:#000;font-size:18px}#notificationDropdown:empty::before{content:"🔔 You have no notifications.";display:block;text-align:center;color:#999;font-size:14px;padding:15px}.notification-header{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #ddd;background-color:#f9f9f9}.view-all-notifications{text-decoration:none;color:#007bff;font-size:16px}.view-all-notifications:hover{text-decoration:underline}.close-dropdown{padding:3px;text-align:right;font-weight:700;cursor:pointer;color:red}.close-dropdown:hover{background-color:#e5e5e5}#notificationFilter{margin-bottom:10px}.filter-btn{padding:5px 10px;margin-right:5px;cursor:pointer;border:1px solid #ccc;background:#f1f1f1;color:#000}.filter-btn:hover{background:#ddd}.user-notifications{list-style:none;padding:0}.user-notifications li{padding:10px}.user-notifications li.unread{background-color:#f8d7da;font-weight:700}.user-notifications li.read{background-color:#fff;color:#666}.notification-shimmer-loading{width:100%;height:86px;background:linear-gradient(90deg,#e0e0e0 25%,#f5f5f5 50%,#e0e0e0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:5px;margin-bottom:8px;display:block}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}#notificationFilter{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}#categoryFilter{padding:6px;border-radius:5px;font-size:14px;border:1px solid #ccc;background:#f1f1f1}a.view-link{color:#4a7d91!important;font-weight:400}.notification-attachment-label{color:#c7c8c9!important;font-weight:400}.user-notifications li.unread{background-color:#ffffff!important;opacity:1;transition:background-color 0.3s ease-in-out}.user-notifications li.read{background-color:#fff!important;opacity:1}button#markAllReadBtn{padding:6px;border-radius:5px;font-size:14px;border:1px solid #ccc;background:#f1f1f1;color:#000}span.badge.unread{font-weight:400;color:#7d7d7d}.notification-time{font-size:11px;color:#7d7d7d}span.badge.read{font-size:14px;color:#7d7d7d}ul#userNotifications{list-style:none;padding-left:0;margin-left:0}.notification-message{font-size:14px;color:#7d7d7d;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%}span.order-id{font-size:11px;color:#7d7d7d}.notification-item{padding:10px;border-bottom:1px solid #ddd}.notification-wrapper{display:flex;align-items:center}.notification-thumb{flex-shrink:0;margin-right:10px}.notification-thumb img{width:40px;height:40px;object-fit:cover;border-radius:5px}.notification-content-with-thumb{flex:1}.notification-content-no-thumb{flex:1;margin-left:0}.switch-notification-settings{position:relative;display:inline-block;width:50px;height:24px}.switch-notification-settings input{opacity:0;width:0;height:0}.slider-notification-settings{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:0.4s;border-radius:24px}.slider-notification-settings:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:3px;background-color:#fff;transition:0.4s;border-radius:50%}input:checked+.slider-notification-settings{background-color:#4caf50}input:checked+.slider-notification-settings:before{transform:translateX(26px)}