/* RPM Hits Request 2026: presentation-only overlay.
 * Loaded only on the Hits Request page; no controls or playback logic changed. */
body.np-inner {
  background:
    radial-gradient(ellipse at 10% 5%,rgba(255,105,185,.18),transparent 30%),
    radial-gradient(ellipse at 91% 20%,rgba(249,136,197,.15),transparent 26%),
    linear-gradient(180deg,#fffafd 0%,#ffe9f6 47%,#fff9fd 100%);
  color:#16152f;
}
body.np-inner .np-header {
  width:min(1500px,calc(100% - 34px));height:82px;
  grid-template-columns:225px minmax(0,1fr) auto;
  padding:0 17px;border:1px solid rgba(255,194,225,.6);
  border-radius:0 0 22px 22px;background:rgba(255,255,255,.94);
  box-shadow:0 12px 26px rgba(173,24,91,.08);box-sizing:border-box;
}
body.np-inner .np-logo img,body.np-inner .np-footer-brand img {
  content:url('../images/rpm-logo-dark-preview.png');
}
body.np-inner .np-logo img {width:205px;max-height:55px;}
body.np-inner .np-nav {gap:clamp(10px,1.6vw,26px);}
body.np-inner .np-nav a {color:#41425e;font-weight:750;font-size:12px;}
body.np-inner .np-nav a:hover,
body.np-inner .np-nav a[href="request"] {color:#e10076;}
body.np-inner .np-nav a::after {background:#f40779;box-shadow:none;}
body.np-inner .np-social-top a {background:#fff;color:#24243c;border-color:#f4d4e3;}
body.np-inner .np-menu-button {color:#191931;}
body.np-inner .np-inner-shell {width:min(1460px,calc(100% - 38px));margin:20px auto 14px;}
body.np-inner .np-footer {color:#77718b;border-color:#f0d1e3;}
body.np-inner .np-footer-brand img {width:165px;max-height:48px;}
body.np-inner .np-footer-social a {color:#3e3a55;background:#fff;border-color:#f1cce0;}

body.np-inner .np-request-page {
  --rq-pink:#f40779;--rq-pink-light:#ed087d;
  --rq-text:#17152f;--rq-soft:#565371;--rq-muted:#74728a;
  color:#17152f;
}
body.np-inner .np-request-hero {
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  min-height:278px !important;margin:5px 0 19px;padding:32px clamp(20px,3vw,46px);
  border:1px solid #ffcade;border-radius:24px;
  background-image:
    linear-gradient(90deg,rgba(255,248,253,.98) 0%,rgba(255,237,248,.92) 43%,rgba(255,219,242,.48) 65%,rgba(255,203,235,.16) 100%),
    url('../images/rpm-hero-neon-alexandra-original.png');
  background-color:#ffe0f1;background-repeat:no-repeat;
  background-position:center,right 35%;background-size:cover,auto 155%;
  box-shadow:0 16px 46px rgba(166,34,105,.12);
}
body.np-inner .np-request-hero::before {display:none;}
body.np-inner .np-request-hero-copy {flex:0 0 auto;max-width:65%;}
body.np-inner .np-request-kicker,
body.np-inner .np-request-mini-label {color:#e60078 !important;font-weight:850;letter-spacing:.18em;}
body.np-inner .np-request-hero h1 {
  color:#11132f !important;font-size:clamp(31px,3.65vw,55px);
  line-height:1.04;letter-spacing:-.05em;margin-bottom:12px;
}
body.np-inner .np-request-hero p {color:#565371 !important;font-weight:600;font-size:14px;max-width:650px;}
body.np-inner .np-request-hero-badges {
  align-self:flex-start;justify-content:flex-start;gap:9px;flex-wrap:wrap;
  width:auto;max-width:100%;margin-top:19px;
}
body.np-inner .np-request-hero-badges span {
  color:#26233e !important;background:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.95);border-radius:999px;
  box-shadow:0 5px 15px rgba(160,30,94,.08);font-size:11px;
}
body.np-inner .np-request-hero-badges i {color:#e5007a;}

body.np-inner .np-request-main-card,
body.np-inner .np-request-rules-card,
body.np-inner .np-request-history-card,
body.np-inner .np-request-community {
  border:1px solid #f6d8e9;border-radius:22px;
  background:rgba(255,255,255,.91);
  box-shadow:0 15px 38px rgba(155,35,96,.10);
  color:#191831;
}
body.np-inner .np-request-main-card {padding:clamp(16px,2vw,28px);}
body.np-inner .np-request-section-head h2 {
  color:#15132e !important;font-weight:800;letter-spacing:-.035em;
}
body.np-inner .np-request-system-live {
  color:#00883d !important;background:#e9fff3;
  border:1px solid #a5e7bf;padding:8px 14px;
  letter-spacing:0;font-size:11px;
}
body.np-inner .np-request-system-dot {background:#0ba74e;box-shadow:0 0 11px #77d2a0;}
body.np-inner .np-request-frame-shell {
  border:1px solid #f7dfeb;background:#fffafc;
  border-radius:17px;box-shadow:inset 0 1px 0 #fff;
}
body.np-inner .np-request-frame-shell::before {background:linear-gradient(90deg,#f40779,transparent);box-shadow:none;}
body.np-inner .np-request-content-grid {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;}
body.np-inner .np-request-rules-card,
body.np-inner .np-request-history-card {padding:clamp(17px,2vw,24px);}
body.np-inner .np-request-rule {
  background:linear-gradient(140deg,#fffafd,#fff0f8);
  border:1px solid #f7d9e7;min-height:98px;
  box-shadow:none;
}
body.np-inner .np-request-rule:hover {background:#ffe8f5;border-color:#f8b3d3;}
body.np-inner .np-request-rule-icon,
body.np-inner .np-request-history-icon {
  background:#ffe4f2;border-color:#ffd1e8;color:#e80079 !important;
}
body.np-inner .np-request-rule strong {color:#16142e !important;}
body.np-inner .np-request-rule p {color:#68647a !important;}
body.np-inner .np-request-note {border-color:#f7d7e8;background:#fff1f8;}
body.np-inner .np-request-note p,
body.np-inner .np-request-history-copy {color:#625e76 !important;}
body.np-inner .np-request-history-frame-shell {
  background:#fff;border:1px solid #f6dfeb;
  border-radius:14px;
}
body.np-inner .np-request-community {padding:24px;}
body.np-inner .np-request-community h2 {color:#16142e !important;}
body.np-inner .np-request-community p {color:#625e76 !important;}
body.np-inner .np-request-social-actions a {
  color:#e40078 !important;background:#fff4fa;border-color:#f5c4dc;
}
body.np-inner .np-request-social-actions a:hover {background:#ffe5f2;}
body.np-inner .np-request-page .title,
body.np-inner .np-request-page .content,
body.np-inner .np-request-page .grid-item,
body.np-inner .np-request-page .lasted-item,
body.np-inner .np-request-page .nested-item {color:#17152f !important;}

@media(max-width:980px) {
 body.np-inner .np-request-hero {background-size:cover,auto 128%;background-position:center,right center;}
 body.np-inner .np-request-hero-copy {max-width:68%;}
 body.np-inner .np-request-content-grid {grid-template-columns:1fr;}
}
@media(max-width:820px) {
 body.np-inner .np-header {height:72px;grid-template-columns:1fr auto;padding:0 13px;}
 body.np-inner .np-logo img {width:174px;}
 body.np-inner .np-inner-shell {width:calc(100% - 24px);}
 body.np-inner .np-menu-button {color:#191931;}
 body.np-inner .np-nav {background:#fffafd;border:1px solid #f8d7e9;}
 body.np-inner .np-nav a {color:#28253d;}
}
@media(max-width:680px) {
 body.np-inner .np-request-hero {
  min-height:390px !important;padding:25px 20px;
  justify-content:flex-start;
  background-image:
    linear-gradient(180deg,rgba(255,248,253,.98) 0%,rgba(255,246,252,.96) 53%,rgba(255,219,240,.26) 80%),
    url('../images/rpm-hero-neon-alexandra-original.png');
  background-size:cover,auto 260px;background-position:center,right bottom;
 }
 body.np-inner .np-request-hero-copy {max-width:100%;}
 body.np-inner .np-request-hero h1 {font-size:clamp(29px,8vw,38px);}
 body.np-inner .np-request-hero-badges {margin-top:13px;}
 body.np-inner .np-request-hero-badges span {font-size:10px;min-height:31px;padding:6px 10px;}
 body.np-inner .np-request-main-card {padding:14px;}
 body.np-inner .np-request-section-head {gap:8px;flex-wrap:wrap;}
 body.np-inner .np-request-section-head h2 {font-size:23px;}
 body.np-inner .np-request-rules-grid {grid-template-columns:1fr;}
 body.np-inner .np-request-rule {min-height:76px;}
 body.np-inner .np-request-social-actions {flex-wrap:wrap;}
}
@media(prefers-reduced-motion:reduce) {
 body.np-inner .np-request-system-dot {animation:none;}
}

/* RPM ADMIN LOGIN VISIBILITY 20261101 */
body.np-inner .np-nav .np-login-link {
  align-self: center !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  margin-top: 0 !important;
  margin-left: 5px !important;
  background: #fff0f8 !important;
  border: 1px solid #f3bbd8 !important;
  border-radius: 50% !important;
  color: #c5006a !important;
  box-shadow: 0 4px 12px rgba(190,0,103,.09) !important;
}
body.np-inner .np-nav .np-login-link:hover {
  color: #fff !important;
  background: #dc0075 !important;
  border-color: #dc0075 !important;
}
body.np-inner .np-nav .np-login-link i {
  color: inherit !important;
  font-size: 17px !important;
}
@media (max-width: 900px) {
  body.np-inner .np-nav .np-login-link {
    align-self: flex-start !important;
    margin: 7px 0 !important;
  }
}