#ws-notifications-container{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:10000;width:400px;max-width:90vw;pointer-events:none}.ws-notification{background:var(--color-white);border-radius:8px;box-shadow:0 4px 8px 0 color-mix(in srgb,var(--color-grey) 90%,transparent);padding:16px 20px;margin-bottom:12px;pointer-events:auto;position:relative;overflow:hidden;animation:ws-notification-slide-in var(--time-ease) ease-out}.ws-notification-content{display:flex;align-items:flex-start;gap:12px}.ws-notification-icon{font-family:var(--font-family-icons);font-size:24px;flex-shrink:0;line-height:1}.ws-notification.info .ws-notification-icon{color:var(--color-azzure)}.ws-notification.success .ws-notification-icon{color:var(--color-green)}.ws-notification.warning .ws-notification-icon{color:var(--color-orange)}.ws-notification.error .ws-notification-icon{color:var(--color-red)}.ws-notification-message{flex:1;font-size:14px;line-height:1.5;color:var(--color-lavagna);display:flex;flex-direction:column;gap:6px}.ws-notification-title{font-weight:600;font-size:15px;color:var(--color-lavagna)}.ws-notification-description{font-size:14px;color:var(--color-grey);line-height:1.4}.ws-notification-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.ws-notification-meta-item{font-size:12px;color:var(--color-grey);background:var(--color-avena);padding:2px 8px;border-radius:4px;display:inline-block}.ws-notification-meta-item.ws-notification-path{cursor:pointer;color:var(--color-azzure);background:color-mix(in srgb,var(--color-azzure) 15%,var(--color-white));transition:all var(--time-ease) ease;cursor:pointer}.ws-notification-meta-item.ws-notification-path:hover{background:var(--color-azzure);color:var(--color-white);transform:translateY(-1px)}.ws-notification-meta-item.clickable{user-select:none}.ws-notification-close{position:absolute;top:8px;right:8px;font-family:var(--font-family-icons);font-size:18px;color:var(--color-grey);cursor:pointer;opacity:0.6;transition:opacity var(--time-ease) ease;line-height:1;padding:4px}.ws-notification-close:hover{opacity:1}.ws-notification-progress{position:absolute;bottom:0;left:0;height:1px;background:var(--color-azzure);width:100%;transform-origin:left}.ws-notification.info .ws-notification-progress{background:var(--color-azzure)}.ws-notification.success .ws-notification-progress{background:var(--color-green)}.ws-notification.warning .ws-notification-progress{background:var(--color-orange)}.ws-notification.error .ws-notification-progress{background:var(--color-red)}@keyframes ws-notification-slide-in{from{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes ws-notification-slide-out{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(0.95)}}@keyframes ws-notification-progress{from{transform:scaleX(1)}to{transform:scaleX(0)}}.ws-notification.removing{animation:ws-notification-slide-out 0.3s ease-in forwards}