/* JN Media PRO unified visual layer - 2026-09-20 */
:root{--jn-pink:#ff0aa8;--jn-purple:#7d32ff;--jn-bg:#06060d;--jn-panel:#121322;--jn-line:rgba(255,255,255,.10);--jn-muted:#a8a8b7}
body{background:radial-gradient(circle at 80% 0,#19001a 0,#080812 34%,#05050c 100%)!important;color:#fff!important}
.pro-adminbar,.jnpro-restore-nav{position:relative!important;top:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:18px 0!important;margin:0!important}
.pro-adminbar-inner,.jnpro-restore-nav{width:min(1480px,calc(100% - 56px))!important;margin:auto!important;display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;padding:10px!important;border:1px solid rgba(255,10,168,.18)!important;border-radius:18px!important;background:linear-gradient(100deg,rgba(255,10,168,.055),rgba(125,50,255,.075))!important}
.pro-adminbar a,.jnpro-restore-nav a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:58px!important;padding:10px 8px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:12px!important;background:#242536!important;color:#fff!important;text-decoration:none!important;text-align:center!important;font-size:13px!important;font-weight:850!important;line-height:1.15!important;white-space:normal!important;transition:.18s ease!important;box-sizing:border-box!important}
.pro-adminbar a:hover,.pro-adminbar a:focus,.jnpro-restore-nav a:hover,.jnpro-restore-nav a:focus,.jnpro-restore-nav a.active{background:linear-gradient(135deg,#ff0aa8,#7d32ff)!important;border-color:rgba(255,255,255,.28)!important;transform:translateY(-1px)!important;box-shadow:0 9px 24px rgba(125,50,255,.22)!important}
.pro-video-hero{min-height:390px!important;position:relative!important;overflow:hidden!important}.pro-video-hero .hero-video,.pro-video-hero .hero-overlay{position:absolute!important;inset:0!important}.pro-video-hero video{width:100%!important;height:100%!important;object-fit:cover!important}.pro-video-hero .hero-overlay{background:linear-gradient(90deg,rgba(3,3,8,.84),rgba(3,3,8,.46),rgba(3,3,8,.74))!important}.pro-video-hero .hero-content{position:relative!important;z-index:2!important;padding-top:92px!important;padding-bottom:78px!important}
body>.wrap,body>main.wrap,.admin-site-shell{width:min(1480px,calc(100% - 56px))!important;max-width:none!important;margin:34px auto 70px!important;padding:0!important}.panel{border-radius:16px!important}.cols{grid-template-columns:minmax(360px,.75fr) minmax(0,1.65fr)!important;align-items:start!important}.table{overflow-x:auto!important}.data{width:100%!important}
.pro-footer{margin-top:70px!important;border-top:1px solid var(--jn-line)!important;background:#05050b!important}
@media(max-width:1250px){.pro-adminbar-inner,.jnpro-restore-nav{grid-template-columns:repeat(5,1fr)!important}.cols{grid-template-columns:1fr!important}}
@media(max-width:760px){.pro-adminbar-inner,.jnpro-restore-nav{width:min(100% - 24px,1480px)!important;grid-template-columns:repeat(2,1fr)!important}.pro-adminbar a,.jnpro-restore-nav a{min-height:52px!important;font-size:12px!important}body>.wrap,body>main.wrap,.admin-site-shell{width:min(100% - 24px,1480px)!important}.pro-video-hero{min-height:300px!important}}
/* Login/base admin shares the same website hero/footer */
.admin-site-shell{display:block!important}.admin-site-shell>.jnpro-restore-nav{margin-top:0!important}.login{max-width:520px!important;margin:44px auto 80px!important}.login .panel{padding:30px!important}.site-header{position:relative;z-index:50}.pro-footer-inner{width:min(1480px,calc(100% - 56px));margin:auto;padding:46px 0 24px}.pro-footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:42px}.pro-footer-logo{width:180px;max-width:100%}.pro-footer-tag{color:var(--jn-muted);max-width:520px}.pro-footer-links{display:grid;gap:9px}.pro-footer a{color:#ddd;text-decoration:none}.pro-footer a:hover,.pro-footer-accent{color:#ff78cf!important}.pro-footer-bottom{margin-top:34px;padding-top:18px;border-top:1px solid var(--jn-line);display:flex;justify-content:space-between;gap:20px;color:#9292a2;font-size:13px}
@media(max-width:760px){.pro-footer-inner{width:min(100% - 28px,1480px)}.pro-footer-main{grid-template-columns:1fr}.pro-footer-bottom{flex-direction:column}}
.jn-website-product-fields{margin:18px 0;padding:16px;border:1px solid #393f52;border-radius:10px}.jn-website-product-fields legend{padding:0 8px;color:#ff2fb3;font-weight:900}
