.jsgac-root,.jsgac-root *{box-sizing:border-box}
.jsgac-root{
  --navy:#0b203c;--navy2:#102b4e;--blue:#1877f2;--red:#e11d48;--green:#16a34a;
  --text:#101828;--muted:#667085;--line:#e4e7ec;--soft:#f6f8fb;--white:#fff;
  position:fixed;left:14px;top:50%;transform:translateY(-50%);z-index:999999;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif
}
.jsgac-launcher{
  position:relative;width:56px;min-height:56px;border:0;border-radius:16px;background:linear-gradient(145deg,var(--navy),var(--navy2));
  color:#fff;box-shadow:0 16px 36px rgba(11,32,60,.28);display:flex;align-items:center;justify-content:center;gap:7px;
  cursor:pointer;padding:0 10px;transition:.2s ease
}
.jsgac-launcher:hover{transform:translateY(-2px)}
.jsgac-bell{font-size:20px;line-height:1}
.jsgac-launcher-label{display:none;font-size:11px;font-weight:800}
.jsgac-unread{
  position:absolute;right:-5px;top:-6px;min-width:21px;height:21px;padding:0 5px;border:2px solid #fff;border-radius:999px;
  background:var(--red);color:#fff;font-size:10px;font-weight:900;line-height:17px;text-align:center
}
.jsgac-panel{
  position:absolute;left:68px;top:50%;transform:translateY(-50%) translateX(-12px);
  width:min(390px,calc(100vw - 98px));height:min(660px,82vh);background:#fff;border:1px solid var(--line);
  border-radius:20px;box-shadow:0 28px 70px rgba(16,24,40,.24);overflow:hidden;
  opacity:0;visibility:hidden;pointer-events:none;transition:.22s ease
}
.jsgac-root.is-open .jsgac-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%) translateX(0)}
.jsgac-head{
  height:86px;padding:15px 16px 14px 18px;background:linear-gradient(135deg,var(--navy),#0d2a4e);
  display:flex;align-items:center;justify-content:space-between;color:#fff
}
.jsgac-eyebrow{display:block;font-size:9px;font-weight:900;letter-spacing:1.6px;color:#7fb4ff;margin-bottom:3px}
.jsgac-head strong{display:block;font-size:16px;line-height:1.2}
.jsgac-head small{display:block;margin-top:5px;color:rgba(255,255,255,.66);font-size:10.5px}
.jsgac-head-actions{display:flex;gap:7px}
.jsgac-head-actions button{
  width:31px;height:31px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;cursor:pointer;padding:0
}
.jsgac-refresh{background:rgba(255,255,255,.1);font-size:16px}
.jsgac-close{background:var(--red);font-size:21px;line-height:1}
.jsgac-tabs{height:60px;padding:9px 10px;background:#f8fafc;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8px}
.jsgac-tab{
  height:40px;border:0;border-radius:11px;background:transparent;color:#667085;display:flex;align-items:center;justify-content:center;gap:8px;
  font-size:12px;font-weight:850;cursor:pointer
}
.jsgac-tab b{min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#e9eef5;color:#344054;display:grid;place-items:center;font-size:10px}
.jsgac-tab.is-active{background:#fff;color:var(--navy);box-shadow:0 3px 10px rgba(16,24,40,.08)}
.jsgac-tab.is-active b{background:#e8f1ff;color:var(--blue)}
.jsgac-body{height:calc(100% - 184px);background:#fff;overflow:hidden}
.jsgac-list{display:none;height:100%;overflow-y:auto;padding:8px 9px 12px}
.jsgac-list.is-active{display:block}
.jsgac-list::-webkit-scrollbar{width:6px}
.jsgac-list::-webkit-scrollbar-thumb{background:#d0d5dd;border-radius:999px}
.jsgac-item{
  display:flex;gap:11px;padding:13px 9px;border-bottom:1px solid #eef1f5;border-radius:11px;color:var(--text)!important;text-decoration:none!important;
  transition:.15s ease
}
.jsgac-item:hover{background:#f8fafc}
.jsgac-avatar{
  flex:0 0 42px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:900;
  background:#efe9ff;color:#7c3aed
}
.jsgac-item[data-type="job_posted"] .jsgac-avatar{background:#e8f1ff;color:#1877f2}
.jsgac-item[data-type="comment"] .jsgac-avatar{background:#fff3e6;color:#ea580c}
.jsgac-item[data-type="application"] .jsgac-avatar,.jsgac-item[data-type="cv"] .jsgac-avatar{background:#ecfdf3;color:#16a34a}
.jsgac-item[data-type="interview"] .jsgac-avatar{background:#fff0f3;color:#e11d48}
.jsgac-item[data-type="announcement"] .jsgac-avatar{background:#fff8db;color:#b7791f}
.jsgac-main{flex:1;min-width:0}
.jsgac-message{display:block;color:#344054;font-size:12.4px;line-height:1.42}
.jsgac-message strong{color:#101828}
.jsgac-title{display:block;margin-top:4px;color:var(--navy);font-size:11.8px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jsgac-time{display:flex;align-items:center;gap:6px;margin-top:5px;color:#98a2b3;font-size:9.8px}
.jsgac-dot{width:5px;height:5px;border-radius:50%;background:var(--blue)}
.jsgac-footer{
  height:38px;border-top:1px solid var(--line);padding:0 13px;background:#fbfcfe;display:flex;align-items:center;justify-content:space-between;
  color:#667085;font-size:9.5px
}
.jsgac-footer span{display:flex;align-items:center;gap:6px}
.jsgac-footer i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(22,163,74,.1)}
.jsgac-loading,.jsgac-empty{padding:48px 18px;text-align:center;color:#98a2b3;font-size:12px}
.jsgac-empty strong{display:block;color:#475467;margin-bottom:5px}

@media(min-width:1250px){
  .jsgac-root.is-open .jsgac-launcher{border-radius:16px 0 0 16px}
}
@media(max-width:700px){
  .jsgac-root{left:10px;top:auto;bottom:16px;transform:none}
  .jsgac-launcher{width:50px;height:50px;min-height:50px;border-radius:50%}
  .jsgac-panel{
    position:fixed;left:10px;right:10px;bottom:76px;top:auto;width:auto;height:min(610px,72vh);
    transform:translateY(12px);border-radius:18px
  }
  .jsgac-root.is-open .jsgac-panel{transform:translateY(0)}
  .jsgac-head{height:78px}
  .jsgac-tabs{height:56px}
  .jsgac-body{height:calc(100% - 172px)}
}


/* v1.2.0 — list-view media enhancement only.
   Activity Center placement, tabs, launcher and panel behavior are unchanged. */
.jsgac-media{
  flex:0 0 58px;
  width:58px;
  height:58px;
  border-radius:11px;
  overflow:hidden;
  display:grid;
  place-items:center;
  align-self:flex-start;
  background:#eef2f6;
}
.jsgac-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.jsgac-media.jsgac-avatar{
  font-size:12px;
  font-weight:900;
}
.jsgac-item{
  min-height:82px;
  align-items:flex-start;
}
.jsgac-main{
  padding-top:1px;
}
.jsgac-item[data-type="registration"] .jsgac-media{
  border-radius:11px;
}

/* v1.3.0 — final Notification Center: Updates | General | Freelance */
.jsgac-tabs.jsgac-tabs-three{grid-template-columns:repeat(3,1fr);gap:5px;padding-left:7px;padding-right:7px}
.jsgac-tabs-three .jsgac-tab{font-size:10.5px;gap:4px;padding:0 3px}
.jsgac-tabs-three .jsgac-tab b{min-width:18px;height:18px;font-size:9px;padding:0 4px}
.jsgac-thread{border-bottom:1px solid #eef1f5}
.jsgac-thread-head{width:100%;border:0;background:#fff;padding:11px 8px;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;text-align:left;cursor:pointer}
.jsgac-thread-head:hover{background:#f8fafc}.jsgac-thread-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e8f1ff;color:#1877f2;font-size:12px;font-weight:900}
.jsgac-thread-head span:nth-child(2){min-width:0}.jsgac-thread-head strong{display:block;color:#101828;font-size:12px}.jsgac-thread-head small{display:block;color:#667085;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.jsgac-thread-head em{min-width:20px;height:20px;border-radius:999px;background:#e11d48;color:#fff;font-style:normal;font-size:9px;font-weight:900;display:grid;place-items:center}
.jsgac-thread-chat{background:#f8fafc;padding:9px}.jsgac-chat-stream{max-height:260px;overflow:auto;padding:4px;display:flex;flex-direction:column;gap:7px}.jsgac-chat-bubble{max-width:84%;padding:8px 10px;border-radius:12px;background:#fff;border:1px solid #e4e7ec;font-size:11px;line-height:1.4}.jsgac-chat-bubble.mine{align-self:flex-end;background:#e8f1ff;border-color:#cfe0ff}.jsgac-chat-bubble.theirs{align-self:flex-start}.jsgac-chat-bubble a{display:block;margin-top:5px;font-size:10px}.jsgac-chat-bubble small{display:block;color:#98a2b3;font-size:8.5px;margin-top:4px}
.jsgac-quick-reply{display:grid;grid-template-columns:1fr 30px 52px;gap:6px;align-items:end;margin-top:8px}.jsgac-quick-reply textarea{width:100%;min-height:48px;resize:none;border:1px solid #d0d5dd;border-radius:9px;padding:8px;font:inherit;font-size:11px}.jsgac-quick-reply label{height:34px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;display:grid;place-items:center;cursor:pointer}.jsgac-quick-reply label input{display:none}.jsgac-quick-reply button{height:34px;border:0;border-radius:8px;background:#0b203c;color:#fff;font-size:10px;font-weight:800;cursor:pointer}.jsgac-quick-reply button:disabled{opacity:.55}