
/* v12.2 launch polish — isolated from dashboard grid/layout */
.header-actions .share-btn,
.header-actions .header-icon{
  transition:border-color .15s ease, background-color .15s ease, color .15s ease;
}
.header-actions .share-btn:hover,
.header-actions .header-icon:hover{
  border-color:#6f4bb1;
  background:#11141a;
}
.header-actions .share-btn:focus-visible,
.header-actions .header-icon:focus-visible{
  outline:2px solid #9567ed;
  outline-offset:2px;
}
.header-actions a.header-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color:inherit;
}
.notice-page{margin-left:190px;min-height:100vh;padding:94px 58px;display:flex;justify-content:center}
.notice-card{width:min(680px,100%);height:max-content;border:1px solid #292d34;background:linear-gradient(180deg,#0d1015,#090b0f);border-radius:12px;padding:42px}
.notice-kicker{color:#9d69f3;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.notice-card h1{font-size:34px;letter-spacing:-.8px;margin:12px 0;color:#f4f4f5}
.notice-card p{color:#a7abb4;font-size:14px;line-height:1.75}
.notice-status{margin:28px 0;border:1px solid #2a2e36;border-radius:8px;padding:16px;display:flex;gap:12px;align-items:flex-start}
.notice-status i{width:8px;height:8px;border-radius:50%;background:#f0a629;margin-top:6px;flex:none}
.notice-status strong{display:block;color:#e7e8ea;font-size:12px;margin-bottom:4px}
.notice-status span{color:#8f949e;font-size:11px}
.notice-actions{display:flex;gap:9px;margin-top:26px;flex-wrap:wrap}
.notice-actions a{border:1px solid #343943;background:#0d1015;color:#d8dbe1;border-radius:7px;height:34px;display:inline-flex;align-items:center;padding:0 12px;text-decoration:none;font-size:11px}
.pricing-shell{margin-left:190px;padding:72px 50px 110px;max-width:1240px}
.pricing-head{text-align:center;max-width:720px;margin:0 auto 34px}
.pricing-head .label{color:#9e68f5;font-size:10px;letter-spacing:.12em}
.pricing-head h1{font-size:42px;letter-spacing:-1.1px;margin:10px 0 12px}
.pricing-head p{color:#9ea3ac;line-height:1.65;font-size:14px}
.pricing-status{max-width:760px;margin:0 auto 28px;border:1px solid #39303f;background:#100d14;border-radius:8px;padding:12px 15px;text-align:center;color:#b9a9c7;font-size:11px}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.plan{border:1px solid #292d34;background:#0b0d11;border-radius:10px;padding:27px;min-height:410px;display:flex;flex-direction:column}
.plan.featured{border-color:#624397;background:linear-gradient(180deg,#100d16,#0b0d11)}
.plan-tag{font-size:9px;color:#9c68f0;letter-spacing:.1em;text-transform:uppercase}
.plan h2{font-size:19px;margin:10px 0 4px}
.price{font-size:32px;font-weight:650;margin:15px 0}
.price small{font-size:11px;color:#7e838d;font-weight:400}
.plan p{color:#8e939d;font-size:12px;line-height:1.6}
.plan ul{list-style:none;padding:0;margin:20px 0 26px}
.plan li{font-size:11px;color:#bdc0c6;padding:8px 0;border-bottom:1px solid #1e2228}
.plan li:before{content:"✓";color:#8d60df;margin-right:8px}
.plan .unavailable{margin-top:auto;border:1px solid #31353c;color:#777d87;background:#101217;border-radius:6px;padding:10px;text-align:center;font-size:11px}
.plan-note{text-align:center;color:#676d77;font-size:10px;margin-top:18px}
@media(max-width:900px){
  .notice-page,.pricing-shell{margin-left:0;padding:82px 20px}
  .plan-grid{grid-template-columns:1fr}
  .pricing-head h1{font-size:34px}
}


/* v12.4 — centered subscription page axis */
@media (min-width:901px){
  .pricing-shell{
    width:calc(100% - 190px);
    max-width:none;
    margin-left:190px;
    box-sizing:border-box;
  }

  .pricing-head,
  .pricing-status,
  .plan-grid,
  .plan-note{
    width:min(1050px, 100%);
    margin-left:auto;
    margin-right:auto;
  }

  .pricing-head{
    max-width:760px;
  }

  .pricing-status{
    max-width:760px;
  }
}
\n\n/* v12.5 — slightly larger subscription typography */\n.pricing-head .label{font-size:11px}\n.pricing-head p{font-size:16px;line-height:1.7}\n.pricing-status{font-size:12.5px;line-height:1.5}\n.plan-tag{font-size:10px}\n.plan h2{font-size:21px}\n.plan p{font-size:14px;line-height:1.65}\n.plan li{font-size:13px;line-height:1.45}\n.plan .unavailable{font-size:12px}\n.plan-note{font-size:11px}\n