/* ===== Shared "What's New" widget — used across all ToolHub tools ===== */
.thwn-fab{
  position:fixed; right:18px; bottom:18px; z-index:900;
  display:flex; align-items:center; gap:7px;
  background:var(--surface); color:var(--accent2);
  border:1px solid var(--border2); border-radius:24px;
  padding:11px 16px; font-size:13px; font-weight:600;
  font-family:var(--font-body); cursor:pointer;
  box-shadow:0 4px 18px rgba(0,0,0,.35);
  transition:all .18s; line-height:1;
}
.thwn-fab:hover{background:var(--surface2); transform:translateY(-2px);}
.thwn-fab .thwn-dot{
  width:7px; height:7px; border-radius:50%; background:var(--green); flex-shrink:0;
  box-shadow:0 0 0 0 rgba(62,207,142,.6); animation:thwnPulse 2s infinite;
}
@keyframes thwnPulse{
  0%{box-shadow:0 0 0 0 rgba(62,207,142,.55);}
  70%{box-shadow:0 0 0 7px rgba(62,207,142,0);}
  100%{box-shadow:0 0 0 0 rgba(62,207,142,0);}
}

.thwn-panel{
  position:fixed; right:18px; bottom:78px; z-index:1050;
  width:300px; max-width:calc(100vw - 32px);
  max-height:min(480px, calc(100vh - 130px));
  background:var(--surface); border:1px solid var(--border2);
  border-radius:var(--radius-lg); box-shadow:0 14px 44px rgba(0,0,0,.5);
  overflow-y:auto; display:none;
  scrollbar-width:thin; scrollbar-color:var(--surface2) transparent;
}
.thwn-panel.open{display:block;}
.thwn-hdr{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px 8px; font-family:var(--font-head); font-weight:700;
  font-size:14px; color:var(--text); position:sticky; top:0; background:var(--surface);
}
.thwn-close{
  width:22px; height:22px; border-radius:6px; border:none;
  background:var(--surface2); color:var(--text2); cursor:pointer;
  font-size:12px; display:flex; align-items:center; justify-content:center;
}
.thwn-close:hover{background:var(--border2); color:var(--text);}
.thwn-sub{
  font-size:11.5px; color:var(--text3); padding:10px 16px 12px; line-height:1.5;
  border-bottom:1px solid var(--border); margin-bottom:4px;
}
.thwn-item{
  display:flex; align-items:flex-start; justify-content:space-between; gap:10px;
  padding:10px 16px; border-bottom:1px solid var(--border);
}
.thwn-item:last-child{border-bottom:none;}
.thwn-item-name{font-size:12.5px; color:var(--text); font-weight:500; line-height:1.45;}
.thwn-badge{
  flex-shrink:0; font-size:10px; font-weight:700; padding:3px 9px;
  border-radius:20px; white-space:nowrap; margin-top:1px;
}
.thwn-badge.live{background:var(--green-bg); color:var(--green);}
.thwn-badge.soon{background:rgba(255,255,255,.06); color:var(--text3);}
.thwn-badge.next{background:rgba(108,99,245,.15); color:var(--accent2);}

@media(max-width:480px){
  .thwn-fab .thwn-label{display:none;}
  .thwn-fab{padding:13px;border-radius:50%;}
  .thwn-panel{right:12px; left:12px; width:auto; bottom:76px;}
}