/* Garage Notifications 1.2 — private activity list and mobile screen. */
.hhgn-shell{max-width:760px;margin:0 auto;padding:20px 12px;color:#f7f4ea;font:15px/1.4 system-ui,-apple-system,sans-serif;box-sizing:border-box}
.hhgn-shell *{box-sizing:border-box}.hhgn-shell [hidden]{display:none!important}
.hhgn-toolbar{background:#151b13}.hhgn-head{display:flex;align-items:center;gap:7px;padding:10px 6px;position:relative}
.hhgn-head h1{flex:1;min-width:0;margin:0!important;font:800 clamp(23px,5vw,30px)/1.2 system-ui;white-space:nowrap;color:#f7f4ea}
.hhgn-head button,.hhgn-head summary{display:grid;place-items:center;width:40px;height:40px;min-width:40px;padding:0;border:0;border-radius:50%;background:transparent;color:#f7f4ea;font:700 21px/1 system-ui;cursor:pointer;list-style:none}
.hhgn-head summary::-webkit-details-marker,.hhgn-row-menu summary::-webkit-details-marker{display:none}
.hhgn-head svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.hhgn-shell details{position:relative}.hhgn-navigation nav,.hhgn-more>div,.hhgn-row-menu>div{position:absolute;z-index:4;right:0;top:43px;width:210px;padding:8px;background:#25301f;border:1px solid #4a5c3c;border-radius:12px;box-shadow:0 8px 28px #0008}
.hhgn-navigation nav{left:0;right:auto}.hhgn-navigation a{display:block;padding:11px 12px;color:#f7f4ea!important;text-decoration:none!important;border-radius:7px}.hhgn-navigation a:hover{background:#34442b}
.hhgn-more button,.hhgn-row-menu button{display:block;width:100%;height:auto;min-width:0;padding:12px;border:0;border-radius:7px;text-align:left;background:transparent;color:#f7f4ea;font:600 14px/1.4 system-ui;cursor:pointer}
.hhgn-more p{margin:5px 12px;color:#b8c6ac;font-size:12px}.hhgn-more button:hover,.hhgn-row-menu button:hover{background:#34442b}
.hhgn-tabs{display:flex;gap:6px;padding:5px 10px 13px;overflow-x:auto;scrollbar-width:none}.hhgn-tabs a{padding:9px 14px;border-radius:24px;white-space:nowrap;text-decoration:none!important;color:#d8dfd1!important;font-weight:650;font-size:15px}
.hhgn-tabs a[aria-current=page]{background:#f5d53f;color:#151515!important}
.hhgn-search{display:flex;align-items:flex-end;gap:7px;margin:0;padding:8px 12px}.hhgn-search label{flex:1;min-width:0;font-size:12px;color:#bfccb3}.hhgn-search input[type=search]{display:block;width:100%;margin-top:4px;padding:10px 12px;border:1px solid #4c5e3e;border-radius:20px;background:#263320;color:white;font:16px system-ui}.hhgn-search button{border:0;border-radius:20px;padding:12px;background:#f5d53f;color:#151515;font-weight:700}
.hhgn-group-title{font:750 20px/1.3 system-ui;margin:0!important;padding:16px 12px 8px;color:#f7f4ea}.hhgn-list{display:grid;gap:0}
.hhgn-item{position:relative;display:flex;align-items:flex-start;background:#151b13;border-bottom:1px solid #273122;padding:0;color:#f7f4ea}.hhgn-item.is-unread{background:#2c341d}
.hhgn-open{display:flex;align-items:center;flex:1;min-width:0;gap:12px;padding:13px 4px 13px 12px;color:inherit!important;text-decoration:none!important}
.hhgn-portrait{position:relative;display:block;flex:none;width:54px;height:54px;margin-right:2px}.hhgn-avatar,.hhgn-system-avatar{display:block;width:54px!important;height:54px!important;border-radius:50%;object-fit:cover;margin:0!important}
.hhgn-system-avatar{display:grid;place-items:center;background:#f5d53f;color:#151515;font:900 20px system-ui}
.hhgn-type{position:absolute;bottom:-2px;right:-3px;display:grid;place-items:center;width:23px;height:23px;background:#687d43;color:#fff;border-radius:50%;border:2px solid #151b13}.hhgn-type svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hhgn-type.is-comment{background:#279746}.hhgn-type.is-like{background:#287dc8}.hhgn-type.is-mention{background:#9557c0}.hhgn-type.is-follow{background:#9c7d16}.hhgn-type.is-error{background:#b33a36}.hhgn-type.is-video{background:#328e72}
.hhgn-copy{min-width:0;flex:1;overflow-wrap:anywhere}.hhgn-copy>span{font-size:15px;line-height:1.4}.hhgn-item.is-unread .hhgn-copy>span{font-weight:650}.hhgn-copy small{display:block;font-size:12px;font-weight:400;color:#afbea2;margin-top:4px}
.hhgn-open i{display:block;width:7px;height:7px;flex:none;border-radius:50%;background:#f5d53f;margin-left:1px}
.hhgn-row-menu{flex:none;margin:9px 5px 0 0}.hhgn-row-menu summary{display:grid;place-items:center;list-style:none;width:36px;height:40px;color:#edf0e8;font-size:17px;cursor:pointer}.hhgn-row-menu>div{right:0;top:40px}
.hhgn-empty{padding:36px 22px;display:flex;flex-direction:column;gap:7px;text-align:center;color:#b3bfa8}.hhgn-empty strong{color:#f7f4ea}.hhgn-older{display:block;text-align:center;padding:17px;color:#f5d53f!important;font-weight:650}
.hhgn-shell :is(a,button,summary):focus-visible{outline:2px solid #f5d53f;outline-offset:-2px}
@media(max-width:980px){
 .hhgn-notifications-page{overflow:hidden!important}
 .hhgn-notifications-page .hhgn-shell{position:fixed;z-index:100000;inset:0;width:100%;max-width:none;height:100dvh;margin:0!important;padding:env(safe-area-inset-top,0px) 0 calc(76px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;background:#151b13}
 .hhgn-notifications-page .hhgn-toolbar{flex:none;z-index:2;box-shadow:0 1px 0 #35422d}
 .hhgn-notifications-page .hhgn-head{padding:10px 10px 7px;gap:4px}.hhgn-notifications-page .hhgn-head h1{font-size:clamp(22px,6.4vw,29px)}
 .hhgn-notifications-page .hhgn-head>button,.hhgn-notifications-page .hhgn-head summary{width:36px;min-width:36px;height:42px}
 .hhgn-notifications-page .hhgn-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:12px}
 .hhgn-notifications-page .hhgn-copy>span{font-size:15px;line-height:1.35}.hhgn-notifications-page .hhgn-open{gap:10px;padding:12px 3px 12px 12px}
 .hhgn-notifications-page .hhgf-floating-dock{z-index:100010!important}.hhgn-notifications-page .hhgf-floating-dock .hhgf-dock-notifications{background:#f5d53f!important;color:#151515!important;border-radius:24px!important}
 .hhgn-notifications-page .hhgn-row-menu summary{width:32px}.hhgn-notifications-page .hhgn-row-menu{margin-right:3px}
}

/* 1.3 — Desktop bell toggles a private right-hand notification panel. */
.hhgn-desktop-panel{position:fixed;z-index:100030;top:calc(var(--hhgf-shell-offset,0px) + 76px);right:18px;width:420px;max-width:calc(100vw - 36px);height:min(720px,calc(100dvh - var(--hhgf-shell-offset,0px) - 94px));max-height:none;margin:0;padding:0;border:1px solid #4b573e;border-radius:14px;background:#151b13;box-shadow:0 16px 50px #0008;display:flex;flex-direction:column;overflow:hidden;color:#f7f4ea}
.hhgn-desktop-panel[hidden]{display:none!important}.hhgn-panel-head{display:flex;align-items:center;gap:14px;padding:16px 18px;flex:none;background:#1c2418;border-bottom:1px solid #36422e}.hhgn-panel-head h2{flex:1;margin:0;font:800 23px/1.3 system-ui;color:#f7f4ea}.hhgn-panel-head button{width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#303a29;color:#f7f4ea;font:26px/1 system-ui;cursor:pointer}
.hhgn-panel-tabs{display:flex;gap:6px;padding:12px 12px 8px;flex:none}.hhgn-panel-tabs button{border:0;padding:9px 12px;border-radius:20px;background:transparent;color:#d8dfd1;font:650 14px system-ui;cursor:pointer}.hhgn-panel-tabs button[aria-pressed=true]{background:#f5d53f;color:#151515}
.hhgn-desktop-panel [data-hhgn-panel-status]{margin:0;padding:0 16px;font-size:13px;color:#d0dbc4}.hhgn-desktop-panel [data-hhgn-panel-status]:not(:empty){padding-top:10px;padding-bottom:10px}.hhgn-panel-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.hhgn-desktop-panel .hhgn-open{gap:10px;padding:12px}.hhgn-desktop-panel .hhgn-copy{font-size:14px}.hhgn-desktop-panel .hhgn-portrait{flex-basis:46px;width:46px;height:46px}.hhgn-desktop-panel .hhgn-avatar{width:46px;height:46px}.hhgn-panel-see-all{display:block;flex:none;padding:15px;text-align:center;border-top:1px solid #35402c;color:#f5d53f!important;text-decoration:none;font-weight:650}.hhgn-desktop-panel [data-hhgn-panel-more]{display:block;width:100%;padding:14px;border:0;background:#26321f;color:#f4df77;font-weight:650;cursor:pointer}.hhgn-panel-active{background:#49502b!important;color:#f5d53f!important}
@media(max-width:980px){.hhgn-desktop-panel{display:none!important}}