/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--badge-diameter:22px;}#abrsd-notifications{position:fixed;top:5px;left:50%;transform:translateX(-50%);z-index:10050;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}@media (max-width:768px){#abrsd-notifications{left:20px;transform:none;}}#abrsd-notifications .abrsd-notify-bell{background:transparent;border:none;box-shadow:none;border-radius:999px;padding:8px 16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:color 0.2s ease;color:#64748b;min-width:60px;}#abrsd-notifications .abrsd-notify-bell.loading::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid transparent;border-top:2px solid #64748b;border-radius:999px;animation:bellLoad 2s linear;}@keyframes bellLoad{0%{transform:rotate(0deg);opacity:1;}100%{transform:rotate(360deg);opacity:0;}}@media (max-width:768px){#abrsd-notifications .abrsd-notify-bell{color:#1e293b;}}#abrsd-notifications .abrsd-notify-bell:hover{background:linear-gradient(135deg,rgba(255,255,255,0.2),rgba(255,255,255,0.1));transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,0.15);border-color:rgba(255,255,255,0.25);}#abrsd-notifications .abrsd-notify-bell.has-notifications{color:#000000;background:transparent;border:none;box-shadow:none;}@media (max-width:768px){#abrsd-notifications .abrsd-notify-bell.has-notifications{color:#1e293b;}}#abrsd-notifications .abrsd-notify-bell.has-notifications:hover{background:linear-gradient(135deg,rgba(0,0,0,0.1),rgba(0,0,0,0.05));border-color:rgba(0,0,0,0.2);box-shadow:0 6px 20px rgba(0,0,0,0.15);}#abrsd-notifications .abrsd-notify-bell.has-new{animation:bellJiggle 0.8s ease-in-out 3;}#abrsd-notifications .abrsd-notify-bell.vibrating{animation:bellVibrate 0.5s ease-in-out 2;}@keyframes bellJiggle{0%,100%{transform:rotate(0deg);}10%{transform:rotate(-15deg) scale(1.05);}20%{transform:rotate(15deg) scale(1.05);}30%{transform:rotate(-15deg) scale(1.05);}40%{transform:rotate(15deg) scale(1.05);}50%{transform:rotate(-10deg) scale(1.02);}60%{transform:rotate(10deg) scale(1.02);}70%{transform:rotate(-5deg) scale(1.01);}80%{transform:rotate(5deg) scale(1.01);}90%{transform:rotate(-2deg) scale(1);}}@keyframes bellRing{0%,100%{transform:rotate(0deg);}10%,30%,50%,70%,90%{transform:rotate(-10deg);}20%,40%,60%,80%{transform:rotate(10deg);}}@keyframes bellVibrate{0%,100%{transform:translateX(0);}10%,30%,50%,70%,90%{transform:translateX(-2px);}20%,40%,60%,80%{transform:translateX(2px);}}#abrsd-notifications .abrsd-badge{background:#ef4444;color:#fff;width:var(--badge-diameter);height:var(--badge-diameter);padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:11px;font-weight:600;box-shadow:none;white-space:nowrap;}#abrsd-notifications .abrsd-badge.read-only{background:#6b7280;color:#fff;border:2px solid #ef4444;}#abrsd-notifications .abrsd-notify-panel{position:absolute;top:50px;left:50%;transform:translateX(-50%);width:360px;max-height:70vh;background:rgba(20,20,20,0.95);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,0.3);color:#f1f5f9;display:flex;flex-direction:column;overflow:hidden;}@media (max-width:768px){#abrsd-notifications .abrsd-notify-panel{position:fixed;top:60px;left:50%;transform:translateX(-50%);width:calc(100vw - 40px);max-width:360px;right:auto;}}@media (max-width:400px){#abrsd-notifications .abrsd-notify-panel{width:calc(100vw - 20px);left:10px;transform:none;}}#abrsd-notifications .panel-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,0.1);}#abrsd-notifications .panel-title{font-weight:600;font-size:16px;color:#ffffff;}#abrsd-notifications .panel-content{flex:1;overflow-y:auto;min-height:0;}#abrsd-notifications .notify-list{list-style:none;margin:0;padding:0;}#abrsd-notifications .notify-item{display:block;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,0.05);transition:background-color 0.2s ease;}#abrsd-notifications .notify-item-container{display:flex;flex-direction:column;gap:8px;}#abrsd-notifications .notify-item-header{display:flex;align-items:center;gap:8px;}#abrsd-notifications .notify-item .item-main{display:block;text-decoration:none;color:inherit;}#abrsd-notifications .notify-item .unread-dot{width:8px;height:8px;background:#16a34a;border-radius:999px;box-shadow:0 0 0 2px rgba(22,163,74,0.2);animation:pulse 2s infinite;}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.5;}}#abrsd-notifications .notify-item.unread{background:rgba(22,163,74,0.1);}#abrsd-notifications .notify-item .item-title{font-size:14px;color:#f1f5f9;font-weight:500;display:block;}#abrsd-notifications .notify-item .item-time{color:#94a3b8;font-size:12px;white-space:nowrap;}#abrsd-notifications .link-pill{display:block;background:rgba(59,130,246,0.2);color:#93c5fd;border:1px solid rgba(59,130,246,0.3);border-radius:8px;padding:6px 10px;font-size:11px;font-weight:500;margin-top:8px;line-height:1.3;white-space:nowrap;width:fit-content;transition:all 0.2s ease;}#abrsd-notifications .link-pill:hover{background:rgba(59,130,246,0.3);border-color:rgba(59,130,246,0.4);color:#dbeafe;}#abrsd-notifications .panel-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,0.1);display:flex;gap:12px;justify-content:center;}#abrsd-notifications .panel-footer button{border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.1);color:#f1f5f9;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all 0.2s ease;flex:1;}#abrsd-notifications .panel-footer button:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3);}#abrsd-notifications .clear-btn{background:rgba(239,68,68,0.2) !important;border-color:rgba(239,68,68,0.3) !important;color:#fecaca !important;}#abrsd-notifications .clear-btn:hover{background:rgba(239,68,68,0.3) !important;border-color:rgba(239,68,68,0.4) !important;}#abrsd-notifications .empty-state{padding:32px 20px;text-align:center;color:#94a3b8;}#abrsd-notifications .empty-icon{font-size:24px;margin-bottom:8px;opacity:0.7;}#abrsd-notifications .empty-text{font-size:14px;font-weight:500;}.notify-list-wrapper{position:relative;display:flex;flex-direction:column;}.notify-list-wrapper .scroll-up,.notify-list-wrapper .scroll-down{display:flex;align-items:center;justify-content:center;position:sticky;width:32px;height:32px;margin:8px auto;background:linear-gradient(135deg,rgba(31,78,121,0.95),rgba(31,78,121,0.9));color:#ffffff;border:2px solid rgba(255,255,255,0.3);border-radius:50%;padding:0;font-size:0;cursor:pointer;transition:all 0.3s ease;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,0.2);opacity:1;pointer-events:auto;}.notify-list-wrapper .scroll-up::before,.notify-list-wrapper .scroll-down::before{content:'';display:block;width:16px;height:16px;background-size:contain;background-repeat:no-repeat;background-position:center;filter:brightness(0) invert(1);}.notify-list-wrapper .scroll-up::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E");}.notify-list-wrapper .scroll-down::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");}.notify-list-wrapper .scroll-up{top:0;}.notify-list-wrapper .scroll-down{bottom:0;}.notify-list-wrapper .scroll-up:hover,.notify-list-wrapper .scroll-down:hover{background:linear-gradient(135deg,rgba(31,78,121,1),rgba(31,78,121,0.95));border-color:rgba(255,255,255,0.5);box-shadow:0 4px 12px rgba(0,0,0,0.3);transform:scale(1.1);}.notify-list-wrapper .scroll-up:active,.notify-list-wrapper .scroll-down:active{transform:scale(0.95);}.notify-list-wrapper .scroll-up.is-hidden,.notify-list-wrapper .scroll-down.is-hidden{opacity:0;pointer-events:none;}.notify-list-wrapper .scroll-up:focus,.notify-list-wrapper .scroll-down:focus{outline:3px solid rgba(255,188,45,0.6);outline-offset:2px;}.notify-list-wrapper .notify-list{overflow-y:auto;max-height:400px;scroll-behavior:smooth;padding:4px 0;}.notify-list-wrapper .notify-list::-webkit-scrollbar{width:6px;}.notify-list-wrapper .notify-list::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:3px;}.notify-list-wrapper .notify-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px;}.notify-list-wrapper .notify-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3);}