/* WEB-2 Social — product-specific layer */
.web2-social-preview .connect-product-hero{
  background:
    radial-gradient(circle at 78% 16%,rgba(140,86,235,.20),transparent 34%),
    radial-gradient(circle at 10% 30%,rgba(28,203,151,.10),transparent 28%),
    linear-gradient(135deg,#091522 0%,#11192c 55%,#211a37 100%);
}
.web2-social-preview .connect-product-hero h1 .accent{color:#9a78f5}
.web2-social-preview .web2-kicker{color:#a486f7}
.web2-social-preview .web2-jumpbar a.is-active{
  background:#30254f!important;
  box-shadow:inset 0 0 0 1px #5a4685;
}
.web2-social-preview .web2-product-badges span:before{color:#9f82f5}
.social-board{
  position:relative;
  min-height:500px;
  padding:22px;
  border-radius:28px;
  border:1px solid #3b3159;
  background:radial-gradient(circle at 80% 10%,rgba(157,126,245,.12),transparent 28%),linear-gradient(150deg,#151a2d,#0c1724);
  box-shadow:0 36px 85px rgba(0,0,0,.32);
  overflow:hidden;
}.social-board-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:17px;border-bottom:1px solid #30284a}
.social-board-title small{display:block;color:#968cae;font-size:9px;text-transform:uppercase;letter-spacing:.09em}
.social-board-title strong{display:block;color:#f5f2ff;font-size:20px;margin-top:4px}
.social-board-chip{padding:7px 10px;border-radius:999px;background:#30254e;color:#bca8ff;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.social-week{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0}
.social-day{min-height:116px;padding:10px;border:1px solid #31294c;border-radius:14px;background:#101828}
.social-day>span{display:block;color:#7f7892;font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:9px}
.social-post{padding:8px;border-radius:10px;background:#221c38;border:1px solid #3c315e;margin-top:7px}
.social-post strong{display:block;color:#f1edff;font-size:10.5px;line-height:1.2}
.social-post small{display:block;color:#a99bc5;font-size:8px;margin-top:4px}
.social-post.is-green{background:#122b2a;border-color:#24504a}
.social-post.is-green small{color:#75cdb5}
.social-post.is-blue{background:#13243a;border-color:#25476b}
.social-post.is-blue small{color:#83aee7}.social-queue{display:grid;grid-template-columns:1.15fr .85fr;gap:10px}
.social-queue-card{padding:14px;border:1px solid #30284b;border-radius:15px;background:#101827}
.social-queue-card>span{display:block;color:#867d9c;font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:9px}
.social-queue-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid rgba(137,120,176,.12)}
.social-queue-line:first-of-type{border-top:0}
.social-queue-line strong{color:#e9e4f6;font-size:10.5px}
.social-queue-line small{color:#8f84a4;font-size:8.5px}
.social-status{flex:0 0 auto;padding:5px 7px;border-radius:999px;background:#30264d;color:#bda9ff;font-size:8px;font-weight:800}
.social-status.is-ready{background:#13332c;color:#67dbb7}
.social-status.is-review{background:#3a2e1f;color:#efc27a}
.social-coverage{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.social-coverage article{padding:25px;border-radius:19px;border:1px solid #30284b;background:#111a2a}
.social-coverage span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#a78cf5;font-weight:850}
.social-coverage h3{font-size:22px;color:#f5f2ff;font-weight:820;margin:10px 0}
.social-coverage p{font-size:13px;color:#aaa1ba;line-height:1.6;margin:0}.social-content-compare{overflow-x:auto;border:1px solid #31294b;border-radius:20px;background:#111a2a}
.social-content-compare table{width:100%;border-collapse:collapse;min-width:690px}
.social-content-compare th,.social-content-compare td{padding:15px 18px;border-bottom:1px solid #2a2342;text-align:left}
.social-content-compare th{color:#9a90ae;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:850}
.social-content-compare td{color:#ddd6ea;font-size:13px}
.social-content-compare td:first-child{font-weight:750;color:#f5f2ff}
.social-content-compare .yes{color:#a88cf5;font-weight:850}
.social-content-compare .muted{color:#817891}
.social-approval{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.social-approval article{padding:27px;border-radius:20px;border:1px solid #31294b;background:#111a2a}
.social-approval span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:#a88cf5}
.social-approval h3{font-size:23px;color:#f5f2ff;font-weight:820;margin:10px 0}
.social-approval p{color:#aaa1ba;font-size:14px;line-height:1.65;margin:0}
@media(max-width:991px){
  .social-coverage{grid-template-columns:1fr}
  .social-approval{grid-template-columns:1fr}
}
@media(max-width:767px){
  .social-board{min-height:0;padding:16px}
  .social-week{grid-template-columns:1fr 1fr;gap:7px}
  .social-day{min-height:100px}
  .social-queue{grid-template-columns:1fr}
  .social-coverage article,.social-approval article{padding:21px}
}
/* WEB-2 Social R1 — prevent inline emphasis from inheriting badge styles + fix queue spacing */
.social-coverage article > span:first-child,
.social-approval article > span:first-child{
  display:inline-block;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:850;
  color:#a88cf5;
}
.social-queue-line{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px 0;
  border-top:1px solid rgba(137,120,176,.12);
}
.social-queue-line:first-of-type{border-top:0}
.social-queue-line > div{min-width:0}
.social-queue-line strong{
  display:block;
  color:#e9e4f6;
  font-size:10.5px;
  line-height:1.3;
  margin:0;
}
.social-queue-line small{
  display:block;
  color:#8f84a4;
  font-size:8.5px;
  line-height:1.35;
  margin-top:3px;
}
.social-status{
  flex:0 0 auto;
  white-space:nowrap;
  align-self:center;
}
@media(max-width:480px){
  .social-queue-card{padding:12px}
  .social-queue-line{gap:8px;padding:9px 0}
  .social-queue-line strong{font-size:10px}
  .social-queue-line small{font-size:8px}
  .social-status{font-size:7.5px;padding:5px 7px}
}