/* WOI v72328A12 — visual regression hotfix after full premium audit. */
@media screen {
  /* ------------------------------------------------------------------
     Super Admin — Jaringan & Perwakilan hero and navigation hierarchy
     ------------------------------------------------------------------ */
  body[class*="admin-v"] .woi-network-page .top.woi-network-hero{
    position:relative!important;
    overflow:hidden!important;
    margin:0!important;
    padding:clamp(24px,2.4vw,34px)!important;
    align-items:center!important;
    gap:24px!important;
    border:1px solid #d9e5f2!important;
    border-radius:20px!important;
    background:
      radial-gradient(circle at 92% 12%,rgba(34,112,222,.12),transparent 18rem),
      linear-gradient(135deg,#ffffff 0%,#f5f9ff 100%)!important;
    box-shadow:0 16px 44px rgba(6,31,70,.075)!important;
  }
  body[class*="admin-v"] .woi-network-page .top.woi-network-hero::after{
    content:"";
    position:absolute;
    inset:auto -52px -88px auto;
    width:220px;
    height:220px;
    border-radius:50%;
    border:1px solid rgba(20,99,214,.11);
    box-shadow:0 0 0 32px rgba(20,99,214,.035),0 0 0 64px rgba(20,99,214,.02);
    pointer-events:none;
  }
  body[class*="admin-v"] .woi-network-page .woi-network-hero > *{
    position:relative;
    z-index:1;
  }
  body[class*="admin-v"] .woi-network-page .woi-network-hero h1{
    margin:8px 0 7px!important;
    max-width:820px!important;
    font-size:clamp(30px,2.6vw,38px)!important;
    line-height:1.05!important;
    letter-spacing:-.052em!important;
    color:#082a58!important;
  }
  body[class*="admin-v"] .woi-network-page .woi-network-hero .muted{
    max-width:820px!important;
    margin:0!important;
    color:#64758e!important;
    font-size:14px!important;
    line-height:1.65!important;
  }
  body[class*="admin-v"] .woi-network-page .woi-network-actions{
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:flex-end!important;
  }
  body[class*="admin-v"] .woi-network-page .woi-network-actions .btn{
    min-height:46px!important;
    padding-inline:18px!important;
  }
  body[class*="admin-v"] .woi-suite-shell{
    border-color:#d7e3f0!important;
    box-shadow:0 14px 40px rgba(6,31,70,.065)!important;
  }
  body[class*="admin-v"] .woi-suite-primary{
    min-height:76px!important;
  }
  body[class*="admin-v"] .woi-suite-secondary{
    background:linear-gradient(180deg,#f8fbff,#f4f8fd)!important;
  }
  body[class*="admin-v"] .woi-network-page .card.stat{
    min-height:128px!important;
    padding:22px 28px!important;
    background:linear-gradient(180deg,#fff,#fbfdff)!important;
  }

  /* ------------------------------------------------------------------
     Unified Portal — prevent profile control clipping and improve PWA CTA
     ------------------------------------------------------------------ */
  body.partner-body .partner-topbar{
    box-sizing:border-box!important;
    max-width:calc(100% - clamp(36px,4.4vw,68px))!important;
  }
  body.partner-body .partner-topbar-left,
  body.partner-body .partner-topbar-right,
  body.partner-body .partner-topbar-user-link,
  body.partner-body .partner-user-copy{
    min-width:0!important;
  }
  body.partner-body .partner-topbar-right{
    flex:0 1 auto!important;
    max-width:100%!important;
    padding-right:2px!important;
  }
  body.partner-body .partner-topbar-user-link{
    box-sizing:border-box!important;
    max-width:min(360px,42vw)!important;
    overflow:hidden!important;
    padding-right:12px!important;
  }
  body.partner-body .partner-user-copy{
    overflow:hidden!important;
  }
  body.partner-body .partner-topbar-chevron{
    margin-right:2px!important;
  }

  body.partner-body .partner-pwa-banner{
    position:relative!important;
    overflow:hidden!important;
    padding:22px 24px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:20px!important;
    background:
      radial-gradient(circle at 82% 0%,rgba(71,151,255,.35),transparent 19rem),
      linear-gradient(135deg,#082654 0%,#0d4ba8 58%,#1767dd 100%)!important;
    box-shadow:0 20px 48px rgba(11,72,164,.24)!important;
  }
  body.partner-body .partner-pwa-banner::after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    right:-75px;
    bottom:-110px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.18);
    box-shadow:0 0 0 28px rgba(255,255,255,.045),0 0 0 56px rgba(255,255,255,.025);
    pointer-events:none;
  }
  body.partner-body .partner-pwa-banner > *{
    position:relative;
    z-index:1;
  }
  body.partner-body .partner-pwa-banner h3{
    margin:0!important;
    color:#fff!important;
    font-size:20px!important;
    letter-spacing:-.025em!important;
  }
  body.partner-body .partner-pwa-banner p{
    margin:6px 0 0!important;
    max-width:850px!important;
    color:rgba(255,255,255,.86)!important;
    line-height:1.6!important;
  }
  body.partner-body .partner-pwa-banner .partner-btn{
    flex:0 0 auto!important;
    min-width:160px!important;
    min-height:48px!important;
    border-color:#fff!important;
    background:#fff!important;
    color:#0c4dac!important;
    box-shadow:0 10px 24px rgba(2,28,69,.22)!important;
  }

  /* ------------------------------------------------------------------
     Public dark-surface contrast guard
     ------------------------------------------------------------------ */
  body.woi-public :where(.gp-hero,.gp-cta,.woi-article-cta) :where(h1,h2,h3,h4){
    color:#fff!important;
  }
  body.woi-public .gp-hero h1{
    color:#fff!important;
    text-shadow:0 2px 22px rgba(0,0,0,.16)!important;
  }
  body.woi-public .gp-hero .gp-kicker{
    color:#f7cf63!important;
  }
  body.woi-public .gp-hero p,
  body.woi-public .gp-cta p{
    color:rgba(255,255,255,.84)!important;
  }
  body.woi-public .gp-hero :where(.gp-btn-primary,.gp-btn-accent,.gp-btn-outline){
    text-decoration:none!important;
  }
  body.woi-public .gp-hero .gp-btn-primary{
    color:#082b5b!important;
  }
  body.woi-public .gp-hero .gp-btn-accent,
  body.woi-public .gp-hero .gp-btn-outline{
    color:#fff!important;
  }

  body.woi-public .woi-article-cta{
    position:relative!important;
    overflow:hidden!important;
    padding:clamp(28px,3.4vw,42px)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:20px!important;
    background:
      radial-gradient(circle at 94% 0%,rgba(39,116,226,.28),transparent 20rem),
      linear-gradient(135deg,#071b3a 0%,#09295a 100%)!important;
    box-shadow:0 20px 48px rgba(5,23,52,.16)!important;
  }
  body.woi-public .woi-article-cta h2{
    color:#fff!important;
  }
  body.woi-public .woi-article-cta p{
    max-width:760px!important;
    color:rgba(255,255,255,.78)!important;
  }
  body.woi-public .woi-article-cta a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    min-height:46px!important;
    padding:12px 18px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:11px!important;
    background:linear-gradient(135deg,#1768df,#0f55bd)!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:850!important;
    line-height:1.2!important;
    text-decoration:none!important;
    box-shadow:0 10px 24px rgba(8,75,174,.3)!important;
  }

  @media (max-width:1100px){
    body[class*="admin-v"] .woi-network-page .top.woi-network-hero{
      align-items:flex-start!important;
    }
    body[class*="admin-v"] .woi-network-page .woi-network-actions{
      justify-content:flex-start!important;
    }
    body.partner-body .partner-topbar-user-link{
      max-width:min(280px,36vw)!important;
    }
  }

  @media (max-width:760px){
    body[class*="admin-v"] .woi-network-page .top.woi-network-hero{
      padding:21px 18px!important;
      border-radius:16px!important;
    }
    body[class*="admin-v"] .woi-network-page .woi-network-hero h1{
      font-size:29px!important;
    }
    body[class*="admin-v"] .woi-network-page .woi-network-actions{
      width:100%!important;
    }
    body[class*="admin-v"] .woi-network-page .woi-network-actions .btn{
      flex:1 1 180px!important;
    }
    body.partner-body .partner-topbar{
      max-width:100%!important;
      padding-right:max(14px,env(safe-area-inset-right))!important;
    }
    body.partner-body .partner-topbar-user-link{
      max-width:48px!important;
      padding:4px!important;
      overflow:visible!important;
    }
    body.partner-body .partner-user-copy,
    body.partner-body .partner-topbar-chevron{
      display:none!important;
    }
    body.partner-body .partner-pwa-banner{
      padding:20px!important;
    }
    body.partner-body .partner-pwa-banner .partner-btn{
      width:100%!important;
      min-width:0!important;
    }
  }

  @media (max-width:430px){
    body.partner-body .partner-language-switch{
      padding-inline:12px!important;
    }
    body.partner-body .partner-topbar-right{
      gap:7px!important;
    }
  }
}