
:root{
  --bg:#06101c;--bg2:#0a1630;--panel:#0b1727;--line:#213955;--text:#f6f9ff;
  --muted:#9eafc4;--blue:#2596ff;--violet:#8a5dff;--green:#51d494;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden}
body{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);background:
  radial-gradient(circle at 78% 16%,rgba(87,82,255,.20),transparent 26%),
  radial-gradient(circle at 10% 24%,rgba(34,132,255,.10),transparent 28%),
  linear-gradient(115deg,#06101b,#07182c 45%,#0c1632);
}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.topbar{
  height:76px;display:flex;align-items:center;gap:24px;padding:0 3.8vw;border-bottom:1px solid rgba(118,160,210,.14);
  background:rgba(5,13,24,.84);backdrop-filter:blur(12px);position:relative;z-index:50;
}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;white-space:nowrap}
.brand img{width:44px;height:44px;border-radius:12px;object-fit:cover;box-shadow:0 0 18px rgba(44,146,255,.35)}
.brand span{font-weight:900;letter-spacing:.16em;font-size:16px}
.nav{display:flex;align-items:center;gap:6px;flex:1;justify-content:center}
.nav button,.login,.menu-toggle{
  border:0;background:transparent;color:#c6d3e2;padding:10px 11px;border-radius:10px
}
.nav button:hover,.nav button.active{color:#fff;background:rgba(255,255,255,.04)}
.top-actions{display:flex;align-items:center;gap:10px}
.langs{display:flex;align-items:center;padding:4px;border:1px solid var(--line);border-radius:13px;background:#091526}
.langs button{border:0;background:transparent;color:#b7c5d7;padding:7px 9px;border-radius:9px}
.langs button.active{background:#152d55;color:#fff}
.login{border:1px solid var(--line);padding:12px 18px;color:#fff}
.register,.primary{
  border:0;color:#fff;background:linear-gradient(135deg,#1da2ff,#8a5dff);border-radius:12px;
  padding:13px 20px;font-weight:800;box-shadow:0 10px 28px rgba(36,122,255,.18)
}
.menu-toggle{display:none;font-size:22px}
.viewport{height:calc(100vh - 76px);overflow:hidden}
.panel{display:none;height:100%;padding:34px 3.8vw}
.panel.active{display:grid}
.panel.compact{grid-template-rows:auto auto 1fr auto;gap:16px;align-content:start}
.eyebrow{font-size:12px;font-weight:900;letter-spacing:.18em;color:#6db7ff}
.home-copy{align-self:center;min-width:0}
[data-page="home"]{
  grid-template-columns:minmax(470px,.86fr) minmax(620px,1.34fr);gap:28px;align-items:center;
  padding-top:48px;padding-bottom:36px
}
.home-copy h1{font-size:clamp(64px,5.6vw,108px);line-height:.93;letter-spacing:-.055em;margin:32px 0 22px;max-width:660px}
.home-copy p{font-size:19px;line-height:1.65;color:var(--muted);max-width:700px;margin:0}
.cta-row{display:flex;gap:14px;margin-top:28px}
.secondary{border:1px solid var(--line);background:#0d1b2d;color:#fff;border-radius:12px;padding:13px 20px;font-weight:800}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.badges span{border:1px solid var(--line);border-radius:999px;padding:9px 14px;color:#b7c5d7;background:rgba(7,20,35,.55);font-size:13px}
.home-media{display:flex;align-items:center;justify-content:flex-end;min-width:0;height:100%}
.home-media img{width:min(100%,1000px);height:auto;max-height:680px;object-fit:contain;filter:drop-shadow(0 35px 65px rgba(0,0,0,.32))}
.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px}
.page-head h2{font-size:clamp(32px,3.3vw,50px);margin:6px 0 0}
.page-head p{color:var(--muted);margin:8px 0 0}
#channel-search,input,select,textarea{
  border:1px solid var(--line);background:#081524;color:#fff;border-radius:12px;padding:12px 14px;outline:none
}
#channel-search{width:310px}
.categories{display:flex;gap:8px;flex-wrap:wrap}
.categories button{border:1px solid var(--line);background:#0b1829;color:#aebdd0;border-radius:999px;padding:8px 13px}
.categories button.active{background:#15315a;color:#fff;border-color:#3776bd}
.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:12px;min-height:0}
.channel-card{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:15px;padding:12px;background:linear-gradient(180deg,#0d1b2e,#081421)}
.channel-logo{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#153963,#122139);font-weight:900;color:#88c7ff}
.channel-card small{display:block;color:#8194aa;margin-top:3px}.quality{font-size:10px;border:1px solid #2b5f98;border-radius:8px;padding:5px 6px;color:#8cc7ff}
.pager{display:flex;justify-content:center;align-items:center;gap:12px}.pager button{border:1px solid var(--line);background:#0a1728;color:#fff;border-radius:9px;padding:8px 12px}
.feature-grid,.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;min-height:0}
.feature-card,.device-card{border:1px solid var(--line);border-radius:16px;padding:18px;background:linear-gradient(180deg,#0e1d31,#081421);overflow:hidden}
.feature-card .icon,.device-card .icon{font-size:24px}.feature-card h3,.device-card h3{margin:10px 0 6px}.feature-card p,.device-card p{margin:0;color:var(--muted);line-height:1.5}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pricing-grid article{border:1px solid #2b4e75;border-radius:18px;padding:22px;background:linear-gradient(180deg,#0e1d31,#081421)}
.pricing-grid small{color:#6db7ff;font-weight:900}.pricing-grid strong{display:block;font-size:44px;margin:8px 0}.pricing-grid h3{margin:0 0 10px;color:#aebed0}.pricing-grid p{color:var(--muted);font-size:14px}
.device-rule{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:16px;padding:16px;width:max-content;background:#0a1728}
.device-rule strong{font-size:42px;color:#74bdff}.device-rule div{display:grid}.device-rule span{color:var(--muted);font-size:13px;margin-top:4px}
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.faq-item{border:1px solid var(--line);border-radius:14px;background:#0a1728;padding:0 16px}.faq-item summary{padding:16px 0;font-weight:800}.faq-item p{margin:0 0 16px;color:var(--muted);line-height:1.5}
.form-card,.auth-card{width:min(520px,92vw);margin:auto;border:1px solid var(--line);border-radius:20px;padding:26px;background:linear-gradient(180deg,#0e1d31,#081421);display:grid;gap:13px}
.auth-panel{place-items:center}.auth-card img{width:72px;height:72px;border-radius:18px;margin:auto}.auth-card h2,.form-card h2{text-align:center;margin:4px 0}
.link-btn{border:0;background:transparent;color:#7bbcff}
.nova-id-preview{padding:12px;border:1px dashed #315f91;border-radius:12px;text-align:center;color:#90a9c2}.nova-id-preview b{margin-left:10px;color:#fff}
.payment-wrap{width:100%}.payment-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px}.payment-options{display:grid;gap:10px}
.pay-option{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:#0a1728;color:#fff;border-radius:14px;padding:16px}.pay-option.active{border-color:#3e81c8;background:#10294a}.pay-option b{font-size:24px}.pay-option span{color:var(--muted)}
.bank-box{border:1px solid var(--line);border-radius:16px;padding:20px;background:#0a1728}.bank-box small{color:#8ba0b8}.bank-box strong{display:block;font-size:32px;margin:6px 0}.bank-box p{color:var(--muted)}.placeholder{border:1px dashed #315f91;padding:18px;border-radius:12px;color:#8aa1b9;margin:14px 0}
@media (max-width:1150px){
  .nav{display:none}.menu-toggle{display:block}.topbar{gap:14px}.top-actions{margin-left:auto}
  [data-page="home"]{grid-template-columns:1fr 1.1fr}
  .home-copy h1{font-size:clamp(54px,6vw,76px)}
}
@media (max-width:850px){
  .topbar{height:66px;padding:0 16px}.viewport{height:calc(100vh - 66px)}.brand span{display:none}
  .login,.register{display:none}.langs span{display:none}
  [data-page="home"]{grid-template-columns:1fr;gap:12px;text-align:center;padding:20px 18px}
  .home-copy{align-self:start}.home-copy h1{font-size:clamp(42px,11vw,64px);margin:18px auto 12px}.home-copy p{font-size:15px;margin:auto}
  .cta-row{justify-content:center;margin-top:18px}.badges{justify-content:center;margin-top:16px}.home-media{justify-content:center}.home-media img{max-height:42vh}
  .panel.compact{padding:20px 16px}.page-head{align-items:start}.page-head h2{font-size:32px}#channel-search{width:42vw}
  .channel-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.device-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr 1fr 1fr}.faq-list{grid-template-columns:1fr}.payment-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .home-media img{max-height:38vh}.badges span{font-size:11px;padding:7px 10px}.cta-row{display:grid;grid-template-columns:1fr 1fr}
  .channel-grid{grid-template-columns:1fr 1fr}.channel-card{grid-template-columns:38px 1fr auto;padding:9px}.channel-logo{width:38px;height:38px}
  .feature-grid,.device-grid{grid-template-columns:1fr 1fr}.feature-card,.device-card{padding:12px}.feature-card p,.device-card p{font-size:12px}
  .pricing-grid{gap:8px}.pricing-grid article{padding:12px}.pricing-grid strong{font-size:28px}.pricing-grid p{display:none}
  .payment-grid{grid-template-columns:1fr}.payment-options{grid-template-columns:repeat(3,1fr)}.pay-option{display:grid;padding:10px}
}

/* V1.1 — natural hero media blending only */
.home-media{
  position:relative;
  isolation:isolate;
  overflow:visible;
}
.home-media::before{
  content:"";
  position:absolute;
  inset:8% 2% 8% 6%;
  z-index:-1;
  background:
    radial-gradient(circle at 58% 48%,rgba(47,110,255,.23),transparent 42%),
    radial-gradient(circle at 78% 38%,rgba(114,72,255,.17),transparent 46%);
  filter:blur(30px);
}
.home-media img{
  width:min(100%,1040px);
  max-height:700px;
  object-fit:contain;
  filter:
    drop-shadow(0 36px 70px rgba(0,0,0,.30))
    drop-shadow(0 0 28px rgba(57,116,255,.10));
  mix-blend-mode:normal;
}
@media(max-width:850px){
  .home-media::before{inset:4% 4% 6% 4%}
  .home-media img{max-height:43vh}
}

/* V1.1 — 700-channel catalog density */
[data-page="channels"] .channel-grid{
  grid-template-columns:repeat(4,1fr);
  grid-template-rows:repeat(3,minmax(0,1fr));
}
[data-page="channels"] .channel-card{
  min-height:0;
}
@media(max-width:850px){
  [data-page="channels"] .channel-grid{
    grid-template-columns:repeat(3,1fr);
    grid-template-rows:repeat(4,minmax(0,1fr));
  }
}
@media(max-width:620px){
  [data-page="channels"] .channel-grid{
    grid-template-columns:repeat(2,1fr);
    grid-template-rows:repeat(6,minmax(0,1fr));
  }
}

/* V1.2.1 — language switch layout stability only */
@media (min-width:1281px){
  .brand{flex:0 0 auto}
  .nav{min-width:0;gap:2px}
  .nav button{white-space:nowrap;padding:10px 7px;text-align:center}
  .nav button:nth-child(1){width:76px}
  .nav button:nth-child(2){width:76px}
  .nav button:nth-child(3){width:88px}
  .nav button:nth-child(4){width:82px}
  .nav button:nth-child(5){width:116px}
  .nav button:nth-child(6){width:52px}
  .nav button:nth-child(7){width:94px}
  .top-actions{flex:0 0 auto}
  .langs button{width:48px;padding-left:0;padding-right:0;text-align:center}
  .login{width:94px;padding-left:8px;padding-right:8px;white-space:nowrap;text-align:center}
  .register{width:126px;padding-left:8px;padding-right:8px;white-space:nowrap;text-align:center}
}
@media (min-width:1151px) and (max-width:1280px){
  .nav{display:none}
  .menu-toggle{display:block}
  .topbar{gap:14px}
  .top-actions{margin-left:auto;flex:0 0 auto}
  .langs button{width:48px;padding-left:0;padding-right:0;text-align:center}
  .login{width:94px;padding-left:8px;padding-right:8px;white-space:nowrap;text-align:center}
  .register{width:126px;padding-left:8px;padding-right:8px;white-space:nowrap;text-align:center}
}

/* V1.2.3 — desktop header visibility fix only */
@media (min-width:901px) and (max-width:1280px){
  .topbar{padding:0 1.2vw;gap:6px}
  .brand{flex:0 0 auto;gap:8px}
  .brand img{width:38px;height:38px}
  .brand span{font-size:13px;letter-spacing:.12em}
  .nav{display:flex !important;min-width:0;gap:0;justify-content:center}
  .nav button{
    width:auto !important;
    white-space:nowrap;
    padding:9px 4px;
    font-size:clamp(10px,.88vw,13px);
    text-align:center
  }
  .top-actions{margin-left:0;flex:0 0 auto;gap:4px}
  .langs{padding:2px}
  .langs button{width:36px;padding:6px 0;font-size:11px;text-align:center}
  .login{width:auto;padding:10px 7px;font-size:11px;white-space:nowrap}
  .register{width:auto;padding:11px 8px;font-size:11px;white-space:nowrap}
  .menu-toggle{display:none !important}
}
@media (min-width:851px) and (max-width:900px){
  .nav{display:none !important}
  .menu-toggle{display:block !important}
  .top-actions{margin-left:auto}
}

/* V1.2.4 — desktop header typography size increase only */
@media (min-width:1281px){
  .nav button{font-size:18px}
  .langs button{font-size:16px}
  .login,.register{font-size:17px}
}
@media (min-width:901px) and (max-width:1280px){
  .nav button{font-size:clamp(13px,1.05vw,15px)}
  .langs button{font-size:13px}
  .login,.register{font-size:14px}
}

/* V1.2.5 — language switch size/layout stability only */
@media (min-width:901px){
  .topbar{min-width:0}
  .nav{min-width:590px;max-width:760px;flex:1 1 760px}
  .nav button{line-height:1.2;min-height:44px}
  .top-actions{flex:0 0 374px;justify-content:flex-end}
  .langs{flex:0 0 164px;justify-content:center}
  .langs button{flex:0 0 50px}
  .login{flex:0 0 94px;width:94px}
  .register{flex:0 0 126px;width:126px}

  .home-copy h1{
    min-height:1.86em;
    display:flex;
    align-items:flex-end;
  }
  .home-copy p{
    min-height:3.3em;
  }
}

@media (min-width:901px) and (max-width:1280px){
  .nav{min-width:0;max-width:none;flex:1 1 auto}
  .top-actions{flex:0 0 286px}
  .langs{flex:0 0 116px}
  .langs button{flex:0 0 36px;width:36px}
  .login{flex:0 0 72px;width:72px;padding-left:4px;padding-right:4px}
  .register{flex:0 0 90px;width:90px;padding-left:4px;padding-right:4px}
}


/* V1.2.6 — premium polish + password recovery UI */
:root{--glow:rgba(60,133,255,.28);--surface:rgba(10,24,42,.78)}
body{background-attachment:fixed}
.topbar{box-shadow:0 14px 38px rgba(0,0,0,.12);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}
button,.brand,.channel-card,.feature-card,.device-card,.pricing-grid article,.faq-item,.pay-option,.badges span{transition:transform .22s ease,border-color .22s ease,background-color .22s ease,box-shadow .22s ease,color .22s ease,opacity .22s ease}
.register,.primary{background:linear-gradient(135deg,#24a5ff 0%,#5b7cff 52%,#8a5dff 100%);box-shadow:0 12px 30px rgba(49,113,255,.24),inset 0 1px 0 rgba(255,255,255,.18)}
.register:hover,.primary:hover{transform:translateY(-1px);box-shadow:0 16px 36px rgba(49,113,255,.32),inset 0 1px 0 rgba(255,255,255,.22)}
.secondary:hover,.login:hover,.categories button:hover,.pager button:hover{border-color:#3b628d;background:#102039}
.channel-card,.feature-card,.device-card,.pricing-grid article,.form-card,.auth-card,.bank-box{box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 16px 40px rgba(0,0,0,.08)}
.channel-card:hover,.feature-card:hover,.device-card:hover,.pricing-grid article:hover{transform:translateY(-2px);border-color:#31577e;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 42px rgba(0,0,0,.16),0 0 0 1px rgba(54,120,196,.06)}
#channel-search:focus,input:focus,select:focus,textarea:focus{border-color:#3f83ca;box-shadow:0 0 0 3px rgba(37,150,255,.10);background:#0a1829}
.langs,.login,.badges span{box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.nav button.active{box-shadow:inset 0 -2px 0 #6c7cff}
.auth-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(16,34,57,.96),rgba(7,19,33,.98));border-color:#294767;box-shadow:0 28px 70px rgba(0,0,0,.34),0 0 0 1px rgba(63,129,202,.05)}
.auth-card::before{content:"";position:absolute;inset:-80px auto auto -80px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(42,145,255,.16),transparent 68%);pointer-events:none}
.auth-card>*{position:relative;z-index:1}
.auth-card img{box-shadow:0 10px 30px rgba(32,129,255,.22)}
.auth-card input{min-height:48px}
.auth-card .primary{min-height:48px}
.auth-assist{display:flex;justify-content:flex-end;margin-top:-5px}
.link-btn{padding:6px 4px;border-radius:8px;font-weight:700;text-decoration:none}
.link-btn:hover{color:#a8d3ff;background:rgba(87,153,255,.06)}
.forgot-link{font-size:13px;color:#87c4ff}
.auth-note{margin:0 0 3px;text-align:center;color:var(--muted);font-size:14px;line-height:1.55}
.recovery-status{display:none;border:1px solid rgba(81,212,148,.24);background:rgba(81,212,148,.07);color:#a9e8c9;border-radius:11px;padding:10px 12px;font-size:13px;line-height:1.45;text-align:center}
.recovery-status.show{display:block}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* V1.2.7 — Premium Visual Polish V2 / Strong Edition
   Visual-only pass: no content, layout structure, language logic or functionality changed. */
:root{
  --premium-blue:#39a7ff;
  --premium-indigo:#6477ff;
  --premium-violet:#9a67ff;
  --premium-line:rgba(114,166,224,.22);
  --premium-glass:rgba(8,20,36,.72);
}

body{
  position:relative;
  isolation:isolate;
}
body::before,
body::after{
  content:"";
  position:fixed;
  inset:auto;
  z-index:-2;
  pointer-events:none;
  border-radius:50%;
  filter:blur(80px);
  opacity:.58;
  will-change:transform;
}
body::before{
  width:38vw;height:38vw;min-width:420px;min-height:420px;
  right:-12vw;top:-13vw;
  background:radial-gradient(circle,rgba(72,92,255,.30) 0%,rgba(40,123,255,.13) 42%,transparent 72%);
  animation:novaAmbientA 16s ease-in-out infinite alternate;
}
body::after{
  width:32vw;height:32vw;min-width:360px;min-height:360px;
  left:-12vw;bottom:-16vw;
  background:radial-gradient(circle,rgba(31,151,255,.17) 0%,rgba(92,70,255,.09) 46%,transparent 74%);
  animation:novaAmbientB 19s ease-in-out infinite alternate;
}
@keyframes novaAmbientA{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-3vw,2vh,0) scale(1.09)}}
@keyframes novaAmbientB{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(3vw,-2vh,0) scale(1.12)}}

.topbar{
  border-bottom-color:rgba(124,171,224,.19);
  background:linear-gradient(180deg,rgba(6,16,29,.90),rgba(5,14,26,.78));
  box-shadow:0 16px 45px rgba(0,0,0,.20),inset 0 -1px 0 rgba(255,255,255,.015);
}
.topbar::after{
  content:"";
  position:absolute;left:4%;right:4%;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(58,166,255,.40),rgba(136,91,255,.34),transparent);
  opacity:.55;pointer-events:none;
}
.brand img{
  border:1px solid rgba(112,176,255,.18);
  box-shadow:0 10px 30px rgba(0,0,0,.28),0 0 26px rgba(44,146,255,.30),inset 0 1px 0 rgba(255,255,255,.13);
}
.brand:hover img{transform:translateY(-1px) scale(1.02);box-shadow:0 14px 34px rgba(0,0,0,.32),0 0 34px rgba(44,146,255,.38)}
.brand span{text-shadow:0 0 24px rgba(104,164,255,.18)}

.nav button{position:relative;overflow:hidden}
.nav button::after{
  content:"";position:absolute;left:14%;right:14%;bottom:4px;height:2px;border-radius:999px;
  background:linear-gradient(90deg,var(--premium-blue),var(--premium-violet));
  transform:scaleX(0);opacity:0;transition:transform .24s ease,opacity .24s ease;
}
.nav button:hover::after,.nav button.active::after{transform:scaleX(1);opacity:.9}
.nav button.active{background:linear-gradient(180deg,rgba(72,126,255,.10),rgba(255,255,255,.025));box-shadow:none}

.langs{
  background:linear-gradient(180deg,rgba(13,31,53,.92),rgba(7,19,34,.88));
  border-color:rgba(92,143,199,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 9px 25px rgba(0,0,0,.16);
}
.langs button.active{
  background:linear-gradient(135deg,rgba(30,123,218,.54),rgba(92,79,208,.45));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 5px 14px rgba(36,111,214,.17);
}

.register,.primary{
  position:relative;overflow:hidden;
  border:1px solid rgba(132,185,255,.18);
  background:linear-gradient(125deg,#1aa8ff 0%,#4d82ff 43%,#7a68ff 70%,#9a63ff 100%);
  box-shadow:0 14px 34px rgba(48,102,255,.29),0 0 0 1px rgba(255,255,255,.035) inset,0 1px 0 rgba(255,255,255,.20) inset;
}
.register::before,.primary::before{
  content:"";position:absolute;top:-80%;left:-55%;width:38%;height:260%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);
  transform:rotate(18deg) translateX(-240%);transition:transform .65s cubic-bezier(.2,.7,.2,1);
  pointer-events:none;
}
.register:hover::before,.primary:hover::before{transform:rotate(18deg) translateX(560%)}
.register:hover,.primary:hover{transform:translateY(-2px);filter:saturate(1.07) brightness(1.03);box-shadow:0 20px 44px rgba(48,102,255,.37),0 0 24px rgba(101,103,255,.18)}
.register:active,.primary:active{transform:translateY(0) scale(.99)}
.secondary,.login,.pager button,.categories button{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 20px rgba(0,0,0,.08);
}

.home-copy{position:relative;z-index:2}
.eyebrow{text-shadow:0 0 20px rgba(74,164,255,.30)}
.home-copy h1{
  background:linear-gradient(180deg,#ffffff 0%,#f2f7ff 52%,#b9cee7 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 18px 60px rgba(0,0,0,.14);
}
.home-copy p{text-shadow:0 8px 24px rgba(0,0,0,.16)}
.badges span{
  position:relative;overflow:hidden;
  border-color:rgba(107,159,216,.28);
  background:linear-gradient(180deg,rgba(17,38,64,.68),rgba(7,20,35,.58));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 10px 25px rgba(0,0,0,.08);
}
.badges span:hover{transform:translateY(-1px);border-color:rgba(91,171,255,.44);color:#e5f2ff}

.home-media::before{
  inset:3% -1% 2% 2%;
  background:
    radial-gradient(circle at 59% 49%,rgba(34,123,255,.34),transparent 37%),
    radial-gradient(circle at 80% 36%,rgba(128,77,255,.25),transparent 42%),
    radial-gradient(ellipse at 47% 76%,rgba(29,171,255,.12),transparent 48%);
  filter:blur(38px);
  animation:heroAura 7.5s ease-in-out infinite alternate;
}
.home-media::after{
  content:"";position:absolute;left:10%;right:2%;bottom:7%;height:14%;z-index:-1;
  border-radius:50%;background:radial-gradient(ellipse,rgba(34,116,255,.20),transparent 67%);
  filter:blur(24px);pointer-events:none;
}
.home-media img{
  transform:translateZ(0);
  filter:drop-shadow(0 42px 84px rgba(0,0,0,.38)) drop-shadow(0 0 38px rgba(61,119,255,.16));
  animation:heroFloat 7s ease-in-out infinite;
}
@keyframes heroAura{from{transform:scale(.98);opacity:.82}to{transform:scale(1.035);opacity:1}}
@keyframes heroFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-6px,0)}}

.channel-card,.feature-card,.device-card,.pricing-grid article,.faq-item,.form-card,.auth-card,.bank-box,.pay-option{
  position:relative;
  border-color:rgba(83,127,175,.34);
  background-image:linear-gradient(180deg,rgba(15,32,54,.96),rgba(7,19,33,.97));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 46px rgba(0,0,0,.12);
}
.channel-card::before,.feature-card::before,.device-card::before,.pricing-grid article::before,.faq-item::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;
  background:linear-gradient(130deg,rgba(63,154,255,.10),transparent 34%,transparent 68%,rgba(142,92,255,.07));
  transition:opacity .25s ease;
}
.channel-card:hover::before,.feature-card:hover::before,.device-card:hover::before,.pricing-grid article:hover::before,.faq-item:hover::before{opacity:1}
.channel-card:hover,.feature-card:hover,.device-card:hover,.pricing-grid article:hover{
  transform:translateY(-3px);
  border-color:rgba(73,155,243,.50);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 22px 52px rgba(0,0,0,.23),0 0 26px rgba(43,111,204,.08);
}
.channel-logo{
  border:1px solid rgba(110,172,235,.17);
  background:linear-gradient(135deg,#173f6d,#142a48 58%,#262b65);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 18px rgba(0,0,0,.15);
}
.quality{background:rgba(21,64,106,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}

.pricing-grid article:nth-child(2){
  border-color:rgba(75,154,244,.52);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 20px 55px rgba(0,0,0,.16),0 0 36px rgba(56,113,255,.07);
}
.pricing-grid strong{text-shadow:0 0 26px rgba(83,145,255,.12)}

.auth-card,.form-card{
  border-color:rgba(80,139,201,.43);
  background:linear-gradient(180deg,rgba(14,32,54,.97),rgba(6,18,32,.985));
  box-shadow:0 32px 80px rgba(0,0,0,.38),0 0 0 1px rgba(70,143,220,.05),inset 0 1px 0 rgba(255,255,255,.055);
}
.auth-card::after,.form-card::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 29%,transparent 72%,rgba(94,76,255,.035));
}
.auth-card input,.form-card input,.form-card select,.form-card textarea,#channel-search{
  transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,transform .2s ease;
}
.auth-card input:focus,.form-card input:focus,.form-card select:focus,.form-card textarea:focus,#channel-search:focus{
  border-color:rgba(73,166,255,.74);
  box-shadow:0 0 0 3px rgba(48,144,255,.10),0 10px 25px rgba(0,0,0,.10),0 0 24px rgba(44,126,255,.06);
}

.panel.active{
  animation:panelPremiumIn .34s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes panelPremiumIn{from{opacity:.01;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

.faq-item summary{cursor:pointer}
.faq-item:hover{border-color:rgba(78,145,214,.46)}
.pay-option:hover{transform:translateY(-1px);border-color:rgba(79,153,231,.48)}
.pay-option.active{background:linear-gradient(135deg,rgba(21,53,91,.98),rgba(24,40,80,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 13px 30px rgba(0,0,0,.14),0 0 24px rgba(54,121,255,.07)}

@media (prefers-reduced-motion:reduce){
  body::before,body::after,.home-media::before,.home-media img{animation:none!important}
  .panel.active{animation:none!important}
}

/* V1.2.9 — STABLE RESPONSIVE FOUNDATION
   Purpose: keep desktop geometry identical across KA/RU/EN and prevent hero-title clipping.
   No content or feature changes. */
@media (min-width:901px){
  .topbar{
    padding-left:clamp(18px,2.25vw,44px);
    padding-right:clamp(18px,2.25vw,44px);
    gap:clamp(8px,1vw,18px);
    min-width:0;
  }
  .brand{
    flex:0 0 clamp(136px,10.8vw,190px);
    min-width:0;
    gap:10px;
  }
  .brand img{width:42px;height:42px;flex:0 0 42px}
  .brand span{
    font-size:clamp(13px,1vw,16px);
    letter-spacing:.12em;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .nav{
    display:grid !important;
    grid-template-columns:repeat(7,minmax(0,1fr));
    flex:1 1 auto;
    min-width:0;
    max-width:none;
    gap:2px;
  }
  .nav button{
    width:100% !important;
    min-width:0;
    min-height:44px;
    padding:8px 3px;
    font-size:clamp(13px,.92vw,16px);
    line-height:1.12;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:clip;
  }
  .top-actions{
    flex:0 0 clamp(300px,24vw,370px);
    width:clamp(300px,24vw,370px);
    min-width:0;
    gap:6px;
    justify-content:flex-end;
    margin-left:0;
  }
  .langs{
    flex:0 0 clamp(126px,10vw,154px);
    width:clamp(126px,10vw,154px);
    justify-content:space-between;
  }
  .langs button{
    flex:1 1 0;
    width:auto !important;
    min-width:0;
    padding:7px 2px;
    font-size:clamp(12px,.84vw,14px);
    white-space:nowrap;
  }
  .login{
    flex:0 0 clamp(76px,6.3vw,96px);
    width:clamp(76px,6.3vw,96px) !important;
    padding:11px 5px;
    font-size:clamp(13px,.88vw,15px);
    white-space:nowrap;
    overflow:hidden;
  }
  .register{
    flex:0 0 clamp(94px,8.2vw,128px);
    width:clamp(94px,8.2vw,128px) !important;
    padding:12px 5px;
    font-size:clamp(13px,.88vw,15px);
    white-space:nowrap;
    overflow:hidden;
  }
  .menu-toggle{display:none !important}

  [data-page="home"]{
    grid-template-columns:minmax(430px,.88fr) minmax(560px,1.28fr);
    gap:clamp(20px,2.2vw,42px);
    padding-top:clamp(30px,4.2vh,48px);
    padding-bottom:clamp(28px,4vh,42px);
  }
  .home-copy{
    align-self:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    max-width:720px;
  }
  .home-copy h1{
    box-sizing:border-box;
    width:100%;
    max-width:700px;
    height:2.18em;
    min-height:2.18em;
    margin:22px 0 18px;
    padding:.02em 0 .10em;
    display:flex;
    align-items:center;
    overflow:visible;
    font-size:clamp(54px,4.75vw,90px);
    line-height:1.02;
    letter-spacing:-.048em;
  }
  .home-copy p{
    width:100%;
    max-width:700px;
    height:3.35em;
    min-height:3.35em;
    margin:0;
    overflow:visible;
    font-size:clamp(16px,1.05vw,19px);
    line-height:1.55;
  }
  .cta-row{margin-top:24px}
  .badges{margin-top:24px}
  .home-media{min-width:0;overflow:visible}
  .home-media img{max-width:100%;max-height:min(68vh,700px)}
}

/* Keep full desktop navigation visible without language-dependent reflow. */
@media (min-width:901px) and (max-width:1180px){
  .topbar{gap:6px;padding-left:12px;padding-right:12px}
  .brand{flex-basis:122px}
  .brand img{width:36px;height:36px;flex-basis:36px}
  .brand span{font-size:12px;letter-spacing:.08em}
  .nav button{font-size:11.5px;padding-left:1px;padding-right:1px}
  .top-actions{flex-basis:270px;width:270px;gap:4px}
  .langs{flex-basis:108px;width:108px;padding:2px}
  .langs button{font-size:11px;padding:6px 0}
  .login{flex-basis:68px;width:68px !important;font-size:11.5px;padding-left:2px;padding-right:2px}
  .register{flex-basis:86px;width:86px !important;font-size:11.5px;padding-left:2px;padding-right:2px}
  [data-page="home"]{grid-template-columns:minmax(405px,.9fr) minmax(500px,1.15fr)}
  .home-copy h1{font-size:clamp(50px,4.7vw,64px)}
}

@media (min-width:1181px) and (max-width:1450px){
  .nav button{font-size:clamp(12.5px,.94vw,14px)}
  .top-actions{flex-basis:310px;width:310px}
  .langs{flex-basis:120px;width:120px}
  .login{flex-basis:76px;width:76px !important;font-size:13px}
  .register{flex-basis:102px;width:102px !important;font-size:13px}
}

/* Mobile/tablet retains the existing compact layout; only remove desktop title-height lock. */
@media (max-width:900px){
  .home-copy h1{height:auto;min-height:0;display:block;overflow:visible}
  .home-copy p{height:auto;min-height:0}
}

/* V1.2.10 — requested header/title fixes only
   1) Make desktop navigation more prominent and slightly larger.
   2) Keep Georgian Register fully visible.
   3) Prevent Georgian home-title glyphs from being clipped at the bottom.
   No other visual or functional changes. */
@media (min-width:901px){
  .nav button{
    font-size:clamp(14px,1vw,17px);
    font-weight:700;
    letter-spacing:.01em;
    color:#dbe7f7;
  }
  .nav button:hover,.nav button.active{color:#fff}

  .top-actions{
    flex-basis:clamp(330px,25.5vw,390px);
    width:clamp(330px,25.5vw,390px);
  }
  .register{
    flex-basis:clamp(118px,9.3vw,142px);
    width:clamp(118px,9.3vw,142px) !important;
    padding-left:10px;
    padding-right:10px;
    overflow:visible;
    text-overflow:clip;
  }

  .home-copy h1{
    height:auto;
    min-height:2.42em;
    display:block;
    line-height:1.08;
    padding:.02em 0 .18em;
    overflow:visible;
  }
}

@media (min-width:901px) and (max-width:1180px){
  .nav button{font-size:13px;font-weight:700}
  .top-actions{flex-basis:292px;width:292px}
  .langs{flex-basis:102px;width:102px}
  .login{flex-basis:66px;width:66px !important;font-size:11.5px}
  .register{flex-basis:112px;width:112px !important;font-size:12px;padding-left:4px;padding-right:4px}
}

@media (min-width:1181px) and (max-width:1450px){
  .nav button{font-size:15px;font-weight:700}
  .top-actions{flex-basis:350px;width:350px}
  .langs{flex-basis:118px;width:118px}
  .login{flex-basis:78px;width:78px !important;font-size:13px}
  .register{flex-basis:132px;width:132px !important;font-size:13.5px;padding-left:7px;padding-right:7px}
}

/* V1.2.11 — HEADER FIT FIX ONLY
   Keeps logo/brand + all 7 navigation items + language/login/register visible
   on desktop without overlap. No other page styles changed. */
@media (min-width:901px){
  .topbar{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:clamp(6px,.7vw,12px);
    padding-left:clamp(12px,1.35vw,24px);
    padding-right:clamp(12px,1.35vw,24px);
  }
  .brand{
    flex:0 0 clamp(138px,11.5vw,176px);
    gap:8px;
    min-width:0;
  }
  .brand img{
    width:40px;
    height:40px;
    flex:0 0 40px;
  }
  .brand span{
    font-size:clamp(12.5px,.9vw,15px);
    letter-spacing:.10em;
    overflow:visible;
    text-overflow:clip;
  }
  .nav{
    display:grid !important;
    grid-template-columns:.82fr .82fr 1.02fr .94fr 1.30fr .55fr 1.06fr;
    flex:1 1 auto;
    min-width:0;
    gap:1px;
  }
  .nav button{
    width:100% !important;
    min-width:0;
    padding:8px 2px;
    font-size:clamp(12.5px,.91vw,15px);
    font-weight:700;
    letter-spacing:0;
    line-height:1.1;
    white-space:nowrap;
    overflow:visible;
    text-overflow:clip;
  }
  .top-actions{
    flex:0 0 clamp(288px,23.2vw,334px);
    width:clamp(288px,23.2vw,334px);
    gap:4px;
    min-width:0;
  }
  .langs{
    flex:0 0 clamp(108px,8.9vw,126px);
    width:clamp(108px,8.9vw,126px);
    padding:2px;
  }
  .langs button{
    min-width:0;
    padding:6px 1px;
    font-size:clamp(11px,.78vw,13px);
  }
  .login{
    flex:0 0 clamp(64px,5.3vw,76px);
    width:clamp(64px,5.3vw,76px) !important;
    padding-left:3px;
    padding-right:3px;
    font-size:clamp(11.5px,.82vw,13px);
  }
  .register{
    flex:1 1 auto;
    min-width:104px;
    width:auto !important;
    padding-left:7px;
    padding-right:7px;
    font-size:clamp(12px,.84vw,13.5px);
    white-space:nowrap;
    overflow:visible;
  }
}

@media (min-width:901px) and (max-width:1180px){
  .topbar{gap:4px;padding-left:8px;padding-right:8px}
  .brand{flex-basis:112px;gap:6px}
  .brand img{width:34px;height:34px;flex-basis:34px}
  .brand span{font-size:11px;letter-spacing:.06em}
  .nav button{font-size:11.4px;padding-left:0;padding-right:0}
  .top-actions{flex-basis:264px;width:264px;gap:3px}
  .langs{flex-basis:94px;width:94px}
  .langs button{font-size:10.5px}
  .login{flex-basis:58px;width:58px !important;font-size:10.8px}
  .register{min-width:106px;font-size:11.2px;padding-left:3px;padding-right:3px}
}

@media (min-width:1181px) and (max-width:1450px){
  .brand{flex-basis:142px}
  .brand img{width:38px;height:38px;flex-basis:38px}
  .brand span{font-size:12.5px;letter-spacing:.08em}
  .nav button{font-size:13.5px}
  .top-actions{flex-basis:306px;width:306px}
  .langs{flex-basis:110px;width:110px}
  .login{flex-basis:66px;width:66px !important;font-size:12px}
  .register{min-width:118px;font-size:12.5px}
}

/* V1.3.0 auth integration: status text only, no layout redesign */
.auth-card .recovery-status{min-height:1.25rem;margin-top:.45rem;line-height:1.35}
.auth-card button[disabled]{opacity:.62;cursor:wait}

/* V1.3.1 auth session state */
.account-btn{
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(19,37,61,.94),rgba(9,24,42,.96));
  color:#fff;
  padding:12px 16px;
  border-radius:14px;
  font:inherit;
  font-weight:700;
  white-space:nowrap;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.account-btn:hover{border-color:#4d77a7;background:#122743}
.account-email{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(5,15,27,.58);
  color:#dbeafe;
  font-weight:650;
  word-break:break-word;
  text-align:center;
}
@media(max-width:900px){.account-btn{display:none}}

/* V1.3.2 unified account panel */
.account-panel{align-items:start;overflow:auto;padding-top:22px;padding-bottom:26px}
.account-shell{width:min(1120px,94vw);margin:0 auto;display:grid;gap:18px}
.account-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(15,34,57,.92),rgba(8,22,38,.96));box-shadow:0 22px 60px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.04)}
.account-brand{display:flex;align-items:center;gap:16px}.account-brand img{width:58px;height:58px;border-radius:16px;box-shadow:0 10px 26px rgba(32,129,255,.18)}
.account-brand h2{margin:2px 0 0;font-size:clamp(25px,2.3vw,36px)}
.account-head-logout{white-space:nowrap}
.account-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.account-summary-card{min-height:105px;padding:17px 18px;border:1px solid rgba(60,101,145,.55);border-radius:18px;background:linear-gradient(180deg,rgba(15,34,56,.88),rgba(8,22,37,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.035);display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:0}
.account-summary-card span{color:#91a9c4;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.account-summary-card strong{font-size:20px;color:#eef6ff;overflow-wrap:anywhere}.account-summary-card.nova-id strong{color:#8ec8ff;letter-spacing:.05em}.account-summary-card.identity strong{font-size:16px}
.account-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.account-box{border:1px solid var(--line);border-radius:20px;padding:18px;background:linear-gradient(180deg,rgba(14,31,51,.9),rgba(7,19,32,.96));min-height:220px}.account-box-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.account-box h3{margin:2px 0 0;font-size:19px}
.account-list{display:grid;gap:9px}.account-list-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 13px;border:1px solid rgba(52,89,127,.48);background:rgba(4,14,25,.48);border-radius:13px}.account-list-row div{display:grid;gap:3px;min-width:0}.account-list-row strong{font-size:14px;overflow-wrap:anywhere}.account-list-row small{color:#8ea5bf;font-size:12px}.account-list-row>span{font-size:11px;font-weight:800;color:#9bcfff;white-space:nowrap}.account-empty{min-height:118px;border:1px dashed rgba(69,109,151,.42);border-radius:14px;display:grid;place-items:center;text-align:center;color:#839ab3;padding:18px}
.payment-status.pending{color:#ffd37b}.payment-status.paid{color:#86e2bb}.payment-status.rejected,.payment-status.not_found{color:#ff9eae}
.account-danger{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 18px;border:1px solid rgba(202,77,93,.3);border-radius:18px;background:rgba(93,20,32,.12)}.account-danger strong{display:block;color:#ffd7dc;margin-bottom:4px}.account-danger p{margin:0;color:#b9969c;font-size:13px;line-height:1.45}.danger-btn{border:1px solid rgba(255,102,124,.48);background:rgba(137,31,48,.25);color:#ffd7dc;border-radius:13px;padding:11px 15px;font:inherit;font-weight:750;cursor:pointer;white-space:nowrap}.danger-btn:hover{background:rgba(157,37,56,.38);border-color:rgba(255,126,145,.7)}.danger-btn[disabled]{opacity:.6;cursor:wait}
@media(max-width:860px){.account-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-grid-two{grid-template-columns:1fr}.account-head{align-items:flex-start}.account-danger{align-items:flex-start;flex-direction:column}.account-head-logout{display:none}}
@media(max-width:520px){.account-summary-grid{grid-template-columns:1fr}.account-shell{width:94vw}.account-summary-card{min-height:88px}.account-brand img{width:50px;height:50px}}

/* V1.3.4 manual bank-transfer payment request */
.payment-bank-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 10px}
.payment-bank-option{border:1px solid rgba(66,108,153,.55);background:rgba(5,17,30,.72);color:#a9bdd3;border-radius:12px;padding:11px 14px;font:inherit;font-weight:800;cursor:pointer;transition:.2s ease}
.payment-bank-option:hover{border-color:rgba(88,157,231,.7);color:#eef7ff}.payment-bank-option.active{border-color:#4e9cff;background:linear-gradient(135deg,rgba(30,87,154,.55),rgba(54,50,139,.52));color:#fff;box-shadow:0 0 24px rgba(64,123,255,.12)}
.payment-bank-details{display:grid;gap:9px;border:1px solid rgba(62,103,145,.5);padding:14px;border-radius:14px;background:rgba(4,15,27,.46);margin:12px 0}
.payment-bank-details>div{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1.3fr);align-items:center;gap:12px;padding:8px 6px;border-bottom:1px solid rgba(55,91,128,.24)}
.payment-bank-details>div:last-child{border-bottom:0}.payment-bank-details span{color:#86a0bb;font-size:12px;font-weight:700}.payment-bank-details strong{font-size:14px;margin:0;color:#eff7ff;overflow-wrap:anywhere}
.payment-request-status{display:none;margin:10px 0 12px;padding:11px 12px;border-radius:12px;font-size:13px;line-height:1.45}.payment-request-status.show{display:block}.payment-request-status.success{border:1px solid rgba(63,179,132,.38);background:rgba(34,117,87,.16);color:#99e3c5}.payment-request-status.error{border:1px solid rgba(219,92,111,.38);background:rgba(120,34,50,.17);color:#ffc0ca}
#already-paid[disabled]{opacity:.62;cursor:wait}
@media(max-width:560px){.payment-bank-details>div{grid-template-columns:1fr;gap:4px}}


/* V1.3.5 — Admin Payments only */
.admin-top-btn{border-color:rgba(105,151,255,.5);background:linear-gradient(180deg,rgba(33,62,105,.96),rgba(15,35,64,.98));color:#ddecff}
.admin-payments-panel{align-items:start;overflow:auto;padding-top:22px;padding-bottom:28px}
.admin-payments-shell{width:min(1180px,95vw);margin:0 auto;display:grid;gap:14px}
.admin-payments-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(15,34,57,.93),rgba(8,22,38,.97))}
.admin-payments-head h2{margin:2px 0 4px;font-size:clamp(25px,2.2vw,34px)}.admin-payments-head p{margin:0;color:#91a8c2;font-size:13px}
.admin-payment-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-payment-stats article{padding:14px 16px;border:1px solid rgba(58,97,139,.5);border-radius:16px;background:rgba(7,20,34,.78);display:flex;align-items:center;justify-content:space-between}.admin-payment-stats span{color:#8fa7c1;font-size:12px;font-weight:750}.admin-payment-stats strong{font-size:23px;color:#eaf5ff}
.admin-payment-filters{display:flex;gap:7px;flex-wrap:wrap}.admin-payment-filters button,.admin-payment-actions button{border:1px solid rgba(62,103,145,.52);background:rgba(6,18,31,.75);color:#a9bfd6;border-radius:11px;padding:9px 12px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.admin-payment-filters button.active{border-color:#4e9cff;background:rgba(44,100,168,.34);color:#fff}
.admin-payment-list{display:grid;gap:9px}.admin-payment-row{border:1px solid rgba(56,96,138,.5);border-radius:16px;background:linear-gradient(180deg,rgba(13,30,50,.9),rgba(6,18,31,.94));padding:13px 14px}.admin-payment-main{display:grid;grid-template-columns:minmax(190px,1.3fr) minmax(130px,.7fr) minmax(190px,.9fr) auto;align-items:center;gap:14px}.admin-payment-user,.admin-payment-meta,.admin-payment-time{display:grid;gap:3px;min-width:0}.admin-payment-user strong{color:#94caff;font-size:15px;letter-spacing:.03em}.admin-payment-user span,.admin-payment-meta span,.admin-payment-time span{color:#839bb5;font-size:11.5px;overflow-wrap:anywhere}.admin-payment-meta b{font-size:16px}.admin-payment-time strong{font-size:12.5px;color:#d7e6f6}.admin-payment-note{margin-top:10px;padding-top:9px;border-top:1px solid rgba(56,93,130,.3);font-size:12px;color:#b8c8d8}.admin-payment-note span{color:#7891aa;font-weight:800;margin-right:8px}.admin-payment-actions{display:flex;gap:7px;margin-top:11px;padding-top:10px;border-top:1px solid rgba(56,93,130,.3)}.admin-payment-actions .admin-approve{border-color:rgba(67,190,139,.55);background:rgba(30,121,86,.2);color:#a9efd1}.admin-payment-actions button:nth-child(2){border-color:rgba(222,99,117,.45);color:#ffc0c8}.admin-payment-empty{min-height:145px;display:grid;place-items:center;border:1px dashed rgba(68,109,151,.42);border-radius:16px;color:#829ab4;text-align:center;padding:20px}
@media(max-width:800px){.admin-payment-main{grid-template-columns:1fr 1fr}.admin-payment-head{align-items:flex-start}.admin-payment-stats{grid-template-columns:1fr}.admin-payment-actions{flex-wrap:wrap}}
@media(max-width:520px){.admin-payment-main{grid-template-columns:1fr}.admin-payments-shell{width:94vw}.admin-payment-actions button{flex:1 1 100%}}


/* V1.3.6 — payment package sizing + bank brand clarity only */
[data-page="payment"] .payment-options{min-width:0}
[data-page="payment"] .pay-option{min-width:0;gap:14px;padding:14px 16px;overflow:hidden}
[data-page="payment"] .pay-option b{font-size:clamp(18px,1.45vw,22px);line-height:1.15;white-space:nowrap;flex:0 0 auto}
[data-page="payment"] .pay-option span{font-size:clamp(13px,1vw,15px);line-height:1.25;text-align:right;white-space:normal;overflow-wrap:anywhere;min-width:0}
[data-page="payment"] .payment-bank-tabs{gap:10px}
[data-page="payment"] .payment-bank-option{display:flex;align-items:center;justify-content:flex-start;gap:11px;min-width:0;padding:10px 12px;text-align:left}
[data-page="payment"] .bank-brand-icon{width:38px;height:38px;flex:0 0 38px;border-radius:10px;display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 7px 18px rgba(0,0,0,.16)}
[data-page="payment"] .bank-brand-icon-bog{background:linear-gradient(145deg,#ff7a22,#ee5310);color:#fff;font-size:10px;font-weight:900;letter-spacing:.04em}
[data-page="payment"] .bank-brand-icon-tbc{background:linear-gradient(145deg,#12b9ef,#0099d8);padding:7px}
[data-page="payment"] .bank-brand-icon-tbc svg{width:100%;height:100%;display:block;fill:#fff}
[data-page="payment"] .bank-brand-copy{display:grid;gap:2px;min-width:0}
[data-page="payment"] .bank-brand-copy b{font-size:14px;line-height:1.15;color:#f5f9ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-page="payment"] .bank-brand-copy small{font-size:10px;line-height:1;color:#8fa9c3;font-weight:800;letter-spacing:.08em}
[data-page="payment"] .payment-bank-option.active .bank-brand-copy small{color:#c9dcf0}
@media(max-width:760px){
  [data-page="payment"] .payment-options{grid-template-columns:1fr}
  [data-page="payment"] .pay-option{display:flex}
  [data-page="payment"] .payment-bank-tabs{grid-template-columns:1fr}
}

/* V1.3.7 — payment symmetry + Bank of Georgia supplied logo only */
@media (min-width:761px){
  [data-page="payment"]{
    padding-top:22px;
    padding-bottom:22px;
  }
  [data-page="payment"] .payment-wrap{
    width:100%;
    height:100%;
    display:grid;
    grid-template-rows:auto minmax(0,1fr);
    gap:12px;
    min-height:0;
  }
  [data-page="payment"] .page-head{
    min-height:0;
  }
  [data-page="payment"] .page-head h2{
    font-size:clamp(34px,3vw,46px);
    line-height:1.08;
    margin-top:4px;
  }
  [data-page="payment"] .payment-grid{
    grid-template-columns:1fr 1fr;
    gap:18px;
    align-items:stretch;
    min-height:0;
    height:100%;
  }
  [data-page="payment"] .payment-options{
    grid-template-rows:repeat(3,minmax(0,1fr));
    gap:10px;
    height:100%;
    min-height:0;
  }
  [data-page="payment"] .pay-option{
    height:100%;
    min-height:0;
    padding:14px 20px;
    border-radius:16px;
  }
  [data-page="payment"] .pay-option b{
    font-size:clamp(20px,1.55vw,25px);
  }
  [data-page="payment"] .pay-option span{
    font-size:clamp(13px,1vw,15px);
  }
  [data-page="payment"] .bank-box{
    height:100%;
    min-height:0;
    padding:18px 20px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    overflow:hidden;
  }
  [data-page="payment"] .bank-box>small{
    line-height:1.1;
  }
  [data-page="payment"] .bank-box>strong{
    font-size:clamp(28px,2.25vw,36px);
    line-height:1.05;
    margin:5px 0 8px;
  }
  [data-page="payment"] .bank-box>p{
    margin:6px 0 8px;
    font-size:clamp(13px,.95vw,15px);
    line-height:1.45;
  }
  [data-page="payment"] .payment-bank-tabs{
    margin:8px 0;
    gap:10px;
  }
  [data-page="payment"] .payment-bank-option{
    min-height:64px;
    height:64px;
    padding:7px 10px;
    gap:10px;
  }
  [data-page="payment"] .bank-brand-icon{
    width:50px;
    height:50px;
    flex:0 0 50px;
    border-radius:11px;
  }
  [data-page="payment"] .bank-brand-icon-bog{
    padding:3px;
    background:#fff;
    overflow:hidden;
  }
  [data-page="payment"] .bank-brand-icon-bog img{
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    border-radius:8px;
  }
  [data-page="payment"] .bank-brand-icon-tbc{
    padding:11px;
  }
  [data-page="payment"] .bank-brand-copy b{
    font-size:13px;
  }
  [data-page="payment"] .payment-bank-details{
    gap:4px;
    padding:9px 12px;
    margin:6px 0 8px;
  }
  [data-page="payment"] .payment-bank-details>div{
    padding:6px 4px;
  }
  [data-page="payment"] .payment-request-status{
    margin:5px 0 7px;
    padding:8px 10px;
  }
  [data-page="payment"] #already-paid{
    margin-top:auto;
    min-height:44px;
    padding-top:10px;
    padding-bottom:10px;
  }
}

@media (min-width:761px) and (max-height:760px){
  [data-page="payment"]{padding-top:16px;padding-bottom:16px}
  [data-page="payment"] .payment-wrap{gap:8px}
  [data-page="payment"] .page-head h2{font-size:34px}
  [data-page="payment"] .bank-box{padding:13px 16px}
  [data-page="payment"] .bank-box>strong{font-size:27px;margin:3px 0 5px}
  [data-page="payment"] .bank-box>p{font-size:12.5px;line-height:1.35;margin:3px 0 5px}
  [data-page="payment"] .payment-bank-option{height:56px;min-height:56px}
  [data-page="payment"] .bank-brand-icon{width:44px;height:44px;flex-basis:44px}
  [data-page="payment"] .payment-bank-details{padding:6px 10px;margin:4px 0 5px}
  [data-page="payment"] .payment-bank-details>div{padding:4px}
  [data-page="payment"] #already-paid{min-height:40px;padding-top:8px;padding-bottom:8px}
}

/* V1.3.8 — Admin Users + Devices complete block */
.admin-section-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:8px;border:1px solid rgba(58,97,139,.44);border-radius:15px;background:rgba(5,17,30,.56)}
.admin-section-tabs button{border:1px solid transparent;background:transparent;color:#91a8c2;border-radius:10px;padding:9px 14px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.admin-section-tabs button.active{background:linear-gradient(135deg,rgba(45,111,194,.52),rgba(83,66,176,.46));border-color:rgba(93,157,235,.55);color:#fff}
.admin-toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between}.admin-toolbar input{flex:1;min-width:0;border:1px solid rgba(61,102,144,.52);background:rgba(5,17,29,.72);color:#edf6ff;border-radius:12px;padding:11px 13px;font:inherit;outline:none}.admin-toolbar input:focus{border-color:#4e9cff;box-shadow:0 0 0 3px rgba(78,156,255,.09)}
.admin-mini-stat{display:flex;align-items:center;gap:10px;border:1px solid rgba(58,97,139,.48);background:rgba(7,20,34,.78);border-radius:12px;padding:9px 12px;white-space:nowrap}.admin-mini-stat span{color:#8fa7c1;font-size:11px;font-weight:800}.admin-mini-stat strong{font-size:19px}
.admin-data-list{display:grid;gap:9px}.admin-data-row{display:grid;grid-template-columns:minmax(190px,1.2fr) repeat(4,minmax(120px,.7fr));gap:12px;align-items:center;border:1px solid rgba(56,96,138,.5);border-radius:16px;background:linear-gradient(180deg,rgba(13,30,50,.9),rgba(6,18,31,.94));padding:13px 14px}.admin-data-primary,.admin-data-cell{display:grid;gap:3px;min-width:0}.admin-data-primary strong{color:#94caff;font-size:15px;letter-spacing:.03em}.admin-data-primary span,.admin-data-cell span,.admin-data-cell small{color:#839bb5;font-size:11.5px;overflow-wrap:anywhere}.admin-data-cell b{font-size:13px;color:#dceafa;overflow-wrap:anywhere}.admin-data-cell.wide b{font-size:13.5px}
.admin-row-actions{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap;padding-top:10px;border-top:1px solid rgba(56,93,130,.3)}.admin-row-actions button{border:1px solid rgba(62,103,145,.52);background:rgba(6,18,31,.75);color:#b3c8dc;border-radius:10px;padding:8px 11px;font:inherit;font-size:11.5px;font-weight:800;cursor:pointer}.admin-row-actions button:hover{border-color:#4e9cff;color:#fff}.admin-row-actions .danger-lite{border-color:rgba(222,99,117,.45);color:#ffc0c8}
@media(max-width:1050px){.admin-data-row{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-data-primary{grid-column:1/-1}}
@media(max-width:620px){.admin-data-row{grid-template-columns:1fr}.admin-data-primary{grid-column:auto}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-mini-stat{justify-content:space-between}.admin-row-actions button{flex:1 1 100%}}

/* V1.3.9 — admin section navigation visibility/cache-safe fix */
.admin-section-tabs{
  display:flex !important;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:52px;
  padding:7px;
  margin:0 0 2px;
  position:relative;
  z-index:5;
  visibility:visible !important;
  opacity:1 !important;
}
.admin-section-tabs button{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-width:128px;
  min-height:38px;
  visibility:visible !important;
  opacity:1 !important;
  font-size:13px;
}
@media(max-width:700px){
  .admin-section-tabs{overflow-x:auto;flex-wrap:nowrap}
  .admin-section-tabs button{min-width:118px;flex:0 0 auto}
}

.return-to-nova{margin-top:10px;width:100%;min-height:44px;border:1px solid rgba(56,189,248,.34);background:rgba(56,189,248,.08);color:#e0f2fe;border-radius:12px;font-weight:800;cursor:pointer}
.return-to-nova:hover{background:rgba(56,189,248,.14)}

/* V1.3.18 — Admin Sources / Playlist Import */
.admin-sources-panel .admin-payments-shell{max-width:1180px}
.source-create-card,.import-preview{border:1px solid rgba(58,97,139,.5);border-radius:18px;background:linear-gradient(180deg,rgba(12,29,49,.94),rgba(5,17,30,.96));padding:16px;box-shadow:0 16px 42px rgba(0,0,0,.17)}
.source-create-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.source-create-head div{display:grid;gap:4px}.source-create-head strong{font-size:15px;color:#edf7ff}.source-create-head small{font-size:11.5px;color:#819ab5;line-height:1.45}
.source-create-grid{display:grid;grid-template-columns:minmax(180px,1.15fr) minmax(150px,.72fr) minmax(280px,1.55fr) 110px auto;gap:10px;align-items:center}
.source-create-grid input,.source-create-grid select,.import-preview-toolbar input,.import-preview-toolbar select{width:100%;min-width:0;border:1px solid rgba(61,102,144,.52);background:rgba(5,17,29,.78);color:#edf6ff;border-radius:12px;padding:11px 12px;font:inherit;outline:none}.source-create-grid input:focus,.source-create-grid select:focus,.import-preview-toolbar input:focus,.import-preview-toolbar select:focus{border-color:#4e9cff;box-shadow:0 0 0 3px rgba(78,156,255,.09)}
.source-create-grid .primary{min-height:43px;white-space:nowrap}.source-file-picker{display:flex;align-items:center;gap:10px;margin-top:10px}.source-file-picker span{min-width:0;color:#a8bdd3;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-source-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.admin-source-stats article{display:grid;gap:5px;border:1px solid rgba(58,97,139,.46);border-radius:14px;background:rgba(7,20,34,.76);padding:12px 14px}.admin-source-stats span{color:#839bb5;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.admin-source-stats strong{font-size:22px;color:#edf7ff}
.admin-source-list{display:grid;gap:10px}.admin-source-row{display:grid;gap:11px;border:1px solid rgba(56,96,138,.5);border-radius:17px;background:linear-gradient(180deg,rgba(13,30,50,.92),rgba(6,18,31,.96));padding:14px 15px}.admin-source-main{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.admin-source-identity{display:grid;gap:4px;min-width:0}.admin-source-identity strong{font-size:15px;color:#a7d2ff}.admin-source-identity span{font-size:11.5px;color:#7f99b5;overflow-wrap:anywhere}.admin-source-pill-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;align-items:center}.admin-source-pill-row>span{border:1px solid rgba(64,108,151,.45);background:rgba(8,22,38,.77);border-radius:999px;padding:5px 8px;color:#9db2c9;font-size:10.5px;font-weight:800}.source-status.ready{color:#72e6a2!important;border-color:rgba(65,197,119,.45)!important}.source-status.preview_ready{color:#8fc4ff!important;border-color:rgba(72,146,230,.52)!important}.source-status.error{color:#ff8f9a!important;border-color:rgba(229,75,91,.5)!important}.source-status.disabled{color:#97a2af!important}.admin-source-metrics{display:flex;flex-wrap:wrap;gap:8px 16px;color:#849db8;font-size:11.5px}.admin-source-metrics b{color:#d9e9f8}.admin-source-error{border-left:3px solid rgba(232,80,93,.72);background:rgba(106,24,35,.18);padding:8px 10px;border-radius:8px;color:#ff9ca5;font-size:11.5px;overflow-wrap:anywhere}.source-actions{justify-content:flex-end}.source-actions .danger-lite{border-color:rgba(208,72,86,.43);color:#ff9da7}.source-actions .admin-primary-action{border-color:rgba(68,143,224,.58);background:rgba(39,94,158,.3);color:#b9dcff}
.import-preview{display:grid;gap:12px}.import-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.import-preview-head h3{margin:3px 0 4px;font-size:21px}.import-preview-head p{margin:0;color:#829bb5;font-size:12px}.import-summary{display:grid;grid-template-columns:repeat(8,minmax(90px,1fr));gap:7px}.import-summary article{display:grid;gap:3px;border:1px solid rgba(58,98,140,.44);border-radius:12px;padding:9px 10px;background:rgba(7,20,34,.76)}.import-summary span{font-size:9.5px;color:#829ab4;text-transform:uppercase;font-weight:800;letter-spacing:.04em}.import-summary strong{font-size:18px;color:#e8f4ff}.import-preview-toolbar{display:grid;grid-template-columns:190px minmax(240px,1fr) auto;gap:9px}.import-preview-list{display:grid;gap:7px;max-height:480px;overflow:auto;padding-right:3px}.import-preview-row{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(180px,.8fr) minmax(260px,1.35fr);gap:12px;align-items:center;border:1px solid rgba(54,93,132,.45);border-radius:13px;padding:10px 12px;background:rgba(7,20,34,.7)}.import-preview-channel,.import-preview-stream{display:grid;gap:3px;min-width:0}.import-preview-channel strong{font-size:13px;color:#dceeff}.import-preview-channel span,.import-preview-stream span,.import-preview-stream small{font-size:10.5px;color:#7f99b3;overflow-wrap:anywhere}.import-preview-stream small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-preview-tags{display:flex;flex-wrap:wrap;gap:5px}.preview-flag{border:1px solid rgba(77,119,159,.46);border-radius:999px;padding:4px 7px;background:rgba(10,28,46,.8);font-size:9.5px;font-weight:800;color:#a8bdd1}.preview-flag.new{color:#77e5a5;border-color:rgba(62,190,114,.46)}.preview-flag.updated,.preview-flag.url_changed,.preview-flag.logo_changed,.preview-flag.category_changed{color:#8fc5ff;border-color:rgba(70,145,224,.5)}.preview-flag.removed,.preview-flag.broken{color:#ff929d;border-color:rgba(220,73,89,.48)}.preview-flag.duplicate{color:#f4c96e;border-color:rgba(216,164,58,.45)}.import-preview-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.import-preview-foot span{font-size:11.5px;color:#829ab4}.import-preview-foot .primary{min-width:170px}
@media(max-width:1000px){.source-create-grid{grid-template-columns:1fr 160px}.source-create-grid #admin-source-url{grid-column:1/-1}.source-create-grid .primary{grid-column:2}.admin-source-stats{grid-template-columns:repeat(2,1fr)}.import-summary{grid-template-columns:repeat(4,1fr)}.import-preview-row{grid-template-columns:1fr 1fr}.import-preview-stream{grid-column:1/-1}}
@media(max-width:700px){.source-create-grid{grid-template-columns:1fr}.source-create-grid #admin-source-url,.source-create-grid .primary{grid-column:auto}.admin-source-stats{grid-template-columns:1fr 1fr}.admin-source-main{display:grid}.admin-source-pill-row{justify-content:flex-start}.source-actions{justify-content:flex-start}.import-summary{grid-template-columns:repeat(2,1fr)}.import-preview-toolbar{grid-template-columns:1fr}.import-preview-row{grid-template-columns:1fr}.import-preview-stream{grid-column:auto}.import-preview-foot{align-items:stretch;display:grid}.import-preview-foot .primary{width:100%}}


/* V1.3.19 — Admin Sources fit, spacing and full preview pagination */
.admin-sources-panel{padding:20px clamp(16px,2.2vw,34px) 28px;overflow:auto;overflow-x:hidden}
.admin-sources-panel .admin-payments-shell{width:100%;max-width:1440px;min-width:0;gap:12px}
.admin-sources-panel .admin-section-tabs{padding:6px;gap:6px}
.admin-sources-panel .admin-section-tabs button{padding:8px 12px}
.admin-sources-panel .admin-payments-head{padding:16px 18px;border-radius:18px}
.admin-sources-panel .admin-payments-head h2{font-size:clamp(24px,1.9vw,31px);line-height:1.08}
.admin-sources-panel .source-create-card,.admin-sources-panel .import-preview{padding:14px 16px;border-radius:17px}
.admin-sources-panel .source-create-head{margin-bottom:10px}
.admin-sources-panel .source-create-grid{grid-template-columns:minmax(150px,1.05fr) minmax(145px,.72fr) minmax(220px,1.45fr) 92px minmax(170px,.82fr);gap:8px}
.admin-sources-panel .source-create-grid>*{min-width:0}
.admin-sources-panel .source-create-grid input,.admin-sources-panel .source-create-grid select,.admin-sources-panel .import-preview-toolbar input,.admin-sources-panel .import-preview-toolbar select{padding:10px 11px}
.admin-sources-panel .source-create-grid .primary{min-height:41px;padding:10px 14px;white-space:normal;line-height:1.2}
.admin-sources-panel .source-file-picker{margin-top:8px}
.admin-sources-panel .admin-source-stats{gap:8px}
.admin-sources-panel .admin-source-stats article{padding:10px 12px;border-radius:13px}
.admin-sources-panel .admin-source-stats strong{font-size:20px}
.admin-sources-panel .admin-source-row{padding:12px 14px;gap:9px}
.admin-sources-panel .source-actions{display:flex;flex-wrap:wrap;gap:7px}
.admin-sources-panel .source-actions button{padding:9px 12px}
.admin-sources-panel .import-preview{gap:10px}
.admin-sources-panel .import-preview-head h3{font-size:20px}
.admin-sources-panel .import-summary{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.admin-sources-panel .import-summary article{padding:8px 9px;min-width:0}
.admin-sources-panel .import-summary span{overflow-wrap:anywhere}
.admin-sources-panel .import-preview-toolbar{grid-template-columns:minmax(150px,190px) minmax(220px,1fr) auto;gap:8px}
.admin-sources-panel .import-preview-list{max-height:min(54vh,620px);overflow-y:auto;overflow-x:hidden;padding-right:4px}
.admin-sources-panel .import-preview-row{grid-template-columns:minmax(180px,.9fr) minmax(160px,.72fr) minmax(260px,1.4fr);gap:10px;padding:9px 11px}
.admin-sources-panel .import-preview-foot{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(170px,1fr);align-items:center;gap:10px}
.admin-sources-panel .import-preview-foot>.primary{justify-self:end;min-width:170px}
.import-preview-pagination{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}
.import-preview-pagination button{padding:8px 12px;min-width:82px}
.import-preview-pagination button:disabled{opacity:.4;cursor:not-allowed}
.import-preview-pagination span{min-width:110px;text-align:center;color:#a9bfd6;font-weight:800;font-size:11.5px}
@media(max-width:1280px){
  .admin-sources-panel .source-create-grid{grid-template-columns:minmax(180px,1fr) minmax(150px,.72fr) 100px minmax(170px,.8fr)}
  .admin-sources-panel .source-create-grid #admin-source-url{grid-column:1/-1;grid-row:2}
  .admin-sources-panel .import-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
  .admin-sources-panel{padding:14px 14px 24px}
  .admin-sources-panel .admin-payments-shell{gap:10px}
  .admin-sources-panel .source-create-grid{grid-template-columns:1fr 1fr}
  .admin-sources-panel .source-create-grid #admin-source-url{grid-column:1/-1;grid-row:auto}
  .admin-sources-panel .source-create-grid .primary{grid-column:auto}
  .admin-sources-panel .import-preview-row{grid-template-columns:1fr 1fr}
  .admin-sources-panel .import-preview-stream{grid-column:1/-1}
  .admin-sources-panel .import-preview-foot{grid-template-columns:1fr}
  .admin-sources-panel .import-preview-foot>*{justify-self:stretch!important}
  .import-preview-pagination{justify-content:space-between}
}
@media(max-width:620px){
  .admin-sources-panel .source-create-grid{grid-template-columns:1fr}
  .admin-sources-panel .source-create-grid #admin-source-url,.admin-sources-panel .source-create-grid .primary{grid-column:auto}
  .admin-sources-panel .admin-source-stats{grid-template-columns:1fr 1fr}
  .admin-sources-panel .import-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-sources-panel .import-preview-toolbar{grid-template-columns:1fr}
  .admin-sources-panel .import-preview-row{grid-template-columns:1fr}
  .admin-sources-panel .import-preview-stream{grid-column:auto}
}

/* V1.3.20 — Admin Channels Manager */
.admin-channels-panel{padding:20px clamp(16px,2.2vw,34px) 28px;overflow:auto;overflow-x:hidden}
.admin-channels-panel .admin-payments-shell{width:100%;max-width:1440px;min-width:0;gap:12px}
.admin-channels-panel .admin-section-tabs{padding:6px;gap:6px}
.admin-channels-panel .admin-section-tabs button{padding:8px 12px}
.admin-channels-panel .admin-payments-head{padding:16px 18px;border-radius:18px}
.admin-channels-panel .admin-payments-head h2{font-size:clamp(24px,1.9vw,31px);line-height:1.08}
.channel-manager-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.channel-manager-stats article{display:grid;gap:4px;min-width:0;border:1px solid rgba(58,97,139,.46);border-radius:13px;background:rgba(7,20,34,.76);padding:10px 12px}
.channel-manager-stats span{color:#839bb5;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.055em;overflow-wrap:anywhere}
.channel-manager-stats strong{font-size:20px;color:#edf7ff}
.channel-filter-card{display:grid;gap:8px;border:1px solid rgba(58,97,139,.5);border-radius:17px;background:linear-gradient(180deg,rgba(12,29,49,.94),rgba(5,17,30,.96));padding:13px 14px}
.channel-filter-grid{display:grid;grid-template-columns:minmax(210px,1.45fr) minmax(150px,.86fr) minmax(170px,1fr) 115px 130px 135px auto auto;gap:8px;align-items:center}
.channel-filter-grid input,.channel-filter-grid select,.channel-editor-grid input,.channel-editor-grid select{width:100%;min-width:0;border:1px solid rgba(61,102,144,.52);background:rgba(5,17,29,.78);color:#edf6ff;border-radius:11px;padding:10px 11px;font:inherit;outline:none}
.channel-filter-grid input:focus,.channel-filter-grid select:focus,.channel-editor-grid input:focus,.channel-editor-grid select:focus{border-color:#4e9cff;box-shadow:0 0 0 3px rgba(78,156,255,.09)}
.channel-filter-grid button{min-height:40px;padding:9px 12px}
.channel-filter-note{margin:0;color:#728da8;font-size:10.5px;line-height:1.5}
.channel-bulk-bar{display:flex;align-items:center;gap:8px;border:1px solid rgba(70,132,198,.48);border-radius:13px;background:rgba(23,64,106,.28);padding:9px 11px;color:#9eb9d5;font-size:11.5px}
.channel-bulk-bar>strong{color:#d9ecff;font-size:15px}.channel-bulk-actions{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.channel-bulk-actions button{padding:7px 10px;font-size:10.5px}
.channel-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#819ab4;font-size:11px;padding:0 4px}
.channel-check-all{display:flex;align-items:center;gap:7px;cursor:pointer}.channel-check-all input,.admin-channel-check input{accent-color:#5aa2f2}
.admin-channel-list{display:grid;gap:7px;min-width:0}
.admin-channel-row{display:grid;grid-template-columns:28px 48px minmax(200px,1.15fr) minmax(270px,1.35fr) auto;gap:10px;align-items:center;min-width:0;border:1px solid rgba(56,96,138,.48);border-radius:14px;background:linear-gradient(180deg,rgba(13,30,50,.91),rgba(6,18,31,.95));padding:10px 11px}
.admin-channel-row.is-disabled{opacity:.72}.admin-channel-check{display:grid;place-items:center}.admin-channel-check input{width:16px;height:16px}
.admin-channel-logo{position:relative;width:44px;height:44px;border:1px solid rgba(75,121,169,.48);border-radius:11px;background:rgba(7,20,34,.9);display:grid;place-items:center;overflow:hidden}.admin-channel-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:rgba(5,17,29,.95);padding:4px}.admin-channel-logo b{color:#7faad7;font-size:15px}
.admin-channel-identity{display:grid;gap:3px;min-width:0}.admin-channel-identity strong{color:#dceeff;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-channel-identity small{color:#68839e;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-channel-identity span{color:#829bb5;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-channel-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:0}.admin-channel-meta>span{border:1px solid rgba(62,105,147,.42);background:rgba(8,22,38,.7);border-radius:999px;padding:4px 7px;color:#91a9c1;font-size:9.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.admin-channel-meta .quality{color:#9ed1ff}.admin-channel-meta b{color:#c9dced}.channel-override-pill{color:#a9d6ff!important;border-color:rgba(66,139,218,.48)!important}.channel-source-off{color:#ffbd73!important;border-color:rgba(215,139,58,.48)!important}
.admin-channel-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}.admin-channel-actions button{padding:7px 9px;font-size:10px}.admin-channel-actions .admin-primary-action{border:1px solid rgba(68,143,224,.58);border-radius:10px;background:rgba(39,94,158,.3);color:#b9dcff;cursor:pointer}.channel-state{border-radius:999px;padding:4px 7px;font-size:9.5px;font-weight:800}.channel-state.on{color:#72e6a2;background:rgba(36,116,72,.18);border:1px solid rgba(65,197,119,.4)}.channel-state.off{color:#ff929d;background:rgba(106,24,35,.18);border:1px solid rgba(220,73,89,.4)}
.channel-manager-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#829ab4;font-size:11px}.channel-pagination{display:flex;align-items:center;gap:8px}.channel-pagination span{min-width:120px;text-align:center;color:#a9bfd6;font-weight:800}.channel-pagination button{min-width:90px;padding:8px 11px}.channel-pagination button:disabled{opacity:.4;cursor:not-allowed}
.channel-editor-open{overflow:hidden}.channel-editor-overlay{position:fixed;inset:0;z-index:200;background:rgba(1,7,13,.78);backdrop-filter:blur(8px);padding:20px;overflow:auto;display:grid;place-items:center}.channel-editor-overlay[hidden]{display:none!important}.channel-editor-card{width:min(900px,96vw);display:grid;gap:13px;border:1px solid rgba(72,126,182,.56);border-radius:20px;background:linear-gradient(180deg,#0b1d31,#071523);padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.45)}
.channel-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.channel-editor-head h3{margin:2px 0 3px;font-size:22px}.channel-editor-head p{margin:0;color:#7893af;font-size:11px}.channel-provider-summary{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px}.channel-provider-summary>div{display:grid;gap:3px;min-width:0;border:1px solid rgba(58,98,140,.42);border-radius:12px;background:rgba(6,19,32,.7);padding:9px 10px}.channel-provider-summary span{color:#7892ac;font-size:9.5px;text-transform:uppercase;font-weight:800}.channel-provider-summary strong{color:#cfe1f3;font-size:11px;overflow-wrap:anywhere}
.channel-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.channel-editor-grid label{display:grid;gap:5px;min-width:0}.channel-editor-grid label>span{color:#9ab1c8;font-size:10.5px;font-weight:800}.channel-editor-grid small{color:#6f89a3;font-size:9.5px}.channel-editor-switch{border:1px solid rgba(58,98,140,.42);border-radius:12px;background:rgba(6,19,32,.65);padding:10px 12px}.channel-editor-switch label{display:flex;align-items:center;gap:8px;color:#cde0f2;font-size:11.5px;font-weight:800}.channel-editor-switch input{accent-color:#5aa2f2;width:17px;height:17px}.channel-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.channel-editor-actions-right{display:flex;align-items:center;gap:8px}.channel-editor-actions button{padding:9px 13px}.channel-editor-actions .danger-lite{border-color:rgba(208,72,86,.43);color:#ff9da7}
@media(max-width:1180px){.channel-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.channel-filter-grid #admin-channels-search{grid-column:span 2}.admin-channel-row{grid-template-columns:28px 46px minmax(180px,1fr) auto}.admin-channel-meta{grid-column:3/-1}.admin-channel-actions{grid-column:4;grid-row:1/3}}
@media(max-width:820px){.admin-channels-panel{padding:14px 14px 24px}.channel-manager-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-manager-stats article:last-child{grid-column:1/-1}.channel-filter-grid{grid-template-columns:1fr 1fr}.channel-filter-grid #admin-channels-search{grid-column:1/-1}.admin-channel-row{grid-template-columns:28px 44px minmax(0,1fr)}.admin-channel-meta,.admin-channel-actions{grid-column:2/-1;grid-row:auto;justify-content:flex-start}.channel-bulk-bar{align-items:flex-start;flex-wrap:wrap}.channel-bulk-actions{margin-left:0;width:100%}.channel-provider-summary{grid-template-columns:1fr}.channel-editor-grid{grid-template-columns:1fr}}
@media(max-width:560px){.channel-manager-stats{grid-template-columns:1fr 1fr}.channel-filter-grid{grid-template-columns:1fr}.channel-filter-grid #admin-channels-search{grid-column:auto}.admin-channel-row{grid-template-columns:26px 40px minmax(0,1fr);padding:9px}.admin-channel-logo{width:38px;height:38px}.admin-channel-meta,.admin-channel-actions{grid-column:1/-1}.admin-channel-actions{flex-wrap:wrap}.channel-manager-foot{display:grid}.channel-pagination{justify-content:space-between}.channel-pagination button{min-width:0;flex:1}.channel-editor-overlay{padding:8px}.channel-editor-card{width:100%;padding:13px;border-radius:16px}.channel-editor-head{display:grid}.channel-editor-head .secondary{justify-self:start}.channel-editor-actions{display:grid}.channel-editor-actions-right{display:grid;grid-template-columns:1fr 1fr}.channel-editor-actions button{width:100%}.channel-bulk-actions button{flex:1 1 46%}}

/* NOVA Admin Categories Manager v1.3.21 */
.admin-categories-panel{padding:20px clamp(16px,2.2vw,34px) 28px;overflow:auto;overflow-x:hidden}
.admin-categories-panel .admin-payments-shell{width:100%;max-width:1440px;min-width:0;gap:12px}
.admin-categories-panel .admin-section-tabs{padding:6px;gap:6px}
.admin-categories-panel .admin-section-tabs button{padding:8px 12px}
.admin-categories-panel .admin-payments-head{padding:16px 18px;border-radius:18px}
.category-manager-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.category-manager-stats article{display:grid;gap:4px;border:1px solid rgba(58,97,139,.46);border-radius:13px;background:rgba(7,20,34,.76);padding:10px 12px;min-width:0}
.category-manager-stats span{color:#839bb5;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.055em;overflow-wrap:anywhere}
.category-manager-stats strong{font-size:20px;color:#edf7ff}
.category-create-card,.category-list-card,.category-members-card{border:1px solid rgba(58,97,139,.46);border-radius:16px;background:rgba(7,20,34,.72);padding:14px;min-width:0}
.category-create-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.category-create-head div{display:grid;gap:3px}.category-create-head strong{font-size:15px}.category-create-head small,.category-members-head small{color:#8199b3;line-height:1.45}
.category-create-grid{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(130px,.8fr) 110px 150px auto;gap:8px;align-items:center}
.category-create-grid input,.category-create-grid select,.category-member-filters input,.category-member-filters select{width:100%;min-width:0}
.category-enable-check{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;border:1px solid rgba(68,106,148,.48);border-radius:12px;color:#a9bfd6;background:rgba(4,15,27,.62);font-size:12px;font-weight:800}
.category-manager-layout{display:grid;grid-template-columns:minmax(290px,.78fr) minmax(0,1.72fr);gap:12px;align-items:start}
.category-list-head,.category-members-head,.category-member-list-head,.category-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px}
.category-list-head{padding-bottom:10px}.category-list-head span{color:#8199b3;font-size:12px}
.admin-category-list{display:grid;gap:8px;max-height:650px;overflow:auto;padding-right:2px}
.admin-category-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid rgba(57,95,136,.42);border-radius:13px;padding:8px;background:rgba(4,15,27,.56)}
.admin-category-row.selected{border-color:rgba(80,154,245,.78);box-shadow:inset 0 0 0 1px rgba(80,154,245,.18);background:rgba(17,48,80,.55)}
.category-main{display:grid;grid-template-columns:46px minmax(0,1fr);gap:9px;align-items:center;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;padding:2px;min-width:0}.category-main span:last-child{display:grid;gap:3px;min-width:0}.category-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-main small{color:#8199b3;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.category-icon{width:42px;height:42px;border:1px solid rgba(80,137,194,.48);border-radius:11px;background:rgba(17,46,76,.8);display:grid;place-items:center;color:#eaf6ff;font-weight:900;font-size:12px}
.category-row-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.secondary.mini{padding:6px 8px;min-width:34px;font-size:10px;border-radius:9px}.secondary.mini:disabled{opacity:.35;cursor:not-allowed}
.category-members-head{margin-bottom:10px}.category-members-head>div:first-child{display:grid;gap:3px}.category-selected-pill{max-width:230px;padding:7px 10px;border:1px solid rgba(80,154,245,.44);border-radius:999px;background:rgba(16,49,82,.65);color:#ddecff;font-size:11px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.category-member-filters{display:grid;grid-template-columns:minmax(180px,1fr) 160px auto;gap:8px;margin-bottom:9px}
.category-member-bulk{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border:1px solid rgba(75,139,207,.45);border-radius:12px;background:rgba(18,50,82,.55);padding:8px 10px;margin-bottom:9px}.category-member-bulk>div{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}.category-member-bulk strong{color:#fff}.category-member-bulk span{color:#8fa9c4;font-size:11px}
.category-member-list-head{color:#8199b3;font-size:11px;padding:5px 2px 8px}.category-member-list-head label{display:flex;gap:7px;align-items:center}
.category-channel-list{display:grid;gap:6px;max-height:640px;overflow:auto;padding-right:2px}
.category-channel-row{display:grid;grid-template-columns:26px 44px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid rgba(53,89,128,.38);border-radius:12px;padding:8px 10px;background:rgba(4,15,27,.52)}.category-channel-row.assigned{border-color:rgba(59,153,118,.52);background:rgba(12,49,39,.42)}
.category-channel-logo{width:40px;height:40px;border-radius:10px;border:1px solid rgba(62,103,148,.4);display:grid;place-items:center;overflow:hidden;background:rgba(14,37,61,.86);font-size:12px;font-weight:900}.category-channel-logo img{width:100%;height:100%;object-fit:contain;background:rgba(255,255,255,.04)}
.category-channel-copy{display:grid;gap:3px;min-width:0}.category-channel-copy strong,.category-channel-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-channel-copy small{color:#8098b1;font-size:10px}
.category-membership-badge{font-size:10px;font-weight:900;color:#a7bdd4;border:1px solid rgba(69,111,153,.42);border-radius:999px;padding:5px 8px;white-space:nowrap}.category-channel-row.assigned .category-membership-badge{color:#bff5dd;border-color:rgba(64,171,126,.5);background:rgba(37,126,92,.16)}
.category-pagination{margin-top:9px;color:#8199b3;font-size:11px}.category-pagination>div{display:flex;gap:7px;align-items:center}.category-pagination button{min-width:90px;padding:8px 10px}.category-pagination button:disabled{opacity:.4;cursor:not-allowed}.category-pagination>div span{min-width:120px;text-align:center;font-weight:800;color:#a9bfd6}
@media(max-width:980px){.category-manager-layout{grid-template-columns:1fr}.admin-category-list{max-height:420px}.category-create-grid{grid-template-columns:1fr 1fr 100px}.category-create-grid .category-enable-check{grid-column:1/3}.category-create-grid .primary{grid-column:3}}
@media(max-width:720px){.admin-categories-panel{padding:14px 14px 24px}.category-manager-stats{grid-template-columns:1fr 1fr}.category-create-grid{grid-template-columns:1fr}.category-create-grid .category-enable-check,.category-create-grid .primary{grid-column:auto}.category-member-filters{grid-template-columns:1fr}.category-member-bulk>div{width:100%;margin-left:0}.category-member-bulk button{flex:1 1 45%}.category-channel-row{grid-template-columns:24px 40px minmax(0,1fr)}.category-membership-badge{grid-column:2/-1;justify-self:start}.category-pagination{display:grid}.category-pagination>div{justify-content:space-between}.category-pagination button{min-width:0;flex:1}.category-row-actions{grid-column:1/-1;justify-content:flex-start}}

/* V1.3.22 — Categories Manager desktop sizing / spacing polish */
.admin-categories-panel{
  padding:16px clamp(14px,1.8vw,26px) 24px;
}
.admin-categories-panel .admin-payments-shell{
  width:min(1280px,100%);
  max-width:1280px;
  margin:0 auto;
  gap:10px;
}
.admin-categories-panel .admin-section-tabs{
  min-height:46px;
  padding:5px;
  gap:5px;
  border-radius:14px;
}
.admin-categories-panel .admin-section-tabs button{
  min-height:34px;
  min-width:112px;
  padding:7px 10px;
  font-size:11.5px;
}
.admin-categories-panel .admin-payments-head{
  padding:13px 16px;
  border-radius:16px;
  min-height:0;
}
.admin-categories-panel .admin-payments-head h2{
  margin:1px 0 3px;
  font-size:clamp(23px,1.7vw,28px);
  line-height:1.08;
}
.admin-categories-panel .admin-payments-head p{
  font-size:11.5px;
  line-height:1.4;
}
.admin-categories-panel .admin-payments-head .eyebrow{
  font-size:10px;
  margin-bottom:2px;
}
.admin-categories-panel .admin-payments-head>.secondary{
  padding:9px 14px;
  min-height:40px;
}
.category-manager-stats{
  gap:7px;
}
.category-manager-stats article{
  min-height:66px;
  padding:8px 11px;
  border-radius:12px;
}
.category-manager-stats span{
  font-size:9px;
}
.category-manager-stats strong{
  font-size:18px;
  line-height:1;
}
.category-create-card,.category-list-card,.category-members-card{
  padding:11px;
  border-radius:14px;
}
.category-create-head{
  margin-bottom:7px;
}
.category-create-head strong{
  font-size:13.5px;
}
.category-create-head small,.category-members-head small{
  font-size:10.5px;
  line-height:1.35;
}
.category-create-grid{
  grid-template-columns:minmax(180px,1.5fr) minmax(130px,.82fr) 94px 132px minmax(150px,auto);
  gap:7px;
}
.category-create-grid input,.category-create-grid select,
.category-member-filters input,.category-member-filters select{
  min-height:42px;
  padding-top:8px;
  padding-bottom:8px;
}
.category-enable-check{
  min-height:42px;
  padding:0 9px;
  font-size:11px;
}
.category-create-grid .primary,.category-create-grid .secondary{
  min-height:42px;
  padding:8px 12px;
}
.category-manager-layout{
  grid-template-columns:minmax(285px,.72fr) minmax(0,1.78fr);
  gap:10px;
}
.category-list-head,.category-members-head{
  margin-bottom:7px;
  padding-bottom:7px;
}
.category-list-head strong,.category-members-head strong{
  font-size:13px;
}
.admin-category-list{
  gap:6px;
  max-height:585px;
}
.admin-category-row{
  gap:6px;
  padding:6px;
  border-radius:11px;
}
.category-main{
  grid-template-columns:40px minmax(0,1fr);
  gap:7px;
}
.category-main strong{
  font-size:12.5px;
}
.category-icon{
  width:38px;
  height:38px;
  border-radius:10px;
  font-size:11px;
}
.category-row-actions{
  gap:4px;
  flex-wrap:nowrap;
}
.secondary.mini{
  min-width:30px;
  padding:5px 7px;
  font-size:9px;
  border-radius:8px;
}
.category-selected-pill{
  max-width:190px;
  padding:6px 9px;
  font-size:10px;
}
.category-member-filters{
  grid-template-columns:minmax(180px,1fr) 150px 112px;
  gap:7px;
  margin-bottom:7px;
}
.category-member-filters .secondary{
  min-height:42px;
  padding:8px 10px;
}
.category-member-bulk{
  padding:7px 9px;
  margin-bottom:7px;
  border-radius:11px;
}
.category-member-list-head{
  padding:4px 2px 6px;
}
.category-channel-list{
  gap:5px;
  max-height:585px;
}
.category-channel-row{
  grid-template-columns:24px 38px minmax(0,1fr) auto;
  gap:7px;
  padding:6px 8px;
  border-radius:10px;
}
.category-channel-logo{
  width:36px;
  height:36px;
  border-radius:9px;
}
.category-channel-copy strong{
  font-size:12px;
}
.category-channel-copy small{
  font-size:9.5px;
}
.category-membership-badge{
  font-size:9px;
  padding:4px 7px;
}
.category-pagination{
  margin-top:7px;
  font-size:10px;
}
.category-pagination button{
  min-width:78px;
  padding:7px 9px;
}
.category-pagination>div span{
  min-width:105px;
}

@media(max-width:1180px){
  .admin-categories-panel .admin-payments-shell{width:100%;max-width:none}
  .category-create-grid{grid-template-columns:minmax(170px,1.4fr) minmax(125px,.8fr) 90px 122px auto}
  .category-row-actions{flex-wrap:wrap}
}
@media(max-width:980px){
  .category-manager-layout{grid-template-columns:1fr}
  .admin-category-list{max-height:360px}
  .category-channel-list{max-height:520px}
  .category-create-grid{grid-template-columns:1fr 1fr 96px}
  .category-create-grid .category-enable-check{grid-column:1/3}
  .category-create-grid .primary{grid-column:3}
}
@media(max-width:720px){
  .admin-categories-panel{padding:12px 10px 20px}
  .admin-categories-panel .admin-payments-shell{gap:8px}
  .admin-categories-panel .admin-payments-head{padding:12px}
  .admin-categories-panel .admin-payments-head h2{font-size:22px}
  .category-manager-stats{grid-template-columns:1fr 1fr}
  .category-create-grid{grid-template-columns:1fr}
  .category-create-grid .category-enable-check,.category-create-grid .primary{grid-column:auto}
  .category-member-filters{grid-template-columns:1fr}
  .category-member-bulk>div{width:100%;margin-left:0}
  .category-member-bulk button{flex:1 1 45%}
  .category-channel-row{grid-template-columns:24px 36px minmax(0,1fr)}
  .category-membership-badge{grid-column:2/-1;justify-self:start}
  .category-pagination{display:grid}
  .category-pagination>div{justify-content:space-between}
  .category-pagination button{min-width:0;flex:1}
  .category-row-actions{grid-column:1/-1;justify-content:flex-start}
}

/* V1.3.23 — Global Admin responsive/layout polish */
.admin-payments-panel{
  width:100%;
  min-width:0;
  padding:18px clamp(16px,2.1vw,30px) 26px;
  overflow-y:auto;
  overflow-x:hidden;
}
.admin-payments-panel .admin-payments-shell{
  width:100%;
  max-width:1420px;
  min-width:0;
  margin:0 auto;
  gap:12px;
}
.admin-payments-panel .admin-section-tabs{
  width:100%;
  min-width:0;
  min-height:48px;
  padding:6px;
  gap:5px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
}
.admin-payments-panel .admin-section-tabs button{
  min-width:0;
  flex:1 1 0;
  min-height:36px;
  padding:8px 10px;
  font-size:12px;
  white-space:nowrap;
}
.admin-payments-panel .admin-payments-head{
  min-width:0;
  padding:15px 18px;
  border-radius:17px;
}
.admin-payments-panel .admin-payments-head>div{min-width:0}
.admin-payments-panel .admin-payments-head h2{
  margin:2px 0 3px;
  font-size:clamp(25px,1.9vw,31px);
  line-height:1.08;
}
.admin-payments-panel .admin-payments-head p{
  font-size:12px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.admin-payments-panel .admin-payments-head>.secondary{
  min-height:40px;
  padding:9px 15px;
  flex:0 0 auto;
}
.admin-payments-panel .admin-toolbar{
  min-width:0;
  gap:10px;
}
.admin-payments-panel .admin-toolbar input{min-width:0}
.admin-payments-panel .admin-mini-stat{flex:0 0 auto}
.admin-payments-panel .admin-payment-stats{gap:8px}
.admin-payments-panel .admin-payment-stats article{
  min-width:0;
  padding:11px 14px;
  border-radius:13px;
}
.admin-payments-panel .admin-payment-stats strong{font-size:21px}
.admin-payments-panel .admin-payment-filters{gap:6px}
.admin-payments-panel .admin-payment-filters button,
.admin-payments-panel .admin-payment-actions button,
.admin-payments-panel .admin-row-actions button{
  min-height:36px;
  padding:8px 11px;
  border-radius:10px;
}
.admin-payments-panel .admin-payment-list,
.admin-payments-panel .admin-data-list{min-width:0;gap:8px}
.admin-payments-panel .admin-payment-row,
.admin-payments-panel .admin-data-row{
  min-width:0;
  border-radius:14px;
  padding:11px 13px;
}
.admin-payments-panel .admin-payment-main{
  grid-template-columns:minmax(180px,1.25fr) minmax(115px,.65fr) minmax(170px,.85fr) minmax(110px,.55fr);
  gap:12px;
}
.admin-payments-panel .admin-data-row{
  grid-template-columns:minmax(190px,1.15fr) minmax(130px,.72fr) minmax(120px,.68fr) minmax(150px,.82fr) minmax(120px,.65fr);
  gap:10px 14px;
}
.admin-payments-panel .admin-data-primary strong{font-size:14.5px}
.admin-payments-panel .admin-data-cell b{font-size:12.5px}
.admin-payments-panel .admin-row-actions{padding-top:8px;gap:6px}

/* Prevent any admin child from forcing page-wide horizontal overflow */
.admin-payments-panel *,
.admin-payments-panel *::before,
.admin-payments-panel *::after{min-width:0}
.admin-payments-panel img{max-width:100%}

/* Compact the public header only while an Admin page is active */
@media (min-width:901px){
  body:has(.admin-payments-panel.active) .topbar{
    padding-left:clamp(18px,1.8vw,30px);
    padding-right:clamp(18px,1.8vw,30px);
    gap:10px;
  }
  body:has(.admin-payments-panel.active) .brand{gap:9px}
  body:has(.admin-payments-panel.active) .brand img{width:40px;height:40px}
  body:has(.admin-payments-panel.active) .brand span{font-size:14px;letter-spacing:.12em}
  body:has(.admin-payments-panel.active) .nav{min-width:0;max-width:none;gap:1px;flex:1 1 auto}
  body:has(.admin-payments-panel.active) .nav button{
    width:auto!important;
    min-width:0;
    padding:9px 7px;
    font-size:clamp(12px,.95vw,15px);
  }
  body:has(.admin-payments-panel.active) .top-actions{
    flex:0 0 auto;
    gap:6px;
  }
  body:has(.admin-payments-panel.active) .langs{flex:0 0 auto}
  body:has(.admin-payments-panel.active) .langs button{flex:0 0 auto;width:auto;padding:6px 7px;font-size:11px}
  body:has(.admin-payments-panel.active) .login,
  body:has(.admin-payments-panel.active) .register{width:auto;flex:0 0 auto;padding:10px 13px;font-size:13px}
}

@media (max-width:1100px){
  .admin-payments-panel .admin-section-tabs button{flex:0 0 auto;min-width:112px}
  .admin-payments-panel .admin-payment-main{grid-template-columns:1fr 1fr}
  .admin-payments-panel .admin-data-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-payments-panel .admin-data-primary{grid-column:1/-1}
}
@media (max-width:760px){
  .admin-payments-panel{padding:14px 12px 22px}
  .admin-payments-panel .admin-payments-shell{gap:9px}
  .admin-payments-panel .admin-section-tabs{border-radius:13px}
  .admin-payments-panel .admin-payments-head{align-items:flex-start;padding:13px 14px}
  .admin-payments-panel .admin-payments-head h2{font-size:24px}
  .admin-payments-panel .admin-payment-stats{grid-template-columns:1fr}
  .admin-payments-panel .admin-payment-main,
  .admin-payments-panel .admin-data-row{grid-template-columns:1fr}
  .admin-payments-panel .admin-data-primary{grid-column:auto}
}
@media (max-width:520px){
  .admin-payments-panel{padding-left:10px;padding-right:10px}
  .admin-payments-panel .admin-payments-head{display:grid;gap:10px}
  .admin-payments-panel .admin-payments-head>.secondary{width:100%}
  .admin-payments-panel .admin-toolbar{flex-direction:column;align-items:stretch}
  .admin-payments-panel .admin-mini-stat{justify-content:space-between}
}


/* ---- NOVA Admin Logos Manager v1.3.24 ---- */
.admin-logos-panel{padding:18px clamp(14px,2vw,30px) 28px;overflow-x:hidden}
.admin-logos-panel .admin-payments-shell{width:100%;max-width:1440px;min-width:0;gap:12px}
.logo-manager-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.logo-manager-stats article{border:1px solid rgba(56,96,138,.42);border-radius:14px;padding:11px 12px;background:linear-gradient(180deg,rgba(13,30,50,.84),rgba(6,18,31,.92));min-width:0}
.logo-manager-stats span{display:block;color:#7893ae;font-size:10px;margin-bottom:4px}.logo-manager-stats strong{font-size:22px;color:#e0efff}
.logo-filter-card{border:1px solid rgba(56,96,138,.42);border-radius:15px;padding:11px;background:rgba(5,18,31,.72)}
.logo-filter-grid{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(170px,.8fr) minmax(170px,.8fr) auto auto;gap:8px;align-items:center}.logo-filter-grid>*{min-width:0}
.logo-filter-note{margin:8px 2px 0;color:#758da7;font-size:10.5px}
.logo-bulk-bar{display:flex;gap:8px;align-items:center;border:1px solid rgba(74,130,187,.4);border-radius:13px;padding:8px 10px;background:rgba(20,50,82,.48)}.logo-bulk-bar>div{margin-left:auto;display:flex;gap:7px}.logo-bulk-bar span{color:#829ab2;font-size:11px}
.logo-list-head{display:flex;align-items:center;justify-content:space-between;color:#7e98b2;font-size:10.5px;padding:0 3px}.logo-list-head label{display:flex;gap:7px;align-items:center}
.admin-logo-list{display:grid;gap:7px;min-width:0}.admin-logo-row{display:grid;grid-template-columns:28px 56px minmax(190px,1.2fr) minmax(240px,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(56,96,138,.44);border-radius:14px;padding:9px 10px;background:linear-gradient(180deg,rgba(13,30,50,.9),rgba(6,18,31,.95));min-width:0}
.admin-logo-thumb{width:52px;height:52px;border:1px solid rgba(72,119,166,.45);border-radius:11px;background:rgba(4,14,24,.95);display:grid;place-items:center;overflow:hidden}.admin-logo-thumb img{width:100%;height:100%;object-fit:contain;padding:4px}.admin-logo-thumb b{color:#7293b6}
.admin-logo-name{min-width:0}.admin-logo-name strong,.admin-logo-name small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-logo-name strong{color:#dcecff;font-size:13px}.admin-logo-name small{color:#718ba5;font-size:10px;margin-top:3px}
.admin-logo-meta{display:flex;gap:5px;flex-wrap:wrap;min-width:0}.admin-logo-meta span{border:1px solid rgba(62,105,147,.4);border-radius:999px;padding:4px 7px;color:#8ea7c0;font-size:9.5px;background:rgba(8,22,38,.72)}.logo-state-custom{color:#8cd7ff!important}.logo-state-provider{color:#7de7a6!important}.logo-state-auto{color:#d8c17b!important}.logo-state-review{color:#ffb66e!important}.logo-state-missing{color:#ff8792!important}
.admin-logo-actions{display:flex;gap:6px;justify-content:flex-end}.admin-logo-actions button{padding:7px 9px;font-size:10px}
.logo-manager-foot{display:flex;align-items:center;justify-content:space-between;color:#7892ac;font-size:10.5px}.logo-manager-foot>div{display:flex;align-items:center;gap:8px}
.logo-editor-overlay{position:fixed;inset:0;z-index:80;background:rgba(0,7,15,.78);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.logo-editor-overlay[hidden]{display:none}.logo-editor-card{width:min(920px,96vw);max-height:92vh;overflow:auto;border:1px solid rgba(79,130,183,.55);border-radius:20px;padding:16px;background:linear-gradient(180deg,#0c1d31,#06111e);box-shadow:0 26px 80px rgba(0,0,0,.5)}
.logo-editor-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.logo-editor-head h3{margin:2px 0 4px;font-size:22px}.logo-editor-head p{margin:0;color:#7590aa;font-size:10.5px}
.logo-current-grid{display:grid;grid-template-columns:minmax(250px,1fr) 210px;gap:12px;margin-top:13px}.logo-preview-box,.logo-manual-card,.logo-candidates-card{border:1px solid rgba(58,99,141,.42);border-radius:15px;padding:12px;background:rgba(5,18,31,.66)}.logo-preview-box>span{color:#8199b2;font-size:10px}.logo-large-preview{height:120px;margin:8px 0;border:1px solid rgba(73,121,169,.4);border-radius:12px;background:rgba(3,12,21,.85);display:grid;place-items:center;overflow:hidden}.logo-large-preview img{max-width:100%;max-height:100%;object-fit:contain;padding:9px}.logo-large-preview b{font-size:34px;color:#7897b8}.logo-preview-box small{color:#7891aa}
.logo-editor-actions-stack{display:grid;gap:8px;align-content:start}.logo-editor-actions-stack button{width:100%}
.logo-manual-card{margin-top:12px}.logo-manual-card>strong{display:block;margin-bottom:8px}.logo-manual-row,.logo-upload-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.logo-upload-row{margin-top:8px}.logo-upload-row small{grid-column:1/-1;color:#6f88a1;font-size:9.5px}
.logo-candidates-card{margin-top:12px}.logo-candidates-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px}.logo-candidates-head span{color:#7891aa;font-size:10px}.logo-candidate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.logo-candidate{border:1px solid rgba(64,108,151,.45);border-radius:12px;padding:8px;background:rgba(6,19,32,.8);display:grid;gap:6px;text-align:left;color:#cfe4f9;cursor:pointer}.logo-candidate:hover{border-color:rgba(76,154,235,.72)}.logo-candidate-preview{height:72px;border-radius:9px;background:rgba(2,11,19,.85);display:grid;place-items:center;overflow:hidden}.logo-candidate-preview img{max-width:100%;max-height:100%;object-fit:contain;padding:5px}.logo-candidate strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo-candidate small{font-size:9px;color:#7690aa}.logo-confidence{color:#8dc7ff!important}
@media(max-width:1180px){.logo-manager-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.logo-filter-grid{grid-template-columns:1fr 1fr 1fr}.logo-filter-grid #admin-logos-search{grid-column:1/3}.admin-logo-row{grid-template-columns:28px 52px minmax(160px,1fr) auto}.admin-logo-meta{grid-column:3/-1}.admin-logo-actions{grid-column:4;grid-row:1/3}}
@media(max-width:820px){.admin-logos-panel{padding:13px 12px 24px}.logo-manager-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-filter-grid{grid-template-columns:1fr 1fr}.logo-filter-grid #admin-logos-search{grid-column:1/-1}.admin-logo-row{grid-template-columns:28px 48px minmax(0,1fr)}.admin-logo-meta,.admin-logo-actions{grid-column:2/-1;grid-row:auto;justify-content:flex-start}.logo-current-grid{grid-template-columns:1fr}.logo-editor-actions-stack{grid-template-columns:repeat(3,1fr)}.logo-candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.logo-manager-stats{grid-template-columns:1fr 1fr}.logo-filter-grid{grid-template-columns:1fr}.logo-filter-grid #admin-logos-search{grid-column:auto}.logo-bulk-bar{align-items:flex-start;flex-wrap:wrap}.logo-bulk-bar>div{margin-left:0;width:100%}.logo-bulk-bar button{flex:1}.admin-logo-row{grid-template-columns:26px 44px minmax(0,1fr)}.admin-logo-meta,.admin-logo-actions{grid-column:1/-1}.admin-logo-actions{flex-wrap:wrap}.logo-manager-foot{display:grid;gap:8px}.logo-manager-foot>div{justify-content:space-between}.logo-editor-overlay{padding:7px}.logo-editor-card{padding:12px;border-radius:16px}.logo-editor-head{display:grid}.logo-editor-actions-stack{grid-template-columns:1fr}.logo-manual-row,.logo-upload-row{grid-template-columns:1fr}.logo-candidate-grid{grid-template-columns:1fr 1fr}}

/* V1.3.25 — Admin EPG Manager */
.admin-epg-panel{padding:16px clamp(14px,1.8vw,26px) 28px}
.admin-epg-panel .admin-payments-shell{width:min(1440px,100%);max-width:1440px;margin:0 auto;gap:11px}
.admin-epg-panel .admin-section-tabs{padding:5px;gap:5px;border-radius:14px}
.admin-epg-panel .admin-section-tabs button{min-height:34px;min-width:104px;padding:7px 10px;font-size:11.5px}
.admin-epg-panel .admin-payments-head{padding:14px 17px;border-radius:16px}
.admin-epg-panel .admin-payments-head h2{margin:1px 0 3px;font-size:clamp(24px,1.8vw,30px);line-height:1.08}
.admin-epg-panel .admin-payments-head p{font-size:11.5px;line-height:1.42}
.epg-manager-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.epg-manager-stats article{min-width:0;border:1px solid rgba(56,96,138,.42);border-radius:14px;padding:10px 12px;background:linear-gradient(180deg,rgba(13,30,50,.84),rgba(6,18,31,.92))}
.epg-manager-stats span{display:block;color:#7893ae;font-size:10px;margin-bottom:4px;overflow-wrap:anywhere}.epg-manager-stats strong{font-size:22px;color:#e0efff}
.epg-source-card,.epg-mapping-card{border:1px solid rgba(58,97,139,.44);border-radius:16px;background:rgba(7,20,34,.72);padding:14px;min-width:0}
.epg-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.epg-card-head>div{display:grid;gap:3px}.epg-card-head strong{font-size:15px}.epg-card-head small{color:#8199b3;font-size:11px;line-height:1.42}
.epg-source-create-grid{display:grid;grid-template-columns:minmax(150px,1.05fr) 140px minmax(240px,1.6fr) 145px 110px auto;gap:8px;align-items:center}
.epg-source-create-grid input,.epg-source-create-grid select,.epg-filter-grid input,.epg-filter-grid select,.epg-editor-search input,.epg-editor-search select{width:100%;min-width:0}
.epg-file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8fa9c4;font-size:11px}
.admin-epg-source-list{display:grid;gap:8px;margin-top:10px}
.admin-epg-source-row{display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(320px,1.7fr) auto;gap:12px;align-items:center;border:1px solid rgba(54,91,132,.4);border-radius:13px;padding:10px 12px;background:rgba(4,15,27,.54);min-width:0}
.epg-source-copy{display:grid;gap:3px;min-width:0}.epg-source-copy strong,.epg-source-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.epg-source-copy small{color:#7e97b1;font-size:10.5px}
.epg-source-stats{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#8da5be;font-size:10.5px;min-width:0}.epg-status{border:1px solid rgba(77,118,160,.42);border-radius:999px;padding:4px 7px;font-weight:900}.epg-status-ready{color:#86edbd;border-color:rgba(55,178,123,.5)}.epg-status-error{color:#ff98a6;border-color:rgba(205,64,82,.5)}.epg-status-loading{color:#9fc9ff}.epg-source-error{color:#ff99a7}
.epg-source-actions{display:flex;gap:5px;justify-content:flex-end;flex-wrap:wrap}
.epg-mapping-head{align-items:center}.epg-filter-grid{display:grid;grid-template-columns:minmax(220px,1.7fr) minmax(150px,.85fr) minmax(145px,.75fr) auto auto;gap:8px;margin-bottom:9px}
.epg-bulk-bar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border:1px solid rgba(75,139,207,.45);border-radius:12px;background:rgba(18,50,82,.55);padding:8px 10px;margin:8px 0}.epg-bulk-bar>div{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}.epg-bulk-bar span{color:#8fa9c4;font-size:11px}
.epg-list-head,.epg-manager-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8199b3;font-size:11px;padding:5px 2px 8px}.epg-list-head label{display:flex;align-items:center;gap:7px}.epg-manager-foot{padding-top:9px}.epg-manager-foot>div{display:flex;align-items:center;gap:8px}.epg-manager-foot>div span{min-width:120px;text-align:center;font-weight:800;color:#a9bfd6}
.admin-epg-list{display:grid;gap:7px}.admin-epg-row{display:grid;grid-template-columns:26px minmax(200px,1.05fr) minmax(210px,.85fr) minmax(300px,1.35fr) auto;gap:11px;align-items:center;border:1px solid rgba(53,89,128,.38);border-radius:13px;padding:9px 11px;background:rgba(4,15,27,.52);min-width:0}
.epg-channel-copy,.epg-mapping-meta,.epg-program-preview{display:grid;gap:3px;min-width:0}.epg-channel-copy strong,.epg-channel-copy small,.epg-mapping-meta small,.epg-program-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.epg-channel-copy small,.epg-mapping-meta small,.epg-program-preview{color:#8098b1;font-size:10.5px}.epg-mapping-meta{align-content:center}.epg-mapping-meta>span{width:max-content;max-width:100%;font-size:10px;border:1px solid rgba(72,113,155,.42);border-radius:999px;padding:4px 7px;color:#abc0d7}.epg-map-verified{color:#86edbd!important;border-color:rgba(55,178,123,.5)!important}.epg-map-review{color:#f2d388!important;border-color:rgba(187,145,59,.5)!important}.epg-map-unmapped{color:#ff99a7!important;border-color:rgba(205,64,82,.5)!important}.epg-program-preview b{color:#afc4d9}.epg-program-empty{opacity:.75}.epg-row-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.epg-row-actions button{padding:8px 10px;font-size:10.5px}
.epg-editor-overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;background:rgba(0,8,18,.76);backdrop-filter:blur(10px)}.epg-editor-overlay[hidden]{display:none}.epg-editor-card{width:min(920px,100%);max-height:min(86vh,820px);overflow:auto;border:1px solid rgba(82,139,200,.55);border-radius:20px;background:linear-gradient(180deg,#0b2036,#061523);box-shadow:0 28px 90px rgba(0,0,0,.5);padding:18px}.epg-editor-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}.epg-editor-head h3{font-size:25px;margin:2px 0 4px}.epg-editor-head p{color:#8199b3;font-size:11px}.epg-current-mapping{display:grid;gap:6px;border:1px solid rgba(58,97,139,.42);border-radius:14px;padding:12px;background:rgba(5,17,30,.55);margin-bottom:10px}.epg-current-mapping>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.epg-current-mapping small,.epg-current-mapping span{color:#87a0ba;font-size:11px}.epg-editor-search{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:8px;margin-bottom:10px}.epg-candidate-list{display:grid;gap:7px;max-height:420px;overflow:auto}.epg-candidate{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;text-align:left;border:1px solid rgba(55,94,136,.44);border-radius:12px;background:rgba(5,18,31,.62);color:#e7f2ff;padding:10px 12px;cursor:pointer}.epg-candidate:hover{border-color:rgba(76,149,232,.72);background:rgba(18,50,82,.58)}.epg-candidate strong{font-size:13px}.epg-candidate span,.epg-candidate small{color:#829bb5;font-size:10.5px}.epg-candidate small{grid-column:1/-1}.epg-editor-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}
@media(max-width:1180px){.epg-manager-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.epg-source-create-grid{grid-template-columns:1fr 140px 1.4fr}.epg-source-create-grid #admin-epg-fallback-offset,.epg-source-create-grid #admin-epg-source-priority,.epg-source-create-grid #admin-epg-source-add{grid-row:2}.admin-epg-source-row{grid-template-columns:1fr 1.4fr}.epg-source-actions{grid-column:1/-1}.admin-epg-row{grid-template-columns:26px minmax(180px,1fr) minmax(190px,.8fr) auto}.epg-program-preview{grid-column:2/-1}.epg-row-actions{grid-column:4;grid-row:1/3}.epg-filter-grid{grid-template-columns:1fr 1fr 1fr}.epg-filter-grid #admin-epg-search{grid-column:1/3}}
@media(max-width:820px){.admin-epg-panel{padding:13px 12px 24px}.epg-manager-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.epg-source-create-grid,.epg-filter-grid{grid-template-columns:1fr 1fr}.epg-source-create-grid #admin-epg-source-url,.epg-filter-grid #admin-epg-search{grid-column:1/-1}.epg-source-create-grid #admin-epg-fallback-offset,.epg-source-create-grid #admin-epg-source-priority,.epg-source-create-grid #admin-epg-source-add{grid-row:auto}.admin-epg-source-row{grid-template-columns:1fr}.epg-source-actions{grid-column:auto;justify-content:flex-start}.admin-epg-row{grid-template-columns:26px minmax(0,1fr)}.epg-mapping-meta,.epg-program-preview,.epg-row-actions{grid-column:2/-1;grid-row:auto;justify-content:flex-start}.epg-editor-search{grid-template-columns:1fr 1fr}.epg-editor-search input{grid-column:1/-1}.epg-editor-search button{grid-column:2}}
@media(max-width:560px){.epg-manager-stats{grid-template-columns:1fr 1fr}.epg-source-create-grid,.epg-filter-grid{grid-template-columns:1fr}.epg-source-create-grid #admin-epg-source-url,.epg-filter-grid #admin-epg-search{grid-column:auto}.epg-bulk-bar>div{width:100%;margin-left:0}.epg-bulk-bar button{flex:1 1 45%}.epg-manager-foot{display:grid}.epg-manager-foot>div{justify-content:space-between}.epg-editor-overlay{padding:7px}.epg-editor-card{padding:12px;border-radius:16px}.epg-editor-head{display:grid}.epg-editor-search{grid-template-columns:1fr}.epg-editor-search input,.epg-editor-search button{grid-column:auto}.epg-candidate{grid-template-columns:1fr}.epg-editor-actions{display:grid}}


/* ---- NOVA Admin Archive Manager v1.3.29 ---- */

.admin-archive-panel{
  padding:16px clamp(14px,1.8vw,26px) 28px;
  overflow-x:hidden;
}

.admin-archive-panel .admin-payments-shell{
  width:min(1440px,100%);
  max-width:1440px;
  margin:0 auto;
  gap:11px;
}

.admin-archive-panel .admin-section-tabs{
  padding:5px;
  gap:5px;
  border-radius:14px;
}

.admin-archive-panel .admin-section-tabs button{
  min-height:34px;
  min-width:96px;
  padding:7px 10px;
  font-size:11.5px;
}

.archive-manager-head{
  padding:14px 17px;
  border-radius:16px;
}

.archive-manager-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}

.archive-manager-stats article{
  border:1px solid rgba(80,129,178,.24);
  border-radius:14px;
  background:rgba(15,38,62,.46);
  padding:12px 14px;
  min-width:0;
}

.archive-manager-stats span{
  display:block;
  color:#829ab2;
  font-size:11px;
  margin-bottom:5px;
}

.archive-manager-stats strong{
  color:#e8f4ff;
  font-size:21px;
}

.archive-manager-card{
  border:1px solid rgba(77,126,174,.26);
  border-radius:16px;
  background:rgba(9,27,45,.48);
  padding:12px;
}

.archive-filter-grid{
  display:grid;
  grid-template-columns:minmax(220px,2fr) repeat(5,minmax(120px,1fr)) auto auto;
  gap:8px;
  align-items:center;
}

.archive-filter-grid input,
.archive-filter-grid select,
.archive-row-controls input,
.archive-row-controls select,
.archive-bulk-actions input{
  min-height:38px;
  border:1px solid rgba(85,132,180,.32);
  border-radius:10px;
  background:rgba(7,24,40,.76);
  color:#dcecff;
  padding:8px 10px;
  outline:none;
}

.archive-manager-note{
  margin:9px 2px 11px;
  color:#7f98b2;
  font-size:11.5px;
  line-height:1.45;
}

.archive-bulk-bar{
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(70,132,198,.48);
  border-radius:13px;
  background:rgba(23,64,106,.28);
  padding:9px 11px;
  margin-bottom:10px;
  color:#9eb9d5;
  font-size:11.5px;
}

.archive-bulk-bar>strong{
  color:#d9ecff;
  font-size:15px;
}

.archive-bulk-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  margin-left:auto;
}

.archive-bulk-actions input{
  width:78px;
}

.archive-list-head,
.archive-manager-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:36px;
  color:#8199b1;
  font-size:11.5px;
}

.archive-list-head label{
  display:flex;
  align-items:center;
  gap:7px;
}

.archive-manager-foot>div{
  display:flex;
  align-items:center;
  gap:8px;
}

.admin-archive-list{
  display:grid;
  gap:7px;
}

.admin-archive-row{
  display:grid;
  grid-template-columns:
    28px
    minmax(170px,1.5fr)
    minmax(120px,.9fr)
    minmax(120px,.9fr)
    minmax(120px,.9fr)
    minmax(320px,1.8fr);
  gap:10px;
  align-items:center;
  border:1px solid rgba(74,124,174,.22);
  border-radius:13px;
  background:rgba(10,29,47,.58);
  padding:10px;
}

.archive-channel-copy{
  min-width:0;
}

.archive-channel-copy strong{
  display:block;
  color:#e3f1ff;
  font-size:13px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.archive-channel-copy small{
  display:block;
  margin-top:3px;
  color:#758fa8;
  font-size:10.5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.archive-value{
  min-width:0;
}

.archive-value small{
  display:block;
  color:#6f89a2;
  font-size:9.5px;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin-bottom:3px;
}

.archive-value strong{
  display:block;
  color:#bdd4ea;
  font-size:11.5px;
  white-space:nowrap;
}

.archive-custom-value strong{
  color:#e0c98b;
}

.archive-provider-reference{
  display:block;
  margin-top:3px;
  color:#7893ad;
  font-size:9.5px;
  white-space:nowrap;
}

.archive-effective-value strong{
  color:#9fd7b0;
}

.archive-row-controls{
  min-width:0;
  overflow:visible;
  display:grid;
  grid-template-columns:minmax(90px,1fr) 72px minmax(72px,auto) minmax(110px,auto);
  gap:6px;
  align-items:center;
}

.archive-row-controls input{
  width:70px;
}

.archive-row-controls button{
  padding:8px 9px;
  font-size:10.5px;
  white-space:nowrap;
}

@media(max-width:1100px){
  .archive-filter-grid{
    grid-template-columns:1fr 1fr 1fr;
  }

  .archive-filter-grid #admin-archive-search{
    grid-column:1/-1;
  }

  .admin-archive-row{
    grid-template-columns:26px minmax(180px,1.5fr) repeat(3,minmax(105px,1fr));
  }

  .archive-row-controls{
    grid-column:2/-1;
  }
}

@media(max-width:820px){
  .admin-archive-panel{
    padding:13px 12px 24px;
  }

  .archive-manager-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .archive-filter-grid{
    grid-template-columns:1fr 1fr;
  }

  .archive-filter-grid #admin-archive-search{
    grid-column:1/-1;
  }

  .archive-bulk-bar{
    align-items:flex-start;
    flex-wrap:wrap;
  }

  .archive-bulk-actions{
    margin-left:0;
    width:100%;
  }

  .admin-archive-row{
    grid-template-columns:26px minmax(0,1fr);
  }

  .archive-value,
  .archive-row-controls{
    grid-column:2/-1;
  }
}

@media(max-width:560px){
  .archive-filter-grid{
    grid-template-columns:1fr;
  }

  .archive-filter-grid #admin-archive-search{
    grid-column:auto;
  }

  .archive-manager-stats{
    grid-template-columns:1fr 1fr;
  }

  .archive-row-controls{
    grid-template-columns:1fr 1fr;
  }

  .archive-row-controls button{
    width:100%;
  }

  .archive-manager-foot{
    display:grid;
    gap:8px;
  }

  .archive-manager-foot>div{
    justify-content:space-between;
  }
}

.archive-bulk-bar[hidden]{
  display:none !important;
}

/* === Archive Final Acceptance: consolidated responsive row controls === */

.admin-archive-row{
  grid-template-columns:
    28px
    minmax(160px,1.35fr)
    minmax(110px,.8fr)
    minmax(110px,.8fr)
    minmax(110px,.8fr)
    minmax(0,2fr);
}

.archive-row-controls{
  min-width:0;
  width:100%;
  overflow:visible;
  grid-template-columns:
    minmax(82px,.8fr)
    minmax(64px,.55fr)
    minmax(90px,.75fr)
    minmax(150px,1.35fr);
}

.archive-row-controls select,
.archive-row-controls input,
.archive-row-controls button{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}

.archive-row-controls button{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  line-height:1.2;
  min-height:40px;
}

/* Medium desktop / small laptop */
@media(max-width:1250px){
  .admin-archive-row{
    grid-template-columns:
      26px
      minmax(180px,1.4fr)
      repeat(3,minmax(105px,1fr));
  }

  .archive-row-controls{
    grid-column:2/-1;
    grid-template-columns:
      minmax(90px,1fr)
      minmax(70px,.7fr)
      minmax(95px,1fr)
      minmax(165px,1.5fr);
  }
}

/* Tablet: restore stacked Archive row layout */
@media(max-width:820px){
  .admin-archive-row{
    grid-template-columns:
      26px
      minmax(0,1fr);
  }

  .archive-value,
  .archive-row-controls{
    grid-column:2/-1;
  }
}

/* Narrow tablet / large phone */
@media(max-width:700px){
  .archive-row-controls{
    grid-template-columns:1fr 1fr;
  }

  .archive-row-controls button{
    width:100%;
  }
}


/* V1.3.20 — Public canonical channel catalog */
[data-page="channels"] .categories button span{
  margin-left:5px;
  opacity:.62;
  font-size:.82em;
}

[data-page="channels"] .channel-logo{
  position:relative;
  overflow:hidden;
}

[data-page="channels"] .channel-logo b{
  position:relative;
  z-index:1;
  font-size:15px;
}

[data-page="channels"] .channel-logo img{
  position:absolute;
  inset:0;
  z-index:2;
  width:100%;
  height:100%;
  object-fit:contain;
  padding:4px;
  background:rgba(6,18,31,.96);
}

[data-page="channels"] .channel-card-copy{
  min-width:0;
}

[data-page="channels"] .channel-card-copy strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

[data-page="channels"] .channel-card-copy small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

[data-page="channels"] .channel-state{
  grid-column:1/-1;
  min-height:180px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  text-align:center;
  color:#8fa6bd;
  border:1px dashed rgba(73,113,154,.34);
  border-radius:16px;
  background:rgba(5,17,29,.38);
}

[data-page="channels"] .channel-state strong{
  font-size:13px;
  font-weight:700;
}

[data-page="channels"] .channel-state button{
  width:auto;
}

/* ===== GLOBAL CATALOG ADMIN ===== */
.admin-global-catalog-panel{padding:20px clamp(16px,2.2vw,34px) 28px;overflow:auto;overflow-x:hidden}
.admin-global-catalog-panel .admin-payments-shell{width:100%;max-width:1540px;min-width:0;gap:12px}
.global-catalog-stats{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.global-catalog-stats article{display:grid;gap:4px;min-width:0;border:1px solid rgba(58,97,139,.46);border-radius:13px;background:rgba(7,20,34,.76);padding:10px 12px}
.global-catalog-stats span{color:#839bb5;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;overflow-wrap:anywhere}
.global-catalog-stats strong{font-size:19px;color:#edf7ff}
.global-catalog-filter-card{border:1px solid rgba(58,97,139,.45);border-radius:16px;background:rgba(7,19,33,.74);padding:12px}
.global-catalog-filter-grid{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(120px,1fr));gap:8px}
.global-catalog-filter-grid input,.global-catalog-filter-grid select{min-width:0}
.global-catalog-note{margin:9px 2px 0;color:#7f98b4;font-size:11px;line-height:1.45}
.global-catalog-bulk{display:flex;align-items:center;gap:10px;border:1px solid rgba(73,132,197,.45);border-radius:14px;background:rgba(13,41,70,.58);padding:9px 11px}
.global-catalog-bulk>div{margin-left:auto;display:flex;gap:7px;flex-wrap:wrap}
.global-catalog-list-head,.global-catalog-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#839bb5;font-size:11px}
.global-catalog-list-head label{display:flex;align-items:center;gap:8px}
.global-catalog-foot>div{display:flex;align-items:center;gap:8px}
.global-catalog-foot button{min-width:92px}
.admin-global-catalog-list{display:grid;gap:8px}
.global-catalog-row{display:grid;grid-template-columns:28px 52px minmax(0,1fr) minmax(260px,auto);gap:10px;align-items:center;border:1px solid rgba(57,99,142,.44);border-radius:16px;background:linear-gradient(180deg,rgba(13,29,49,.9),rgba(7,19,32,.95));padding:10px 12px}
.global-row-check{align-self:start;padding-top:12px}
.global-channel-logo{width:48px;height:48px;border-radius:12px;border:1px solid rgba(70,113,157,.42);background:rgba(9,24,40,.88);display:grid;place-items:center;overflow:hidden;color:#9ecfff;font-weight:900}
.global-channel-logo img{width:100%;height:100%;object-fit:contain}
.global-channel-main{display:grid;gap:6px;min-width:0}
.global-channel-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.global-channel-title strong{color:#eef8ff;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.global-adult-pill,.global-provider-off{border-radius:999px;padding:3px 7px;font-size:9px;font-weight:900}
.global-adult-pill{color:#ffb0ba;border:1px solid rgba(222,78,96,.48);background:rgba(132,31,47,.2)}
.global-provider-off{color:#ffc177;border:1px solid rgba(220,145,66,.5);background:rgba(128,73,22,.18)}
.global-channel-ids,.global-channel-meta,.global-state-row{display:flex;gap:6px;flex-wrap:wrap;min-width:0}
.global-channel-ids span,.global-channel-meta span{color:#829ab5;font-size:9.5px;overflow-wrap:anywhere}
.global-channel-meta span{border:1px solid rgba(63,104,146,.35);border-radius:999px;padding:3px 6px;background:rgba(8,21,36,.58)}
.global-state-chip{border:1px solid rgba(70,110,151,.42);background:rgba(9,24,40,.72);border-radius:999px;padding:4px 7px;color:#9cb1c7;font-size:9px}
.global-state-chip b{color:#cbdbea}
.global-state-chip.ok{border-color:rgba(61,174,119,.45);color:#98e8bb}
.global-state-chip.warn{border-color:rgba(212,157,63,.48);color:#f0c781}
.global-state-chip.bad{border-color:rgba(211,78,91,.45);color:#f2a0a8}
.global-channel-controls{display:grid;grid-template-columns:auto minmax(100px,1fr) minmax(100px,1fr) auto;gap:7px;align-items:center}
.global-channel-controls select{min-width:0}
.global-channel-controls .primary{padding:8px 12px}
.global-toggle{display:flex;align-items:center;gap:6px;color:#a5bdd5;font-size:10px;font-weight:800;white-space:nowrap}
.global-catalog-audit{border:1px solid rgba(58,97,139,.42);border-radius:14px;background:rgba(7,19,32,.65);padding:10px 12px}
.global-catalog-audit summary{cursor:pointer;color:#a9c4df;font-weight:850;font-size:11px}
#admin-global-audit-list{display:grid;gap:6px;margin-top:8px}
.global-audit-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:8px;align-items:center;border-top:1px solid rgba(64,103,142,.24);padding-top:6px;color:#8098b1;font-size:9.5px}
.global-audit-row strong{color:#c2d6e8}
@media(max-width:1280px){.global-catalog-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.global-catalog-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.global-catalog-filter-grid #admin-global-search{grid-column:span 2}.global-catalog-row{grid-template-columns:28px 48px minmax(0,1fr)}.global-channel-controls{grid-column:3;grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.admin-global-catalog-panel{padding:14px 12px 24px}.global-catalog-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.global-catalog-filter-grid{grid-template-columns:1fr 1fr}.global-catalog-filter-grid #admin-global-search{grid-column:1/-1}.global-catalog-row{grid-template-columns:26px 42px minmax(0,1fr);padding:9px}.global-channel-logo{width:40px;height:40px}.global-channel-controls{grid-column:1/-1;grid-template-columns:1fr 1fr}.global-channel-controls .primary{grid-column:1/-1}.global-catalog-bulk{align-items:flex-start;flex-wrap:wrap}.global-catalog-bulk>div{margin-left:0;width:100%}.global-catalog-foot{display:grid}.global-catalog-foot>div{justify-content:space-between}.global-audit-row{grid-template-columns:1fr}.global-channel-title strong{white-space:normal}}
@media(max-width:520px){.global-catalog-filter-grid{grid-template-columns:1fr}.global-catalog-filter-grid #admin-global-search{grid-column:auto}.global-channel-controls{grid-template-columns:1fr}.global-catalog-stats{grid-template-columns:1fr 1fr}}
/* ===== /GLOBAL CATALOG ADMIN ===== */


/* ===== PROVIDER CONTROL CENTER v1.3.31 ===== */
.admin-providers-panel{
  padding:20px clamp(16px,2.2vw,34px) 28px;
  overflow:auto;
  overflow-x:hidden;
}
.admin-providers-panel .admin-payments-shell{
  width:100%;
  max-width:1540px;
  min-width:0;
  gap:12px;
}
.provider-control-head{
  align-items:flex-start;
}
.provider-control-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.provider-control-stats article{
  min-width:0;
  border:1px solid rgba(58,97,139,.45);
  border-radius:15px;
  padding:13px 14px;
  background:rgba(7,19,34,.72);
}
.provider-control-stats span{
  display:block;
  color:#7f98b4;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.provider-control-stats strong{
  display:block;
  margin-top:5px;
  color:#e9f4ff;
  font-size:22px;
}
.provider-control-toolbar{
  display:flex;
  align-items:center;
  gap:8px;
}
.provider-control-toolbar input{
  width:min(420px,100%);
  min-height:42px;
}
.admin-provider-list{
  display:grid;
  gap:9px;
}
.provider-control-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  border:1px solid rgba(58,97,139,.48);
  border-radius:16px;
  padding:14px 16px;
  background:rgba(7,19,34,.74);
}
.provider-control-main{
  display:grid;
  gap:8px;
  min-width:0;
}
.provider-control-title{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}
.provider-control-title strong{
  color:#e8f3ff;
  font-size:15px;
}
.provider-control-title code{
  color:#7390ae;
  font-size:10px;
}
.provider-control-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px 12px;
  color:#829ab3;
  font-size:10.5px;
}
.provider-control-meta b{
  color:#afc4d9;
}
.provider-control-state-row{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.provider-state,
.provider-enabled{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border-radius:999px;
  padding:5px 8px;
  font-size:10px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.provider-state.ok,.provider-enabled.on{
  color:#85e8ad;
  background:rgba(42,177,98,.11);
  border:1px solid rgba(42,177,98,.25);
}
.provider-state.warn{
  color:#f7d889;
  background:rgba(197,143,28,.1);
  border:1px solid rgba(197,143,28,.25);
}
.provider-state.bad{
  color:#ff9da4;
  background:rgba(200,62,74,.1);
  border:1px solid rgba(200,62,74,.25);
}
.provider-state.info{
  color:#86d6ff;
  background:rgba(47,143,204,.1);
  border:1px solid rgba(47,143,204,.25);
}
.provider-state.muted,.provider-enabled.off{
  color:#95a8ba;
  background:rgba(111,130,150,.1);
  border:1px solid rgba(111,130,150,.2);
}
.provider-last-error{
  color:#f2a2a8;
  font-size:10.5px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.provider-control-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  flex-wrap:wrap;
}
.provider-control-actions button{
  min-height:36px;
  padding:8px 11px;
  font-size:10.5px;
}
.provider-control-actions button:disabled{
  opacity:.5;
  cursor:wait;
}
.provider-activity{
  border:1px solid rgba(58,97,139,.4);
  border-radius:14px;
  padding:11px 13px;
  background:rgba(7,19,34,.6);
}
.provider-activity summary{
  cursor:pointer;
  color:#a9c4df;
  font-weight:850;
  font-size:11px;
}
#admin-provider-activity-list{
  display:grid;
  gap:5px;
  margin-top:9px;
}
.provider-activity-row{
  display:grid;
  grid-template-columns:95px minmax(0,1fr);
  gap:9px;
  color:#91a9c1;
  font-size:10.5px;
}
.provider-activity-row time{
  color:#67829e;
}
.provider-activity-empty{
  color:#7189a2;
  font-size:10.5px;
}
.provider-result-overlay{
  position:fixed;
  inset:0;
  z-index:120;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(2,8,17,.78);
  backdrop-filter:blur(4px);
}
.provider-result-overlay[hidden]{
  display:none;
}
.provider-result-card{
  width:min(880px,100%);
  max-height:min(760px,88vh);
  display:grid;
  gap:12px;
  border:1px solid rgba(69,118,171,.5);
  border-radius:18px;
  padding:17px;
  background:#081524;
  box-shadow:0 26px 80px rgba(0,0,0,.48);
}
.provider-result-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.provider-result-head h3{
  margin:2px 0 3px;
}
.provider-result-head p{
  margin:0;
  color:#7f98b4;
  font-size:11px;
}
#admin-provider-result-payload{
  max-height:58vh;
  margin:0;
  overflow:auto;
  border:1px solid rgba(58,97,139,.4);
  border-radius:12px;
  padding:13px;
  background:#04101d;
  color:#adc4dc;
  font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
@media(max-width:980px){
  .provider-control-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .provider-control-row{grid-template-columns:1fr}
  .provider-control-actions{justify-content:flex-start}
}
@media(max-width:620px){
  .admin-providers-panel{padding:13px 12px 24px}
  .provider-control-stats{grid-template-columns:1fr 1fr}
  .provider-control-row{padding:12px}
  .provider-control-actions button{flex:1 1 calc(50% - 6px)}
  .provider-result-overlay{padding:12px}
}
.provider-source-control{
  display:grid;
  gap:12px;
  margin-top:4px;
  border:1px solid rgba(69,118,171,.46);
  border-radius:16px;
  padding:14px;
  background:linear-gradient(180deg,rgba(10,25,43,.78),rgba(6,17,30,.88));
}
.provider-source-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.provider-source-control-head>div{display:grid;gap:4px}
.provider-source-control-head strong{color:#e8f3ff;font-size:14px}
.provider-source-control-head small{color:#7892ad;font-size:10.5px;line-height:1.45}
.provider-source-canonical{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;font-size:9.5px;font-weight:900;letter-spacing:.04em}
.provider-source-canonical.on{color:#85e8ad;border:1px solid rgba(42,177,98,.28);background:rgba(42,177,98,.11)}
.provider-source-canonical.off{color:#ff9da4;border:1px solid rgba(200,62,74,.28);background:rgba(200,62,74,.11)}
.provider-source-load-grid{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:8px;align-items:center}
.provider-source-load-grid input{min-height:42px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.provider-source-context{min-height:16px;color:#91abc4;font-size:10.5px;overflow-wrap:anywhere}
.provider-source-decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.provider-source-decision-card{display:grid;gap:4px;border:1px solid rgba(58,97,139,.4);border-radius:12px;padding:10px 11px;background:rgba(5,15,27,.7)}
.provider-source-decision-card span{color:#7892ad;font-size:9.5px;font-weight:850;text-transform:uppercase}
.provider-source-decision-card strong{color:#dcecff;font-size:12px}
.provider-source-decision-card small{color:#66819d;font-size:9.5px;overflow-wrap:anywhere}
.provider-source-list{display:grid;gap:9px}
.provider-source-empty{border:1px dashed rgba(69,118,171,.34);border-radius:12px;padding:15px;color:#748da7;font-size:10.5px;text-align:center}.provider-source-row{display:grid;gap:10px;border:1px solid rgba(58,97,139,.44);border-radius:14px;padding:12px;background:rgba(6,18,31,.76)}
.provider-source-row-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.provider-source-row-head>div:first-child{display:flex;align-items:center;gap:8px;min-width:0}
.provider-source-row-head strong{color:#e1efff;font-size:12px}
.provider-source-row-head code{color:#6f8ba7;font-size:9.5px}
.provider-source-row-meta{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:5px 10px;color:#7089a3;font-size:9.5px}
.provider-source-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.provider-source-capability{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid rgba(52,89,128,.36);border-radius:12px;padding:10px;background:rgba(4,14,25,.64)}
.provider-source-capability.unavailable{grid-template-columns:1fr;color:#6e849a}
.provider-source-capability-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:7px}
.provider-source-capability-head strong{color:#b9d0e7;font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.provider-source-role{display:inline-flex;border-radius:999px;padding:4px 7px;font-size:8.5px;font-weight:900;letter-spacing:.04em}
.provider-source-role.primary{color:#85e8ad;background:rgba(42,177,98,.1);border:1px solid rgba(42,177,98,.24)}
.provider-source-role.fallback{color:#8bd3ff;background:rgba(47,143,204,.1);border:1px solid rgba(47,143,204,.24)}
.provider-source-role.ineligible{color:#9caebe;background:rgba(111,130,150,.09);border:1px solid rgba(111,130,150,.2)}
.provider-source-toggle{display:flex;align-items:center;gap:6px;color:#9ab0c5;font-size:9.5px}
.provider-source-toggle input{accent-color:#2abb62}
.provider-source-priority{display:grid;grid-template-columns:auto 76px;gap:6px;align-items:center;color:#718aa3;font-size:9px}
.provider-source-priority input{width:76px;min-height:32px;padding:5px 7px}
.provider-source-reasons{grid-column:1/-1;min-height:26px;color:#6e849a;font-size:9px;line-height:1.4;overflow-wrap:anywhere}
.provider-source-capability [data-source-save]{grid-column:1/-1;min-height:32px;padding:6px 9px;font-size:9.5px}.global-channel-controls{grid-template-columns:auto minmax(100px,1fr) minmax(100px,1fr) auto auto}
.global-channel-controls [data-global-source-control]{padding:8px 10px}
@media(max-width:1280px){
  .global-channel-controls{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:980px){
  .provider-source-capabilities{grid-template-columns:1fr}
  .provider-source-row-head{display:grid}
  .provider-source-row-meta{justify-content:flex-start}
}
@media(max-width:760px){
  .provider-source-decision-grid{grid-template-columns:1fr}
  .provider-source-load-grid{grid-template-columns:1fr}
  .global-channel-controls{grid-template-columns:1fr 1fr}
  .global-channel-controls [data-global-source-control]{grid-column:1/-1}
}
@media(max-width:520px){
  .provider-source-control{padding:11px}
  .provider-source-control-head{display:grid}
  .provider-source-capability{grid-template-columns:1fr}
  .provider-source-priority{grid-template-columns:1fr}
  .provider-source-priority input{width:100%}
  .provider-source-capability-head,.provider-source-reasons,.provider-source-capability [data-source-save]{grid-column:1}
}

/* ===== /PROVIDER CONTROL CENTER ===== */


/* ===== PROVIDER CORE EPG RECONCILIATION v1.3.32 ===== */
.epg-reconciliation-card{
  display:grid;
  gap:12px;
  border:1px solid rgba(69,118,171,.42);
  border-radius:16px;
  padding:14px;
  background:rgba(7,19,34,.68);
}
.epg-reconciliation-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.epg-reconciliation-head small{
  display:block;
  max-width:900px;
  margin-top:4px;
  color:#7892ad;
  line-height:1.45;
}
.epg-reconcile-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.epg-reconcile-stats article{
  min-width:0;
  border:1px solid rgba(58,97,139,.38);
  border-radius:13px;
  padding:11px 12px;
  background:rgba(4,14,27,.62);
}
.epg-reconcile-stats span{
  display:block;
  color:#7892ad;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.epg-reconcile-stats strong{
  display:block;
  margin-top:4px;
  color:#e6f2ff;
  font-size:20px;
}
.epg-reconcile-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.epg-reconcile-toolbar select{
  width:min(320px,100%);
  min-height:40px;
}
#admin-epg-reconcile-range{
  color:#718aa4;
  font-size:10.5px;
}
.epg-reconcile-list{
  display:grid;
  gap:8px;
}
.epg-reconcile-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  border:1px solid rgba(58,97,139,.38);
  border-radius:14px;
  padding:12px 13px;
  background:rgba(4,14,27,.62);
}
.epg-reconcile-main{
  display:grid;
  gap:8px;
  min-width:0;
}
.epg-reconcile-row-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.epg-reconcile-name{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.epg-reconcile-name strong{
  color:#e5f1fd;
  font-size:13px;
}
.epg-reconcile-name code{
  color:#607d9a;
  font-size:9.5px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.epg-reconcile-badge{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:5px 8px;
  font-size:9.5px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.epg-reconcile-badge.resolved{
  color:#8de3b1;
  border:1px solid rgba(42,177,98,.24);
  background:rgba(42,177,98,.08);
}
.epg-reconcile-badge.unresolved{
  color:#f6d27e;
  border:1px solid rgba(201,145,30,.24);
  background:rgba(201,145,30,.08);
}
.epg-reconcile-meta{
  display:flex;
  flex-wrap:wrap;
  gap:5px 11px;
  color:#7892ad;
  font-size:10px;
}
.epg-reconcile-meta-item b{
  color:#9cb5ce;
}
.epg-reconcile-current{
  display:flex;
  flex-wrap:wrap;
  gap:6px 12px;
  padding-top:7px;
  border-top:1px solid rgba(58,97,139,.24);
}
.epg-reconcile-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.epg-reconcile-readonly{
  color:#6f879e;
  font-size:10px;
}
.epg-reconcile-overlay{
  position:fixed;
  inset:0;
  z-index:132;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(2,8,17,.8);
  backdrop-filter:blur(5px);
}
.epg-reconcile-overlay[hidden]{
  display:none;
}
.epg-reconcile-editor-card{
  width:min(900px,100%);
  max-height:min(820px,90vh);
  display:grid;
  gap:13px;
  border:1px solid rgba(69,118,171,.55);
  border-radius:18px;
  padding:17px;
  background:#081524;
  box-shadow:0 28px 90px rgba(0,0,0,.52);
  overflow:auto;
}
.epg-reconcile-editor-card .epg-editor-head p{
  margin:3px 0 0;
  color:#7892ad;
  font-size:10.5px;
}
.epg-reconcile-legacy{
  display:grid;
  gap:8px;
  border:1px solid rgba(58,97,139,.38);
  border-radius:13px;
  padding:12px;
  background:rgba(4,14,27,.7);
}
.epg-reconcile-legacy strong{
  color:#e6f2ff;
}
.epg-reconcile-candidates{
  display:grid;
  gap:8px;
  min-height:76px;
}
.epg-reconcile-candidate{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  border:1px solid rgba(58,97,139,.38);
  border-radius:13px;
  padding:11px 12px;
  background:rgba(4,14,27,.66);
}
.epg-reconcile-candidate-main{
  display:grid;
  gap:7px;
  min-width:0;
}
.epg-reconcile-candidate-main strong{
  color:#e6f2ff;
  font-size:12.5px;
}
@media(max-width:820px){
  .epg-reconcile-stats{
    grid-template-columns:1fr 1fr;
  }
  .epg-reconcile-row,
  .epg-reconcile-candidate{
    grid-template-columns:1fr;
  }
  .epg-reconcile-actions{
    justify-content:flex-start;
  }
}
@media(max-width:560px){
  .epg-reconcile-stats{
    grid-template-columns:1fr;
  }
  .epg-reconcile-toolbar{
    align-items:stretch;
    flex-direction:column;
  }
  .epg-reconcile-overlay{
    padding:10px;
  }
}
/* ===== /PROVIDER CORE EPG RECONCILIATION ===== */

/* ===== v1.4.0 BLOCK B — MOBILE-FIRST SHELL FOUNDATION ===== */
:root{
  --shell-max:1440px;
  --shell-gutter:clamp(16px,3vw,44px);
  --tap:48px;
}
html,body{
  width:100%;
  min-height:100%;
  height:auto;
  overflow-x:hidden;
  overflow-y:auto;
}
body.mobile-menu-open{overflow:hidden}
.topbar{
  position:sticky;
  top:0;
  z-index:100;
  width:100%;
}
.viewport{
  width:100%;
  height:auto;
  min-height:calc(100dvh - 76px);
  overflow:visible;
}
.panel{
  width:100%;
  height:auto;
  min-height:calc(100dvh - 76px);
  max-width:var(--shell-max);
  margin:0 auto;
}

.mobile-nav,
.mobile-nav-backdrop{display:none}
@media(max-width:900px){
  .topbar{
    height:64px;
    padding:0 16px;
    gap:10px;
  }
  .viewport{min-height:calc(100dvh - 64px)}
  .panel{
    min-height:calc(100dvh - 64px);
    padding:24px 16px 34px;
  }
  .brand{min-width:0;gap:10px}
  .brand img{width:40px;height:40px;border-radius:11px}
  .brand span{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:12px;
    letter-spacing:.12em;
  }
  .top-actions{display:none!important}
  .menu-toggle{
    display:grid!important;
    place-items:center;
    width:44px;
    height:44px;
    padding:0;
    margin-left:auto;
    border:1px solid rgba(120,170,225,.22);
    background:rgba(8,22,39,.82);
  }

  .mobile-nav-backdrop{
    display:block;
    position:fixed;
    inset:64px 0 0;
    z-index:108;
    background:rgba(0,0,0,.56);
    opacity:0;
    transition:opacity .2s ease;
  }
  .mobile-nav-backdrop.open{opacity:1}
  .mobile-nav{
    display:flex;
    position:fixed;
    top:64px;
    right:0;
    bottom:0;
    z-index:110;
    width:min(88vw,380px);
    padding:18px;
    flex-direction:column;
    gap:18px;
    background:rgba(5,15,28,.98);
    border-left:1px solid rgba(120,170,225,.2);
    box-shadow:-24px 0 70px rgba(0,0,0,.35);
    transform:translateX(105%);
    transition:transform .22s ease;
    overflow-y:auto;
    pointer-events:none;
  }
  .mobile-nav.open{
    transform:translateX(0);
    pointer-events:auto;
  }
  .mobile-nav-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }

  .mobile-nav-brand{display:flex;align-items:center;gap:10px}
  .mobile-nav-brand img{width:38px;height:38px;border-radius:10px}
  .mobile-nav-brand strong{font-size:13px;letter-spacing:.12em}
  .mobile-nav-close{
    width:42px;height:42px;border-radius:12px;
    border:1px solid rgba(120,170,225,.22);
    background:#0b1a2d;color:#fff;font-size:26px;line-height:1;
  }
  .mobile-nav-links,
  .mobile-nav-auth{display:grid;gap:8px}
  .mobile-nav-links button,
  .mobile-nav-auth button{
    min-height:var(--tap);
    width:100%;
    padding:12px 14px;
    text-align:left;
    border:1px solid rgba(120,170,225,.16);
    border-radius:13px;
    background:rgba(12,29,50,.72);
    color:#eaf2ff;
    font-weight:800;
  }
  .mobile-nav-links button.active{
    border-color:rgba(83,145,255,.55);
    background:linear-gradient(135deg,rgba(38,119,214,.36),rgba(103,73,211,.28));
  }
  .mobile-nav-langs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto}
  .mobile-nav-langs button{
    min-height:44px;border:1px solid rgba(120,170,225,.2);
    border-radius:12px;background:#0b1a2d;color:#aebed1;font-weight:800;
  }
  .mobile-nav-langs button.active{color:#fff;border-color:#4f8ed2;background:#14305a}
}

@media(max-width:900px){
  [data-page="home"]{
    grid-template-columns:minmax(0,1fr)!important;
    gap:24px!important;
    text-align:left!important;
    align-items:start!important;
    padding-top:32px!important;
  }
  .home-copy,.home-media{width:100%;min-width:0;max-width:100%}
  .home-copy{align-self:auto!important}
  .home-copy h1{
    width:100%;
    min-height:0!important;
    margin:18px 0 14px!important;
    font-size:clamp(42px,13vw,64px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
    overflow-wrap:anywhere;
  }
  .home-copy p{
    min-height:0!important;
    margin:0!important;
    font-size:15px!important;
    line-height:1.6!important;
  }
  .cta-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-top:22px!important;
  }
  .cta-row button{min-height:var(--tap);width:100%}
  .badges{justify-content:flex-start!important;margin-top:18px!important}
  .home-media{justify-content:center!important;height:auto!important}
  .home-media img{width:100%!important;max-width:760px;max-height:none!important}
}

@media(max-width:900px){
  .panel.compact{padding:24px 16px 34px!important}
  .page-head{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;align-items:start!important}
  .page-head h2{font-size:clamp(30px,9vw,42px)!important;line-height:1.05}
  #channel-search{width:100%!important;max-width:none}
  .categories{
    flex-wrap:nowrap!important;
    overflow-x:auto;
    padding-bottom:4px;
    scrollbar-width:none;
  }
  .categories::-webkit-scrollbar{display:none}
  .categories button{flex:0 0 auto;white-space:nowrap}
  .pricing-grid{grid-template-columns:1fr!important;gap:12px!important}
  .pricing-grid article{min-width:0;padding:18px!important}
  .pricing-grid article p{display:block!important}
  .payment-grid{grid-template-columns:1fr!important}
  .payment-options{grid-template-columns:1fr!important}
  .auth-card,.form-card{width:100%!important;max-width:520px;margin:auto}
  .account-shell,.admin-payments-shell{width:100%!important;max-width:1120px}
}
@media(max-width:430px){
  .channel-grid{grid-template-columns:1fr!important;grid-template-rows:none!important}
  .feature-grid,.device-grid{grid-template-columns:1fr!important}
  .faq-list{grid-template-columns:1fr!important}
  .brand span{max-width:140px}
}

@media(max-width:900px){
  .mobile-nav .login:not([hidden]),
  .mobile-nav .register:not([hidden]),
  .mobile-nav .account-btn:not([hidden]){
    display:block!important;
  }
  .home-copy h1{font-size:clamp(40px,12vw,54px)!important}
}


/* ===== v1.5.0 FULL WEBSITE PREVIEW ===== */
.home-page.active{display:block!important;padding:0!important;max-width:none!important}
.home-hero{
  min-height:calc(100dvh - 76px);
  max-width:1440px;margin:0 auto;padding:48px 3.8vw 42px;
  display:grid;grid-template-columns:minmax(470px,.86fr) minmax(620px,1.34fr);
  gap:28px;align-items:center;
}
.home-section,.home-final-cta{
  max-width:1320px;margin:0 auto;padding:72px clamp(18px,3.8vw,56px);
}
.home-section-head{max-width:760px;margin-bottom:24px}
.home-section-head h2,.home-package-copy h2,.home-referral-section h2,.home-final-cta h2{
  margin:8px 0 10px;font-size:clamp(34px,4vw,58px);line-height:1.04;letter-spacing:-.035em
}
.home-section-head p,.home-package-copy p,.home-referral-section p,.home-final-cta p{
  margin:0;color:var(--muted);line-height:1.65
}
.home-section-head-row{display:flex;align-items:end;justify-content:space-between;gap:20px;max-width:none}
.home-benefit-grid,.home-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.home-benefit-grid article,.home-how-grid article{
  border:1px solid var(--line);border-radius:20px;padding:22px;
  background:linear-gradient(180deg,rgba(14,29,49,.94),rgba(8,20,33,.96));
}
.home-benefit-grid article>span,.home-how-grid article>span{color:#6db7ff;font-weight:900;font-size:12px}
.home-benefit-grid h3,.home-how-grid h3{margin:12px 0 7px;font-size:20px}
.home-benefit-grid p,.home-how-grid p{margin:0;color:var(--muted);line-height:1.55;font-size:14px}
.home-channel-preview-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.home-channel-card{
  min-width:0;border:1px solid var(--line);border-radius:18px;padding:14px;
  background:linear-gradient(180deg,#0d1b2e,#081421);display:grid;gap:10px
}
.home-channel-logo{width:54px;height:54px;border-radius:13px;background:#102843;display:grid;place-items:center;overflow:hidden}
.home-channel-logo img{width:100%;height:100%;object-fit:contain}
.home-channel-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-channel-card span{font-size:11px;color:#76bfff;font-weight:800}
.home-package-section,.home-referral-section{
  display:grid;grid-template-columns:1fr minmax(320px,440px);gap:34px;align-items:center
}
.home-package-card{
  border:1px solid rgba(77,145,220,.58);border-radius:24px;padding:28px;
  background:linear-gradient(145deg,rgba(13,40,72,.96),rgba(34,26,79,.9));
  box-shadow:0 24px 70px rgba(0,0,0,.2),0 0 44px rgba(64,101,255,.08)
}
.home-package-card small{color:#6db7ff;font-weight:900}
.home-package-card strong{display:block;font-size:54px;margin:10px 0}
.home-package-card p{color:var(--muted);line-height:1.5;margin:0 0 20px}
.home-package-card button{width:100%}
.home-how-grid{grid-template-columns:repeat(4,1fr)}
.home-section-cta{margin-top:20px}
.home-referral-section{border:1px solid rgba(80,139,209,.25);border-radius:26px;background:rgba(8,22,39,.66)}
.home-referral-reward{
  border:1px solid rgba(93,157,235,.35);border-radius:20px;padding:24px;
  background:linear-gradient(145deg,rgba(17,49,85,.9),rgba(39,29,88,.76))
}
.home-referral-reward strong{display:block;font-size:30px;margin-bottom:9px}
.home-referral-reward span{color:var(--muted);line-height:1.55}
.home-final-cta{text-align:center;padding-bottom:92px}
.home-final-cta>p{max-width:650px;margin:0 auto}
.home-final-cta .cta-row{justify-content:center}
.how-step-grid{grid-template-columns:repeat(4,1fr)!important;overflow:visible}
.how-step-card .icon{font-size:13px;color:#6db7ff;font-weight:900;letter-spacing:.12em}
.how-summary{border:1px solid var(--line);border-radius:18px;padding:20px;background:#0a1728}
.how-summary strong{display:block;margin-bottom:6px}.how-summary p{margin:0;color:var(--muted);line-height:1.6}
.single-package-grid{grid-template-columns:minmax(300px,620px)!important;justify-content:center}
.monthly-package-card{padding:30px!important}
.monthly-package-card strong{font-size:58px!important}
.package-feature-list{display:grid;gap:9px;padding:0;margin:20px 0 24px;list-style:none}
.package-feature-list li{position:relative;padding-left:24px;color:#c1d0e2}
.package-feature-list li::before{content:"✓";position:absolute;left:0;color:#59d59b;font-weight:900}
.account-head-actions{display:flex;gap:8px;align-items:center}
.account-referral-box{grid-column:1/-1}
.referral-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}
.referral-summary-grid article{border:1px solid var(--line);border-radius:15px;padding:15px;background:#091728}
.referral-summary-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}
.referral-summary-grid strong{font-size:26px}
.referral-progress{height:10px;border-radius:999px;background:#07111e;overflow:hidden;border:1px solid #213955}
.referral-progress>div{height:100%;width:0;background:linear-gradient(90deg,#1da2ff,#8a5dff);transition:width .3s ease}
.referral-link-box{display:flex;gap:12px;align-items:center;margin-top:16px}
.referral-link-box code{flex:1;min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:#07111e;overflow:hidden;text-overflow:ellipsis}
.referral-link-box>div{display:flex;gap:8px}
.site-footer{
  border-top:1px solid rgba(118,160,210,.14);padding:26px clamp(18px,3.8vw,56px);
  display:flex;justify-content:space-between;gap:20px;align-items:center;background:rgba(5,13,24,.76)
}
.site-footer>div{display:grid;gap:4px}.site-footer span{color:var(--muted);font-size:13px}
.site-footer nav{display:flex;gap:8px;flex-wrap:wrap}
.site-footer button{border:0;background:transparent;color:#9fb2c7;padding:8px 10px}
body:has(.admin-payments-panel.active) .site-footer{display:none}
body:has(.auth-panel.active) .site-footer{display:none}
.admin-bank-config{border:1px solid var(--line);border-radius:18px;padding:18px;background:#091727}
.admin-bank-config-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.admin-bank-method{display:grid;gap:10px;border:1px solid var(--line);border-radius:15px;padding:14px;background:#081421}
.admin-bank-method-head{display:flex;justify-content:space-between;align-items:center}
.admin-bank-method input{width:100%}
.admin-bank-method label{display:flex;gap:6px;align-items:center;color:#9fb2c7;font-size:12px}
.admin-bank-method label input{width:auto}
.admin-bank-method button{justify-self:start}

@media(min-width:901px){
  .admin-payments-shell{
    display:grid!important;
    grid-template-columns:220px minmax(0,1fr)!important;
    column-gap:20px!important;
    align-items:start!important;
  }
  .admin-payments-shell>.admin-section-tabs{
    grid-column:1!important;grid-row:1 / span 20!important;
    position:sticky;top:96px;display:flex!important;flex-direction:column!important;
    flex-wrap:nowrap!important;max-height:calc(100dvh - 120px);overflow-y:auto;
    padding:10px!important;border-radius:18px!important
  }
  .admin-payments-shell>.admin-section-tabs button{width:100%!important;text-align:left!important;min-width:0!important}
  .admin-payments-shell>*:not(.admin-section-tabs){grid-column:2!important}
}
@media(max-width:900px){
  .home-hero{
    min-height:auto;grid-template-columns:1fr!important;gap:26px!important;
    padding:30px 16px 42px!important
  }
  .home-hero .home-copy h1{font-size:clamp(42px,12vw,54px)!important}
  .home-section,.home-final-cta{padding:52px 16px}
  .home-benefit-grid,.home-how-grid{grid-template-columns:1fr 1fr}
  .home-channel-preview-grid{grid-template-columns:repeat(3,1fr)}
  .home-package-section,.home-referral-section{grid-template-columns:1fr;gap:20px}
  .home-section-head-row{align-items:start;flex-direction:column}
  .how-step-grid{grid-template-columns:1fr 1fr!important}
  .site-footer{flex-direction:column;align-items:flex-start}
  .admin-payments-shell>.admin-section-tabs{
    position:sticky;top:64px;z-index:20;overflow-x:auto;flex-wrap:nowrap!important;
    background:rgba(5,16,29,.96);backdrop-filter:blur(10px)
  }
  .admin-bank-config-list{grid-template-columns:1fr}
}
@media(max-width:620px){
  .home-benefit-grid,.home-how-grid,.how-step-grid{grid-template-columns:1fr!important}
  .home-channel-preview-grid{grid-template-columns:1fr 1fr}
  .home-section-head h2,.home-package-copy h2,.home-referral-section h2,.home-final-cta h2{font-size:36px}
  .home-package-card strong{font-size:46px}
  .referral-summary-grid{grid-template-columns:1fr}
  .referral-link-box{align-items:stretch;flex-direction:column}
  .referral-link-box>div{display:grid;grid-template-columns:1fr 1fr}
  .site-footer nav{display:grid;grid-template-columns:1fr 1fr;width:100%}
}
/* ===== /v1.5.0 FULL WEBSITE PREVIEW ===== */

html{background:#06101c!important}
body{min-height:100dvh;background-color:#06101c!important;background-attachment:fixed}
.viewport,.home-page,.home-section,.home-final-cta{background-color:transparent}

[data-page="payment"] .bank-brand-icon-bog{overflow:hidden!important;padding:3px!important;background:#fff!important}
[data-page="payment"] .bank-brand-icon-bog img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
[data-page="payment"] .payment-bank-option{min-width:0}

.admin-nav-group{
  display:block;
  padding:12px 10px 5px;
  color:#6d8199;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
@media(min-width:901px){
  .admin-section-tabs .admin-nav-group:first-child{padding-top:5px}
}
@media(max-width:900px){
  .admin-section-tabs .admin-nav-group{
    flex:0 0 auto;
    padding:9px 6px 4px;
    align-self:center;
  }
}

.mobile-nav-backdrop[hidden]{display:none!important}
.mobile-nav-backdrop:not(.open){pointer-events:none!important}

@media(max-width:900px){
  .panel.compact{grid-template-columns:minmax(0,1fr)!important}
  .panel.compact>*{min-width:0;max-width:100%}
  .device-rule{width:100%!important;max-width:100%!important}
}

.payment-bank-option:disabled,
.payment-bank-option.unconfigured{
  opacity:.46!important;
  cursor:not-allowed!important;
  filter:saturate(.65);
}
#already-paid:disabled{
  opacity:.5;
  cursor:not-allowed;
  box-shadow:none;
}

.legal-shell{width:100%;max-width:1040px;margin:0 auto}
.legal-content{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
.legal-card{
  border:1px solid var(--line);
  border-radius:18px;
  padding:20px;
  background:linear-gradient(180deg,#0d1b2e,#081421);
}
.legal-card h3{margin:0 0 8px;font-size:18px}
.legal-card p{margin:0;color:var(--muted);line-height:1.65}
.admin-referral-stats{grid-template-columns:repeat(4,1fr)!important}
.admin-referral-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(150px,.7fr);
  gap:14px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
  background:#091727;
}
.admin-referral-party{display:grid;min-width:0}
.admin-referral-party small,.admin-referral-dates small,.admin-referral-state small{color:var(--muted);font-size:11px}
.admin-referral-party strong,.admin-referral-party span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-referral-party span{color:#9fb2c7;font-size:12px;margin-top:3px}
.admin-referral-arrow{color:#6db7ff;font-weight:900}
.admin-referral-state,.admin-referral-dates{display:grid;gap:5px}
@media(max-width:900px){
  .legal-content{grid-template-columns:1fr}
  .admin-referral-stats{grid-template-columns:1fr 1fr!important}
  .admin-referral-row{
    grid-template-columns:1fr auto 1fr;
  }
  .admin-referral-state,.admin-referral-dates{grid-column:1/-1;grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .admin-referral-stats{grid-template-columns:1fr!important}
  .admin-referral-row{grid-template-columns:1fr}
  .admin-referral-arrow{transform:rotate(90deg);justify-self:start}
  .admin-referral-state,.admin-referral-dates{grid-column:auto;grid-template-columns:1fr}
}

@media(max-width:900px){
  .legal-page .page-head>div{min-width:0;width:100%}
  .legal-page .page-head h2,
  .legal-page .page-head p{
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
}


/* ===== ADMIN CONTROL CENTER V2 · compact / non-destructive ===== */
body:has(.admin-payments-panel.active) .topbar{box-shadow:0 10px 34px rgba(0,0,0,.24)}
.admin-payments-panel .admin-payments-shell{gap:10px}
.admin-payments-panel .admin-payments-head{margin-bottom:0}
.admin-payments-panel .admin-payments-head h2{font-size:clamp(24px,2.2vw,34px);line-height:1.08;margin:2px 0 4px}
.admin-payments-panel .admin-payments-head p{font-size:12px;line-height:1.45;max-width:820px}
.admin-payments-panel .eyebrow{font-size:9px;letter-spacing:.15em}

.admin-section-tabs.admin-nav-v2{
  gap:3px!important;
  padding:8px!important;
  background:linear-gradient(180deg,rgba(7,20,35,.96),rgba(4,14,25,.94))!important;
  border-color:rgba(73,121,174,.34)!important;
}
.admin-section-tabs.admin-nav-v2 button{
  min-height:36px!important;
  padding:7px 10px!important;
  border-radius:10px!important;
  font-size:11.5px!important;
  font-weight:780!important;
  color:#9bb0c7!important;
  transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease;
}
.admin-section-tabs.admin-nav-v2 button:hover{
  background:rgba(43,89,139,.22)!important;
  color:#dcecff!important;
}
.admin-section-tabs.admin-nav-v2 button.active{
  background:linear-gradient(135deg,rgba(44,116,204,.58),rgba(92,68,181,.48))!important;
  border-color:rgba(93,157,235,.52)!important;
  color:#fff!important;
  box-shadow:0 6px 18px rgba(22,69,130,.18);
}
.admin-section-tabs.admin-nav-v2 .admin-nav-group{
  padding:10px 8px 3px!important;
  font-size:9px!important;
  letter-spacing:.14em!important;
  color:#657a92!important;
}
.admin-section-tabs.admin-nav-v2 .admin-nav-group:first-child{padding-top:3px!important}
.admin-section-tabs.admin-nav-v2 .admin-nav-advanced-item{
  color:#7f93aa!important;
  opacity:.82;
}
.admin-section-tabs.admin-nav-v2 .admin-nav-advanced-item.active{opacity:1;color:#fff!important}

.admin-advanced-card{
  border:1px solid rgba(63,102,145,.36)!important;
  border-radius:14px!important;
  background:rgba(7,18,31,.52)!important;
  overflow:hidden;
}
.admin-advanced-card>.admin-advanced-summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 14px;
  color:#a7bad0;
  user-select:none;
}
.admin-advanced-card>.admin-advanced-summary::-webkit-details-marker{display:none}
.admin-advanced-card>.admin-advanced-summary span{font-size:12px;font-weight:850;letter-spacing:.02em}
.admin-advanced-card>.admin-advanced-summary small{font-size:10.5px;color:#6f879f;text-align:right}
.admin-advanced-card>.admin-advanced-summary::after{
  content:"▾";
  color:#6dafff;
  font-size:12px;
  transition:transform .14s ease;
}
.admin-advanced-card[open]>.admin-advanced-summary::after{transform:rotate(180deg)}
.admin-advanced-card[open]>.admin-advanced-summary{
  background:rgba(30,65,101,.18);
  border-bottom:1px solid rgba(63,102,145,.28);
}
.admin-advanced-body{padding:12px}
.admin-advanced-body>.epg-card-head,
.admin-advanced-body>.provider-source-control-head{margin-top:0}

#v90-category-manager{
  border-color:rgba(63,102,145,.30)!important;
  background:rgba(7,18,31,.42)!important;
}
#v90-category-manager>summary{
  color:#8197ae!important;
  font-size:11px!important;
}

.global-catalog-stats article,
.channel-manager-stats article,
.category-manager-stats article,
.epg-manager-stats article,
.archive-manager-stats article,
.provider-control-stats article,
.admin-payment-stats article{
  padding:9px 10px!important;
  border-radius:12px!important;
}
.global-catalog-stats strong,
.channel-manager-stats strong,
.category-manager-stats strong,
.epg-manager-stats strong,
.archive-manager-stats strong,
.provider-control-stats strong,
.admin-payment-stats strong{font-size:18px!important}

.global-catalog-row,
.admin-channel-row,
.admin-source-row,
.provider-control-row,
.admin-referral-row{border-radius:13px!important}

@media(min-width:901px){
  .admin-payments-shell{
    grid-template-columns:188px minmax(0,1fr)!important;
    column-gap:14px!important;
  }
  .admin-payments-shell>.admin-section-tabs{
    top:82px!important;
    max-height:calc(100dvh - 100px)!important;
    scrollbar-width:thin;
  }
}

@media(max-width:900px){
  .admin-section-tabs.admin-nav-v2{
    padding:6px!important;
    gap:4px!important;
  }
  .admin-section-tabs.admin-nav-v2 .admin-nav-group{
    padding:6px 4px 3px!important;
    font-size:8px!important;
  }
  .admin-section-tabs.admin-nav-v2 button{
    min-width:96px!important;
    min-height:34px!important;
    padding:6px 9px!important;
    font-size:11px!important;
  }
  .admin-advanced-card>.admin-advanced-summary{
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
  }
  .admin-advanced-card>.admin-advanced-summary small{text-align:left}
}
/* ===== /ADMIN CONTROL CENTER V2 ===== */


/* ===== ADMIN CONTROL CENTER V2.1 · 1366–1600 desktop fit ===== */
@media(min-width:901px){
  .admin-payments-shell{
    grid-template-columns:172px minmax(0,1fr)!important;
    column-gap:12px!important;
  }
  .admin-payments-shell>.admin-section-tabs{
    top:76px!important;
    max-height:calc(100dvh - 88px)!important;
    padding:7px!important;
    gap:2px!important;
  }
  .admin-section-tabs.admin-nav-v2 button{
    min-height:31px!important;
    padding:5px 8px!important;
    font-size:10.5px!important;
    border-radius:8px!important;
  }
  .admin-section-tabs.admin-nav-v2 .admin-nav-group{
    padding:6px 7px 2px!important;
    font-size:8px!important;
    line-height:1.1!important;
  }
}

/* The admin body is narrower than the viewport because of the sidebar.
   Reflow dense toolbars earlier so nothing is clipped on 1366/1440/1536 screens. */
@media(min-width:901px) and (max-width:1600px){
  .channel-filter-grid{
    grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(120px,1fr))!important;
  }
  .channel-filter-grid #admin-channels-search{grid-column:span 2!important}
  .channel-filter-grid button{min-width:0!important;width:100%!important}

  .admin-channel-row{
    grid-template-columns:26px 46px minmax(180px,1fr) minmax(250px,1.25fr)!important;
  }
  .admin-channel-meta{
    grid-column:3/-1!important;
    min-width:0!important;
  }
  .admin-channel-actions{
    grid-column:4!important;
    grid-row:1/3!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
    min-width:0!important;
  }
  .admin-channel-actions button{
    min-width:0!important;
    padding:7px 9px!important;
    font-size:10.5px!important;
  }

  .archive-filter-grid{
    grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(115px,1fr))!important;
  }
  .archive-filter-grid #admin-archive-search{grid-column:span 2!important}
  .archive-filter-grid button{min-width:0!important;width:100%!important}

  .admin-archive-row{
    grid-template-columns:26px minmax(180px,1.4fr) repeat(3,minmax(105px,.8fr))!important;
  }
  .archive-row-controls{
    grid-column:2/-1!important;
    grid-template-columns:minmax(82px,.7fr) 68px minmax(86px,.75fr) minmax(130px,1.2fr)!important;
  }
  .archive-row-controls button{
    min-width:0!important;
    padding:7px 8px!important;
    font-size:10px!important;
  }

  .logo-filter-grid{
    grid-template-columns:minmax(220px,1.6fr) repeat(2,minmax(135px,1fr))!important;
  }
  .logo-filter-grid #admin-logos-search{grid-column:span 2!important}

  .epg-filter-grid{
    grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(130px,1fr))!important;
  }
  .epg-filter-grid #admin-epg-search{grid-column:span 2!important}

  .global-catalog-filter-grid{
    grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(120px,1fr))!important;
  }
  .global-catalog-filter-grid #admin-global-search{grid-column:span 2!important}

  .provider-control-toolbar,
  .archive-manager-card,
  .epg-mapping-card,
  .global-catalog-filter-card{
    min-width:0!important;
  }

  .admin-payments-panel .admin-payments-head{
    padding:12px 15px!important;
  }
  .admin-payments-panel .admin-payments-head h2{
    font-size:clamp(22px,1.8vw,29px)!important;
  }
}

/* Extra-tight laptop desktop */
@media(min-width:901px) and (max-width:1366px){
  .admin-payments-shell{
    grid-template-columns:158px minmax(0,1fr)!important;
    column-gap:10px!important;
  }
  .channel-manager-stats,
  .provider-control-stats,
  .archive-manager-stats{
    gap:6px!important;
  }
  .channel-filter-grid,
  .archive-filter-grid,
  .logo-filter-grid,
  .epg-filter-grid,
  .global-catalog-filter-grid{
    grid-template-columns:1fr 1fr 1fr!important;
  }
  .channel-filter-grid #admin-channels-search,
  .archive-filter-grid #admin-archive-search,
  .logo-filter-grid #admin-logos-search,
  .epg-filter-grid #admin-epg-search,
  .global-catalog-filter-grid #admin-global-search{
    grid-column:1/-1!important;
  }
}
/* ===== /ADMIN CONTROL CENTER V2.1 ===== */


/* ===== ADMIN AUTHORITY CLEANUP V2.2 ===== */
.admin-nav-legacy-group{
  margin-top:6px;
  border-top:1px solid rgba(100,125,150,.18);
  padding-top:6px;
}
.admin-nav-legacy-group>summary{
  list-style:none;
  cursor:pointer;
  padding:7px 8px 5px;
  font-size:8.5px;
  font-weight:850;
  letter-spacing:.12em;
  color:#657a92;
  text-transform:uppercase;
  user-select:none;
}
.admin-nav-legacy-group>summary::-webkit-details-marker{display:none}
.admin-nav-legacy-group>summary::after{
  content:"▾";
  float:right;
  color:#6dafff;
  transition:transform .14s ease;
}
.admin-nav-legacy-group[open]>summary::after{transform:rotate(180deg)}
.admin-nav-legacy-group .admin-nav-advanced-item{
  width:100%;
  opacity:.72;
  font-size:10px!important;
  min-height:29px!important;
  padding:4px 8px!important;
}
.admin-nav-legacy-group .admin-nav-advanced-item:hover,
.admin-nav-legacy-group .admin-nav-advanced-item.active{opacity:1}

.catalog-categories-mode .global-catalog-stats,
.catalog-categories-mode .global-catalog-filter-card,
.catalog-categories-mode .global-catalog-bulk,
.catalog-categories-mode .global-catalog-list-head,
.catalog-categories-mode .admin-global-catalog-list,
.catalog-categories-mode .global-catalog-foot{
  display:none!important;
}
.catalog-categories-mode #v90-category-manager{
  display:block!important;
  margin-top:4px!important;
  border:1px solid rgba(78,129,183,.36)!important;
  border-radius:14px!important;
  background:rgba(7,18,31,.56)!important;
}
.catalog-categories-mode #v90-category-manager>summary{
  display:none!important;
}
.catalog-categories-mode #v90-category-manager>.v90-category-create{
  margin:0 0 10px!important;
  padding:10px!important;
  border-bottom:1px solid rgba(78,129,183,.18);
}
.catalog-categories-mode #v90-category-list{
  padding:0 10px 10px;
}
.v90-category-row{
  grid-template-columns:minmax(180px,2fr) minmax(100px,.8fr) 86px 92px 78px!important;
}
.v90-category-count{
  justify-self:end;
  min-width:42px;
  text-align:center;
  font-size:11px;
  color:#8aa2bb;
  border:1px solid rgba(89,129,170,.28);
  border-radius:999px;
  padding:4px 7px;
}
.catalog-categories-mode .global-catalog-audit:not(#v90-category-manager){
  margin-top:10px;
}
.admin-global-catalog-panel:not(.catalog-categories-mode) #v90-category-manager{
  opacity:.84;
}

@media(max-width:900px){
  .admin-nav-legacy-group{
    min-width:128px;
  }
  .v90-category-row{
    grid-template-columns:1fr 1fr!important;
  }
  .v90-category-count{justify-self:start}
}
/* ===== /ADMIN AUTHORITY CLEANUP V2.2 ===== */


/* ===== v1.6.9 HOME CONVERSION + MOBILE STABILITY PREVIEW =====
   Preview-only visual pass. No backend/auth/payment/catalog behavior changes. */
@media (min-width:901px){
  .home-hero{
    min-height:min(780px,calc(100dvh - 76px))!important;
    grid-template-columns:minmax(480px,.92fr) minmax(560px,1.08fr)!important;
    gap:clamp(30px,4vw,64px)!important;
    padding-top:44px!important;
    padding-bottom:44px!important;
  }
  .home-hero .home-copy{
    max-width:650px!important;
  }
  .home-hero .home-copy h1{
    max-width:640px!important;
    min-height:0!important;
    margin:20px 0 18px!important;
    padding:0 0 .08em!important;
    font-size:clamp(58px,4.7vw,82px)!important;
    line-height:1.01!important;
    letter-spacing:-.045em!important;
    text-wrap:balance;
    text-shadow:0 12px 42px rgba(0,0,0,.24);
  }
  .home-hero .home-copy p{
    max-width:610px!important;
    height:auto!important;
    min-height:0!important;
    font-size:clamp(16px,1.05vw,18px)!important;
    line-height:1.62!important;
  }
  .home-hero .cta-row{
    margin-top:26px!important;
    gap:12px!important;
  }
  .home-hero .cta-row button{
    min-height:52px;
    padding-left:24px;
    padding-right:24px;
  }
  .home-hero .badges{
    margin-top:22px!important;
    gap:8px!important;
  }
  .home-hero .badges span{
    padding:8px 12px!important;
    background:rgba(7,20,35,.64)!important;
    border-color:rgba(91,145,204,.34)!important;
  }
  .home-hero .home-media{
    justify-content:center!important;
  }
  .home-hero .home-media img{
    width:min(100%,820px)!important;
    max-height:620px!important;
  }
  .home-section,.home-final-cta{
    padding-top:64px!important;
    padding-bottom:64px!important;
  }
}

.home-benefit-grid article,
.home-how-grid article,
.home-channel-card,
.home-package-card,
.home-referral-section,
.home-referral-reward{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 48px rgba(0,0,0,.10);
}

.home-benefit-grid article:hover,
.home-how-grid article:hover,
.home-channel-card:hover{
  transform:translateY(-2px);
  border-color:rgba(89,151,222,.48);
}

.home-package-card{
  position:relative;
  overflow:hidden;
}
.home-package-card::before{
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  right:-72px;
  top:-84px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(104,88,255,.24),transparent 68%);
  pointer-events:none;
}
.home-package-card>*{position:relative;z-index:1}

/* Mobile shell: keep the first impression clean and prevent any accidental overlay/clipping. */
@media (max-width:900px){
  .topbar{
    min-height:64px!important;
    height:64px!important;
    padding:0 14px!important;
    background:rgba(5,14,26,.96)!important;
  }
  .topbar .top-actions{display:none!important}
  .topbar .menu-toggle{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative;
    z-index:120;
    flex:0 0 44px;
    margin-left:auto!important;
    color:#fff!important;
  }
  body:not(.mobile-menu-open) .mobile-nav-backdrop{
    display:none!important;
    opacity:0!important;
  }

  .home-hero{
    width:100%!important;
    max-width:100%!important;
    min-height:auto!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:24px!important;
    padding:28px 18px 34px!important;
    overflow:hidden;
  }
  .home-hero .home-copy,
  .home-hero .home-media{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .home-hero .eyebrow{
    font-size:10px!important;
    letter-spacing:.15em!important;
  }
  .home-hero .home-copy h1{
    width:100%!important;
    max-width:100%!important;
    margin:16px 0 12px!important;
    padding:0 0 .06em!important;
    font-size:clamp(38px,10.5vw,46px)!important;
    line-height:1.03!important;
    letter-spacing:-.035em!important;
    overflow:visible!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    text-wrap:balance;
  }
  .home-hero .home-copy p{
    width:100%!important;
    max-width:100%!important;
    font-size:15px!important;
    line-height:1.55!important;
  }
  .home-hero .cta-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-top:20px!important;
  }
  .home-hero .cta-row button{
    width:100%!important;
    min-height:50px!important;
  }
  .home-hero .badges{
    display:flex!important;
    justify-content:flex-start!important;
    gap:7px!important;
    margin-top:16px!important;
  }
  .home-hero .badges span{
    font-size:10.5px!important;
    padding:7px 9px!important;
  }
  .home-hero .home-media{
    justify-content:center!important;
    margin-top:2px;
  }
  .home-hero .home-media img{
    display:block;
    width:100%!important;
    max-width:520px!important;
    height:auto!important;
    max-height:none!important;
    margin:0 auto;
  }

  .home-section,.home-final-cta{
    width:100%!important;
    max-width:100%!important;
    padding:46px 18px!important;
    overflow:hidden;
  }
  .home-section-head,
  .home-package-copy,
  .home-referral-section>div{
    min-width:0;
    max-width:100%!important;
  }
  .home-section-head h2,
  .home-package-copy h2,
  .home-referral-section h2,
  .home-final-cta h2{
    max-width:100%!important;
    font-size:clamp(30px,9vw,38px)!important;
    line-height:1.06!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    text-wrap:balance;
  }
  .home-package-card,
  .home-referral-section,
  .home-referral-reward{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .panel.compact{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  .panel.compact .page-head,
  .panel.compact .pricing-grid,
  .panel.compact .auth-card,
  .panel.compact .form-card{
    min-width:0!important;
    max-width:100%!important;
  }
  .monthly-package-card,
  .package-feature-list,
  .package-feature-list li{
    max-width:100%!important;
    min-width:0!important;
  }
  .package-feature-list li{
    white-space:normal!important;
    overflow-wrap:anywhere;
  }
  .auth-card .link-btn{
    white-space:normal!important;
    max-width:100%!important;
  }
}

@media (max-width:430px){
  .brand span{
    display:block!important;
    max-width:150px!important;
  }
  .home-hero .home-copy h1{
    font-size:clamp(36px,10.2vw,43px)!important;
  }
  .home-channel-preview-grid{
    gap:9px!important;
  }
  .home-channel-card{
    padding:11px!important;
  }
  .home-channel-logo{
    width:48px!important;
    height:48px!important;
  }
}
/* ===== /v1.6.9 HOME CONVERSION + MOBILE STABILITY PREVIEW ===== */


/* v1.6.9b mobile menu visibility hotfix */
@media (max-width:900px){
  .topbar{padding-right:70px!important}
  #menu-toggle.menu-toggle{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    position:absolute!important;
    right:14px!important;
    top:10px!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    place-items:center!important;
    border:1px solid rgba(120,170,225,.38)!important;
    border-radius:12px!important;
    background:#0b1a2d!important;
    color:#fff!important;
    font-size:23px!important;
    line-height:1!important;
    z-index:130!important;
  }
}

/* R38 ADMIN-01 owner-only overview, no mutating controls */
.owner-admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:16px 0}
.owner-admin-stat{padding:17px;border:1px solid #d1def6;border-radius:15px;background:#fff;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 16px rgba(20,40,90,.045)}
.owner-admin-stat span{font-size:13px;color:#516381;font-weight:650}
.owner-admin-stat strong{font-size:28px;color:#152d66;font-variant-numeric:tabular-nums}

.nova-admin-readonly-banner{margin:8px 0 16px;padding:12px 15px;border-radius:12px;border:1px solid #cfddf5;background:#f3f7ff;color:#173c7a;font-weight:800;font-size:13px;line-height:1.55;}
