/* FolioPool network, notifications and aligned header controls. */
.header-portfolio .dropdown-custom-explore{display:flex;align-items:center}
.header-portfolio .dropdown-custom-explore .explore-btn{
  height:42px!important;min-height:42px!important;box-sizing:border-box!important;
  padding:0 16px!important;line-height:1!important;white-space:nowrap;
}
.header-portfolio .btn-update-portfolio,
.header-portfolio .account-greeting{min-height:42px;box-sizing:border-box}
.foliopool-notification-center{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}
.foliopool-bell-button{
  width:42px;height:42px;border-radius:999px;border:1px solid #d8e2f7;background:#f5f8ff;
  color:#244da9;display:inline-flex;align-items:center;justify-content:center;position:relative;
  cursor:pointer;font-size:18px;transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.foliopool-bell-button:hover,.foliopool-bell-button[aria-expanded="true"]{background:#eaf0ff;border-color:#b9c9ee;color:#123fb8}
.foliopool-bell-button.has-unread i{transform-origin:50% 8% ;animation:foliopool-bell-ring 3.6s ease-in-out infinite}
@keyframes foliopool-bell-ring{0%,74%,100%{transform:rotate(0)}78%{transform:rotate(18deg)}82%{transform:rotate(-16deg)}86%{transform:rotate(12deg)}90%{transform:rotate(-8deg)}94%{transform:rotate(4deg)}}
.foliopool-bell-count{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;border:2px solid #fff;font-size:10px;font-weight:800;line-height:14px;text-align:center}
.foliopool-notification-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:min(390px,calc(100vw - 24px));background:#fff;border:1px solid #dfe7f5;border-radius:16px;box-shadow:0 22px 55px rgba(16,38,85,.2);z-index:10050;overflow:hidden}
.foliopool-notification-dropdown[hidden]{display:none!important}
.foliopool-notification-heading{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid #edf1f8}
.foliopool-notification-heading strong{font-size:16px;color:#15264d}
.foliopool-notification-heading button{border:0;background:transparent;color:#2957bd;font-size:12px;font-weight:600;cursor:pointer}
.foliopool-notification-list{max-height:410px;overflow:auto}
.foliopool-notification-item{display:flex!important;gap:11px;padding:12px 15px!important;color:#243453!important;border-bottom:1px solid #f0f3f8;text-decoration:none!important;align-items:flex-start}
.foliopool-notification-item:hover{background:#f7f9ff}
.foliopool-notification-item.is-unread{background:#eef4ff}
.foliopool-notification-avatar{width:44px;height:44px;flex:0 0 44px;position:relative;border-radius:50%;background:#eef2fa;display:inline-flex;align-items:center;justify-content:center}
.foliopool-notification-avatar img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.foliopool-notification-avatar i{position:absolute;right:-2px;bottom:-2px;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1947c4;color:#fff;font-size:9px;border:2px solid #fff}
.foliopool-notification-copy{display:flex;flex-direction:column;gap:4px;min-width:0;line-height:1.4}
.foliopool-notification-copy strong{font-size:13px;font-weight:600;color:#223455}
.foliopool-notification-copy small{font-size:11px;color:#7b879f}
.foliopool-notification-empty{padding:30px 18px;text-align:center;color:#7a879d}
.foliopool-notification-all{display:block!important;padding:12px 16px!important;text-align:center;color:#1947c4!important;font-size:13px!important;font-weight:700;border-top:1px solid #edf1f8;background:#fbfcff}
.foliopool-network-panel{background:#fff;border:1px solid #dfe7f4;border-radius:18px;padding:22px;box-shadow:0 14px 35px rgba(20,45,95,.08);margin:18px 0 28px}
.foliopool-network-title{display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid #e9eef7;padding-bottom:18px}
.foliopool-network-title>div:first-child span{color:#4266ba;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.foliopool-network-title h2{margin:4px 0 0;font-size:26px;color:#17284d}
.foliopool-network-summary{display:flex;gap:9px}
.foliopool-network-summary>a,.foliopool-network-summary>div{min-width:105px;padding:10px 12px;border:1px solid #dbe5f6;border-radius:12px;background:#f7f9ff;display:flex;flex-direction:column;align-items:center;text-decoration:none}
.foliopool-network-summary strong{font-size:20px;color:#1947c4;line-height:1.1}
.foliopool-network-summary span{font-size:11px;color:#65738d;margin-top:4px;text-align:center}
.foliopool-network-tabs{display:flex;gap:6px;overflow:auto;padding:15px 0 5px}
.foliopool-network-tabs a{padding:9px 14px;border-radius:999px;color:#52627f;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap;border:1px solid transparent}
.foliopool-network-tabs a:hover{background:#f1f5ff;color:#1947c4}
.foliopool-network-tabs a.is-active{background:#1947c4;color:#fff;border-color:#1947c4}
.foliopool-network-content{padding-top:14px}
.foliopool-network-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.foliopool-network-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e1e8f5;border-radius:14px;background:#fff;min-width:0}
.foliopool-network-avatar{width:58px;height:58px;flex:0 0 58px;border-radius:50%;overflow:hidden;background:#eff3fa;display:flex;align-items:center;justify-content:center;color:#567}
.foliopool-network-avatar img{width:58px;height:58px;object-fit:cover;border-radius:50%}
.foliopool-network-info{display:flex;flex-direction:column;min-width:0;flex:1;gap:2px}
.foliopool-network-name{font-size:14px;font-weight:800;color:#1c315f;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.foliopool-network-handle,.foliopool-network-role,.foliopool-network-info small{font-size:11px;color:#7a879c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.foliopool-network-follow{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;border:1px solid #cbd9f5;border-radius:999px;background:#f4f7ff;color:#1947c4;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}
.foliopool-network-follow.saved{background:#1947c4;border-color:#1947c4;color:#fff}
.foliopool-network-empty{padding:45px 20px;text-align:center;border:1px dashed #d8e1f0;border-radius:14px;color:#77859b;background:#fbfcff}
.foliopool-network-empty i{font-size:25px;margin-bottom:10px;color:#9aabc8}
.foliopool-network-empty p{margin:0}
.foliopool-network-privacy{font-size:12px;color:#77859b;margin:15px 0 0}
.author-social-stats{display:flex;gap:12px;align-items:center;margin-top:7px;flex-wrap:wrap}
.author-social-stats a,.author-social-stats span{display:inline-flex;gap:5px;align-items:center;color:#62718b;font-size:12px;text-decoration:none}
.author-social-stats strong{color:#173e9f;font-size:13px}
.author-social-stats a:hover{color:#1947c4}
@media(max-width:991px){.foliopool-notification-center{margin-left:auto}.foliopool-bell-button{width:38px;height:38px}.header-portfolio .dropdown-custom-explore .explore-btn{height:40px!important;min-height:40px!important}.foliopool-network-grid{grid-template-columns:1fr}.foliopool-network-title{align-items:flex-start;flex-direction:column}.foliopool-network-summary{width:100%}.foliopool-network-summary>a,.foliopool-network-summary>div{flex:1;min-width:0}.foliopool-notification-dropdown{right:-120px}}
@media(max-width:600px){.foliopool-network-panel{padding:15px;border-radius:14px}.foliopool-network-title h2{font-size:21px}.foliopool-network-card{padding:11px}.foliopool-network-avatar,.foliopool-network-avatar img{width:48px;height:48px;flex-basis:48px}.foliopool-network-follow .text{display:none}.foliopool-network-follow{width:34px;height:34px;padding:0}.foliopool-notification-dropdown{position:fixed;left:12px;right:12px;top:76px;width:auto}.author-social-stats{gap:8px}}

/* FolioPool 1.8 header order and avatar integrity. */
.header-portfolio .btn-update-portfolio,
.header-career .btn-update-portfolio{display:none!important}
.header-portfolio .main-header-inner>.account,
.header-career .main-header-inner>.account{display:flex!important;align-items:center!important;gap:8px!important;min-width:0}
.header-portfolio .account-menu,
.header-career .account-menu{display:inline-flex!important;align-items:center!important;min-width:0;flex:0 1 auto}
.header-portfolio .account-menu .tk-u,
.header-career .account-menu .tk-u{display:inline-flex!important;align-items:center!important;min-width:0;text-decoration:none!important}
.header-portfolio .account-greeting,
.header-career .account-greeting{height:42px!important;min-height:42px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;gap:8px!important;min-width:0;max-width:260px;padding:3px 12px 3px 4px!important;overflow:hidden}
.header-portfolio .account-avatar,
.header-career .account-avatar{display:inline-grid!important;place-items:center!important;width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;flex:0 0 34px!important;aspect-ratio:1/1!important;border-radius:50%!important;overflow:hidden!important;background:#eef2f8!important;box-shadow:0 0 0 1px #dfe8ff!important}
.header-portfolio .account-avatar img,
.header-career .account-avatar img{display:block!important;width:100%!important;height:100%!important;min-width:100%!important;max-width:none!important;aspect-ratio:1/1!important;object-fit:cover!important;object-position:center!important;border:2px solid #fff!important;border-radius:50%!important;margin:0!important;padding:0!important;transform:none!important}
.header-portfolio .account-name,
.header-career .account-name{display:block;min-width:0;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header-portfolio .foliopool-notification-center,
.header-career .foliopool-notification-center{order:0;z-index:10060}
.header-portfolio .account-menu,
.header-career .account-menu{order:1}

/* Instant, accessible Network & Activity tab switching. */
.foliopool-network-content{position:relative;min-height:80px;opacity:1;transform:translateY(0);transition:opacity .11s ease,transform .11s ease}
.foliopool-network-content.is-switching{opacity:0;transform:translateY(5px);pointer-events:none}
.foliopool-network-content.has-switched{animation:foliopool-network-enter .24s ease both}
.foliopool-network-tab-panel[hidden]{display:none!important}
.foliopool-network-tab-panel.is-active{display:block}
.foliopool-network-tabs a{transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.foliopool-network-tabs a:active{transform:scale(.98)}
.foliopool-network-summary a{transition:border-color .18s ease,background-color .18s ease,transform .18s ease}
.foliopool-network-summary a:hover{border-color:#b9c9ee;background:#eef3ff;transform:translateY(-1px)}
@keyframes foliopool-network-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:768px){
  .header-portfolio .account-greeting,.header-career .account-greeting{width:38px!important;height:38px!important;min-height:38px!important;padding:2px!important;background:transparent!important;border:0!important}
  .header-portfolio .account-avatar,.header-career .account-avatar{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;flex-basis:34px!important}
  .header-portfolio .account-hello,.header-portfolio .account-name,.header-career .account-hello,.header-career .account-name{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .foliopool-network-content,.foliopool-network-content.has-switched,.foliopool-network-tabs a,.foliopool-network-summary a{animation:none!important;transition:none!important}
}