/* Godigi Bell v5.0 */
@keyframes gds-ring {
    0%,100%{transform:rotate(0)}20%{transform:rotate(-18deg)}
    40%{transform:rotate(18deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(10deg)}
}
@keyframes gds-drop  {from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes gds-sheet {from{opacity:0;transform:translateY(60px)} to{opacity:1;transform:translateY(0)}}

.gds-bell-btn:hover{background:rgba(0,0,0,.07)!important}
.gds-bell-btn:active{background:rgba(0,0,0,.13)!important}
.gds-bell-btn.ringing .gds-bell-icon{animation:gds-ring .55s ease;transform-origin:50% 0}
.gds-bell-badge.show{display:flex!important}

/* Portal styles */
#gds-portal{position:fixed!important;top:0!important;left:0!important;width:0!important;height:0!important;z-index:2147483647!important;pointer-events:none!important;}
#gds-portal>*{pointer-events:auto!important;}

.gds-ov{
    position:fixed!important;inset:0!important;
    z-index:2147483640!important;
    background:transparent;cursor:default;
}
.gds-ov.dim{background:rgba(0,0,0,.45)!important;}

.gds-panel{
    position:fixed!important;
    z-index:2147483646!important;
    background:#fff!important;
    display:flex!important;flex-direction:column!important;
    overflow:hidden!important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
    font-size:14px!important;line-height:1.5!important;color:#222!important;
    box-sizing:border-box!important;
}
.gds-panel *{box-sizing:border-box!important;}

.gds-handle{display:none!important;justify-content:center!important;padding:10px 0 4px!important;flex-shrink:0!important;}
.gds-handle span{display:block!important;width:36px!important;height:4px!important;background:#ddd!important;border-radius:2px!important;}

.gds-hdr{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:13px 16px!important;border-bottom:1px solid #f0f0f0!important;flex-shrink:0!important;background:#fff!important;}
.gds-hdr-title{font-weight:700!important;font-size:.95rem!important;color:#1a1a2e!important;font-family:inherit!important;}
.gds-read-all{background:none!important;border:none!important;color:#c0392b!important;font-size:.78rem!important;font-weight:600!important;cursor:pointer!important;padding:5px 10px!important;border-radius:5px!important;font-family:inherit!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;outline:none!important;}
.gds-read-all:hover{background:#fff5f5!important;}

.gds-list{flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;}
.gds-list::-webkit-scrollbar{width:3px!important;}
.gds-list::-webkit-scrollbar-thumb{background:#e0e0e0!important;border-radius:2px!important;}

.gds-empty,.gds-loading{padding:40px 16px!important;text-align:center!important;color:#aaa!important;font-size:.875rem!important;font-family:inherit!important;}
.gds-empty::before{content:"🔔"!important;display:block!important;font-size:2rem!important;margin-bottom:8px!important;}

.gds-item{
    display:flex!important;align-items:flex-start!important;gap:10px!important;
    padding:13px 16px!important;border-bottom:1px solid #f5f5f5!important;
    background:#fff!important;cursor:pointer!important;
    -webkit-tap-highlight-color:rgba(192,57,43,.1)!important;
    touch-action:manipulation!important;
    user-select:none!important;-webkit-user-select:none!important;
    transition:background .1s!important;
    text-decoration:none!important;
}
.gds-item:last-child{border-bottom:none!important;}
.gds-item:hover{background:#fafafa!important;}
.gds-item:active{background:#f4f4f4!important;}
.gds-item.unread{background:#fffaf5!important;}
.gds-item.unread:hover{background:#fff4ea!important;}

.gds-dot{width:8px!important;height:8px!important;min-width:8px!important;border-radius:50%!important;background:#c0392b!important;margin-top:6px!important;opacity:0!important;flex-shrink:0!important;}
.gds-item.unread .gds-dot{opacity:1!important;}

.gds-item-body{flex:1!important;min-width:0!important;pointer-events:none!important;}
.gds-item-title{font-weight:600!important;font-size:.875rem!important;color:#1a1a2e!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-bottom:3px!important;font-family:inherit!important;}
.gds-item.unread .gds-item-title{color:#c0392b!important;}
.gds-item-text{font-size:.8rem!important;color:#718096!important;line-height:1.4!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin-bottom:3px!important;font-family:inherit!important;}
.gds-item-time{font-size:.72rem!important;color:#aaa!important;font-family:inherit!important;}
.gds-item-arrow{color:#ccc!important;font-size:1.1rem!important;margin-top:4px!important;flex-shrink:0!important;pointer-events:none!important;}

.gds-footer{padding:8px!important;border-top:1px solid #f0f0f0!important;flex-shrink:0!important;background:#fff!important;}
.gds-more{display:block!important;width:100%!important;background:none!important;border:1px solid #eee!important;border-radius:7px!important;padding:8px!important;font-size:.8rem!important;color:#718096!important;cursor:pointer!important;text-align:center!important;font-family:inherit!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;outline:none!important;}
.gds-more:hover{border-color:#c0392b!important;color:#c0392b!important;}