.notifications-modal-content{overflow-x:hidden;width:100%}.notifications-modal-content .mb-6.flex{max-width:100%;overflow-x:hidden}.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}.duration-control-layout{align-items:center;display:flex;gap:1rem;justify-content:space-between}.duration-info-block{flex:1}.duration-slider-block{flex-shrink:0}.notification-stat-value{font-size:1.5rem;font-weight:700;line-height:1.2}.notification-stat-label{font-size:.75rem;font-weight:500;letter-spacing:.05em;margin-top:.25rem;text-transform:uppercase}#notifications-content .form-input{border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));border-radius:.375rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);padding:.5rem .75rem;width:100%;--tw-border-opacity: 1;--tw-shadow: 0 1px 2px 0 rgb(0, 0, 0, .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)}#notifications-content .form-input:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246/var(--tw-ring-opacity, 1))}#notifications-content .form-input:is([data-theme=dark] *){--tw-border-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-bg-opacity: 1;--tw-text-opacity: 1}.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}.duration-control-layout{align-items:stretch;flex-direction:column;gap:1rem}.duration-info-block{text-align:center}.duration-slider-block{width:100%}.duration-slider-block .flex{flex-wrap:wrap;gap:.75rem;justify-content:center}.duration-slider{min-width:8rem;width:8rem}.duration-display-badge{margin-top:.5rem;order:1;text-align:center;width:100%}}
