.notification-item{display:flex;flex-direction:column;min-width:100%;transition:all .2s ease;width:100%}#notifications-list{display:flex;flex-direction:column;gap:.75rem}#notifications-list .notification-item{flex:1;min-height:auto}.notification-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.dark .notification-item:hover{box-shadow:0 4px 12px #0000004d}.notification-type-icon{display:inline-block;flex-shrink:0;opacity:1;visibility:visible}.notification-timestamp{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}#notifications-content .form-input{@apply w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white;}.notifications-content::-webkit-scrollbar{width:6px}.notifications-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dark .notifications-content::-webkit-scrollbar-track{background:#374151}.notifications-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dark .notifications-content::-webkit-scrollbar-thumb{background:#6b7280}.notifications-content::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.dark .notifications-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notification-item{animation:slideInUp .3s ease-out}@media(width<=768px){.notification-item{padding:.75rem}.notification-item .flex{align-items:flex-start;flex-direction:column}.notification-item .text-right{margin-left:0;margin-top:.5rem;text-align:left}}