.credit-notifications{position:relative}.credit-notifications .notification-toggle{border:none!important;background:none!important;box-shadow:none!important;padding:.5rem!important;border-radius:50%!important;transition:background-color .2s ease}.credit-notifications .notification-toggle:hover{background-color:#0000000d!important}.credit-notifications .notification-toggle:focus{box-shadow:0 0 0 .2rem #ef532340!important}.notification-menu{width:350px;max-height:500px;border:1px solid var(--border-secondary);border-radius:.5rem;box-shadow:var(--shadow-dropdown);padding:0}.notification-header{background-color:var(--surface-secondary);border-top-left-radius:.5rem;border-top-right-radius:.5rem}.notification-header h6{color:var(--text-secondary);font-weight:600}.notification-list{max-height:350px;overflow-y:auto}.notification-item{border:none!important;padding:.75rem 1rem;transition:background-color .2s ease}.notification-item:hover{background-color:var(--surface-secondary)}.notification-item.unread{background-color:#f0f8ff;border-left:3px solid #007bff}.notification-icon{font-size:1.2rem;line-height:1;margin-top:.1rem}.notification-title{font-size:.875rem;line-height:1.3;margin-bottom:.25rem;color:var(--text-primary)}.notification-message{font-size:.8125rem;line-height:1.4;margin-bottom:.25rem}.notification-time{font-size:.75rem;line-height:1}.unread-indicator{width:8px;height:8px;margin-top:.3rem}.notification-footer{background-color:var(--surface-secondary);border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.notification-footer .btn-link{color:#007bff;font-size:.875rem;text-decoration:none}.notification-footer .btn-link:hover{color:#0056b3;text-decoration:underline}.credit-notification-toast{border-left:4px solid #007bff}.credit-notification-toast .toast-header{background-color:var(--surface-secondary);border-bottom:1px solid var(--border-secondary)}.credit-notification-toast .toast-body{font-size:.875rem;line-height:1.4}.credit-notifications .badge{font-size:.6rem;min-width:1.2rem;height:1.2rem;display:flex;align-items:center;justify-content:center}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:var(--scrollbar-track)}.notification-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}.notification-list .text-center{padding:2rem 1rem;color:var(--text-muted)}.notification-list .text-center svg{opacity:.5}.notification-list .spinner-border-sm{width:1.5rem;height:1.5rem}@media (max-width: 768px){.notification-menu{width:300px;max-height:400px}.notification-item{padding:.5rem .75rem}.notification-title{font-size:.8125rem}.notification-message{font-size:.75rem}.notification-time{font-size:.6875rem}}@media (max-width: 480px){.notification-menu{width:280px;max-height:350px}.notification-list{max-height:250px}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.credit-notification-toast{animation:slideInRight .3s ease-out}.notification-item[data-type=low_balance]{border-left-color:#ffc107}.notification-item[data-type=purchase_confirmation]{border-left-color:#28a745}.notification-item[data-type=promotional]{border-left-color:#17a2b8}.notification-item[data-type=payment_failure]{border-left-color:#dc3545}.notification-item[data-type=refund]{border-left-color:#28a745}.notification-item:focus{outline:2px solid #007bff;outline-offset:-2px}.notification-toggle:focus-visible{outline:2px solid #007bff;outline-offset:2px}@media (prefers-contrast: high){.notification-menu{border:2px solid #000}.notification-item.unread{border-left-width:4px}.unread-indicator{border:1px solid #000}}@media (prefers-reduced-motion: reduce){.credit-notification-toast{animation:none}.notification-item,.notification-toggle{transition:none}}.credit-notifications #credit-notifications-dropdown.btn-link{--bs-btn-color: grey;--bs-btn-hover-color: #D74A1F;--bs-btn-active-color: #EF5323}
