/* WOI v72400 — compiled public experience bundle. Replaces the A10/A11/A12/A13 patch chain. */
\n/* ==== source: public-mobile-audit-v72328A10.css ==== */
/* WOI v72328A10 — total mobile audit layer for public website, article, blog, auth and public forms. */
:root{--woi-a10-public-gutter:16px;--woi-a10-safe-bottom:env(safe-area-inset-bottom,0px)}
html,body.woi-public,body.woi-article,body.partner-login,body.unified-access-v72313,body.ua-page-v72313{max-width:100%;overflow-x:hidden;overflow-x:clip}
body.woi-public *,body.woi-article *,body.partner-login *,body.unified-access-v72313 *,body.ua-page-v72313 *{min-width:0}
body.woi-public img,body.woi-public svg,body.woi-public video,body.woi-public iframe,
body.woi-article img,body.woi-article svg,body.woi-article video,body.woi-article iframe,
body.partner-login img,body.partner-login svg,body.ua-page-v72313 img,body.ua-page-v72313 svg{max-width:100%;height:auto}
body.woi-public :is(h1,h2,h3,h4,p,small,b,strong,td,th,dd,a,button,code),body.woi-article :is(h1,h2,h3,h4,p,small,b,strong,td,th,dd,a,button,code){overflow-wrap:anywhere}
body.woi-public :is(input,select,textarea,button),body.woi-article :is(input,select,textarea,button),body.partner-login :is(input,select,textarea,button),body.ua-page-v72313 :is(input,select,textarea,button){max-width:100%}
body.woi-public .woi-shell,body.woi-article .woi-shell{width:min(calc(100% - (var(--woi-a10-public-gutter) * 2)),1180px)!important;margin-inline:auto!important}
body.woi-public .woi-mobile-table-scroll-v72328A10,body.woi-article .woi-mobile-table-scroll-v72328A10,body.woi-public .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
body.woi-public table,body.woi-article table{max-width:100%}
body.woi-public dialog,body.woi-public [role="dialog"],body.woi-article dialog,body.woi-article [role="dialog"]{max-width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}

@media(max-width:900px){
 body.woi-public .woi-header{position:sticky;top:0;z-index:100}
 body.woi-public .woi-header-utility{display:none!important}
 body.woi-public .woi-nav{min-height:68px!important;gap:10px!important}
 body.woi-public .woi-logo img{width:min(185px,46vw)!important;height:auto!important}
 body.woi-public .woi-menu{max-height:calc(100dvh - 68px)!important;overflow-y:auto!important;overscroll-behavior:contain;padding-bottom:calc(24px + var(--woi-a10-safe-bottom))!important}
 body.woi-public .woi-nav-actions{gap:8px!important}
 body.woi-public .woi-nav-cta{display:none!important}
 body.woi-public .woi-menu-toggle{width:44px!important;height:44px!important;min-height:44px!important}
 body.woi-public :is(.woi-contact-layout,.woi-resource-detail-layout,.woi-about-grid,.woi-values-grid,.woi-footer-grid,.woi-opportunity-layout,.woi-event-layout,.woi-inquiry-layout,.gp-contact-layout,.gp-profile-layout,.gp-public-grid){grid-template-columns:1fr!important}
 body.woi-public :is(.woi-actions,.woi-form-bottom,.woi-resource-detail-actions,.woi-resource-card-foot,.woi-contact-bar .woi-shell){flex-wrap:wrap!important}
 body.woi-public .woi-footer-grid{gap:28px!important}
 body.woi-public .woi-footer{padding-bottom:calc(24px + var(--woi-a10-safe-bottom))!important}
 body.woi-public .woi-resource-detail-layout>aside{position:static!important}
}

@media(max-width:640px){
 :root{--woi-a10-public-gutter:13px}
 body.woi-public .woi-nav{min-height:62px!important}
 body.woi-public .woi-logo img{width:min(165px,50vw)!important}
 body.woi-public main{max-width:100%}
 body.woi-public h1,body.woi-article h1{font-size:clamp(30px,10vw,44px)!important;line-height:1.05!important;letter-spacing:-.035em!important}
 body.woi-public h2,body.woi-article h2{font-size:clamp(23px,7vw,32px)!important;line-height:1.15!important}
 body.woi-public h3,body.woi-article h3{line-height:1.25!important}
 body.woi-public :is(input,select,textarea),body.woi-article :is(input,select,textarea),body.partner-login :is(input,select,textarea),body.unified-access-v72313 :is(input,select,textarea),body.ua-page-v72313 :is(input,select,textarea){font-size:16px!important;width:100%!important}
 body.woi-public textarea{min-height:118px}
 body.woi-public :is(.woi-field-grid,.gp-field-grid,.mbg-form-grid,.woi-resource-grid,.woi-opportunity-grid,.woi-event-grid,.woi-values-grid,.woi-process-row){grid-template-columns:1fr!important}
 body.woi-public :is(.woi-card,.woi-resource-card,.woi-inquiry-form,.woi-contact-aside,.gp-card,.mbg-card,.mbg-success,.woi-status-card){border-radius:18px!important}
 body.woi-public .woi-inquiry-form,body.woi-public .woi-contact-aside,body.woi-public .gp-contact-form{padding:18px!important}
 body.woi-public .woi-button,body.woi-public .gp-btn,body.woi-public .mbg-btn{min-height:44px;white-space:normal;text-align:center}
 body.woi-public .woi-form-bottom{align-items:stretch!important;flex-direction:column!important}
 body.woi-public .woi-form-bottom .woi-button{width:100%!important}
 body.woi-public table{min-width:580px}
 body.woi-public .woi-footer-grid{grid-template-columns:1fr!important}
 body.woi-public .woi-footer-bottom{align-items:flex-start!important;flex-direction:column!important}
 body.partner-login .partner-login-card,body.unified-access-v72313 .ua-card-v72313,body.ua-page-v72313 .ua-card-v72313{width:calc(100% - 24px)!important;padding:22px!important;border-radius:20px!important}
 body.partner-login .partner-login-card h1,body.unified-access-v72313 .ua-card-v72313 h1,body.ua-page-v72313 .ua-card-v72313 h1{font-size:28px!important}
}

@media(max-width:390px){
 :root{--woi-a10-public-gutter:11px}
 body.woi-public h1,body.woi-article h1{font-size:30px!important}
 body.woi-public .woi-menu-toggle{width:40px!important;height:40px!important;min-height:40px!important}
 body.woi-public .woi-inquiry-form,body.woi-public .woi-contact-aside,body.woi-public .gp-contact-form{padding:15px!important}
}

@media(hover:none){body.woi-public a:hover,body.woi-public button:hover,body.woi-article a:hover,body.woi-article button:hover{transform:none!important}}
@media(prefers-reduced-motion:reduce){body.woi-public *,body.woi-article *,body.partner-login *,body.unified-access-v72313 *,body.ua-page-v72313 *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Standalone authentication, verification, and official-document screens. */
body.rep-public-document,body.rep-print-page,body.appointment-letter-page,body.digital-card-page{max-width:100%;box-sizing:border-box}
body.rep-public-document *,body.rep-print-page *,body.appointment-letter-page *,body.digital-card-page *{box-sizing:border-box}
body.rep-public-document img,body.rep-print-page img,body.appointment-letter-page img,body.digital-card-page img{max-width:100%;height:auto}
@media(max-width:640px){
 body.rep-public-document{padding:12px!important}
 body.rep-public-document .rep-verify-sheet{width:100%!important;max-width:100%!important;padding:20px!important;border-radius:18px!important}
 body.rep-public-document .rep-verify-sheet h1{font-size:28px!important;line-height:1.12!important}
 body.rep-public-document .rep-verify-sheet dl{grid-template-columns:1fr!important}
 body.rep-print-page .rep-print-toolbar,body.appointment-letter-page .partner-doc-toolbar{position:sticky!important;top:0!important;z-index:20!important;padding:10px!important}
 body.rep-print-page .rep-print-toolbar button,body.appointment-letter-page .partner-doc-toolbar button{width:100%!important;min-height:44px!important}
 body.rep-print-page .rep-digital-card,body.rep-print-page .rep-letter-sheet,body.appointment-letter-page .appointment-letter-sheet,body.digital-card-page .digital-card-shell{max-width:100%!important;margin-inline:auto!important}
 body.digital-card-page{padding-inline:12px!important}
}
@media print{
 body.rep-print-page,body.appointment-letter-page,body.digital-card-page{overflow:visible!important}
 body.rep-print-page .rep-print-toolbar,body.appointment-letter-page .partner-doc-toolbar{position:static!important}
}
\n/* ==== source: public-premium-audit-v72328A11.css ==== */
/* WOI v72328A11 — Full visual system audit: public surfaces. */
@media screen {
  :root{
    --woi-a11-navy:#061b3d;
    --woi-a11-navy-2:#0b2d5b;
    --woi-a11-blue:#1261d6;
    --woi-a11-blue-2:#2d7be8;
    --woi-a11-red:#d62f3b;
    --woi-a11-green:#10835e;
    --woi-a11-gold:#b88935;
    --woi-a11-ink:#0c2347;
    --woi-a11-text:#344662;
    --woi-a11-muted:#6d7d96;
    --woi-a11-line:#dce5f0;
    --woi-a11-soft:#f3f6fb;
    --woi-a11-panel:#fff;
    --woi-a11-shadow:0 18px 50px rgba(6,27,61,.08);
    --woi-a11-shadow-soft:0 8px 28px rgba(6,27,61,.055);
    --woi-a11-radius:20px;
    --woi-a11-radius-sm:13px;
    --woi-a11-shell:min(1380px,calc(100% - 64px));
  }

  html{scroll-behavior:smooth;background:#f5f7fb}
  body.woi-public,
  body.gp-public,
  body.mbg-public,
  body.public-page,
  body[data-public-page],
  body.woi-visual-a11-public{
    background:
      radial-gradient(circle at 6% 0%,rgba(18,97,214,.055),transparent 26rem),
      linear-gradient(180deg,#f9fbfe 0,#f4f7fb 32rem,#f6f8fc 100%);
    color:var(--woi-a11-text);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }

  body.woi-public a,
  body.gp-public a,
  body.mbg-public a,
  body.woi-visual-a11-public a{text-decoration:none;text-decoration-thickness:auto;text-underline-offset:.18em}

  body.woi-public :where(h1,h2,h3,h4),
  body.gp-public :where(h1,h2,h3,h4),
  body.mbg-public :where(h1,h2,h3,h4),
  body.woi-visual-a11-public :where(h1,h2,h3,h4){
    color:var(--woi-a11-ink);
    letter-spacing:-.035em;
    text-wrap:balance;
  }
  body.woi-public :where(p,li),
  body.gp-public :where(p,li),
  body.mbg-public :where(p,li),
  body.woi-visual-a11-public :where(p,li){line-height:1.72}

  body.woi-public .woi-shell,
  body.woi-public .container,
  body.gp-public .container,
  body.mbg-public .container,
  body.woi-visual-a11-public .container{width:var(--woi-a11-shell);max-width:100%;margin-inline:auto}

  body.woi-public .woi-page,
  body.gp-public main,
  body.mbg-public main,
  body.woi-visual-a11-public main{min-height:55vh}

  body.woi-public :where(.woi-card,.woi-panel,.woi-form-card,.woi-status-card,.woi-content-card),
  body.gp-public :where(.gp-card,.gpa-card,.gpr-card,.card,.panel),
  body.mbg-public :where(.mbg-card,.card,.panel),
  body.woi-visual-a11-public :where(.card,.panel,.auth-card,.status-card){
    border:1px solid rgba(210,221,235,.92);
    border-radius:var(--woi-a11-radius);
    background:rgba(255,255,255,.96);
    box-shadow:var(--woi-a11-shadow-soft);
  }

  body.woi-public :where(button,.woi-btn,.woi-nav-cta,[class*="-btn"]),
  body.gp-public :where(button,.btn,[class*="-btn"]),
  body.mbg-public :where(button,.btn,[class*="-btn"]),
  body.woi-visual-a11-public :where(button,.btn,[class*="-btn"]){
    border-radius:12px;
    font-weight:750;
    letter-spacing:-.01em;
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
  }
  body.woi-public :where(button,.woi-btn,.woi-nav-cta,[class*="-btn"]):hover,
  body.gp-public :where(button,.btn,[class*="-btn"]):hover,
  body.mbg-public :where(button,.btn,[class*="-btn"]):hover,
  body.woi-visual-a11-public :where(button,.btn,[class*="-btn"]):hover{transform:translateY(-1px)}
  body.woi-public :where(button,a,input,select,textarea):focus-visible,
  body.gp-public :where(button,a,input,select,textarea):focus-visible,
  body.mbg-public :where(button,a,input,select,textarea):focus-visible,
  body.woi-visual-a11-public :where(button,a,input,select,textarea):focus-visible{
    outline:3px solid rgba(18,97,214,.22)!important;
    outline-offset:3px!important;
  }

  body.woi-public :where(input,select,textarea),
  body.gp-public :where(input,select,textarea),
  body.mbg-public :where(input,select,textarea),
  body.woi-visual-a11-public :where(input,select,textarea){
    min-height:48px;
    border:1px solid #cdd9e8;
    border-radius:12px;
    background:#fff;
    color:var(--woi-a11-ink);
    box-shadow:inset 0 1px 1px rgba(6,27,61,.02);
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
  }
  body.woi-public :where(input,select,textarea):focus,
  body.gp-public :where(input,select,textarea):focus,
  body.mbg-public :where(input,select,textarea):focus,
  body.woi-visual-a11-public :where(input,select,textarea):focus{
    border-color:var(--woi-a11-blue);
    box-shadow:0 0 0 4px rgba(18,97,214,.1);
    outline:0;
  }
  body.woi-public textarea,
  body.gp-public textarea,
  body.mbg-public textarea,
  body.woi-visual-a11-public textarea{min-height:132px;resize:vertical}

  body.woi-public :where(table),
  body.gp-public :where(table),
  body.mbg-public :where(table),
  body.woi-visual-a11-public :where(table){border-collapse:separate;border-spacing:0;width:100%;background:#fff}
  body.woi-public :where(th),body.gp-public :where(th),body.mbg-public :where(th),body.woi-visual-a11-public :where(th){
    background:#f4f7fb;color:#50617b;font-size:11px;letter-spacing:.07em;text-transform:uppercase;font-weight:800
  }
  body.woi-public :where(th,td),body.gp-public :where(th,td),body.mbg-public :where(th,td),body.woi-visual-a11-public :where(th,td){
    padding:14px 16px;border-bottom:1px solid #e5ebf3;text-align:left;vertical-align:top
  }

  /* Public header and navigation */
  body.woi-public .woi-header{
    border-bottom:1px solid rgba(211,221,234,.9)!important;
    box-shadow:0 12px 35px rgba(6,27,61,.055)!important;
    backdrop-filter:saturate(145%) blur(16px);
  }
  body.woi-public .woi-nav{width:var(--woi-a11-shell)!important;margin-inline:auto!important}
  body.woi-public .woi-menu a{font-weight:760!important;letter-spacing:-.015em!important}
  body.woi-public .woi-nav-cta{box-shadow:0 12px 26px rgba(18,97,214,.19)!important}

  /* Page introductions and hero blocks */
  body.woi-public :where(.woi-intro-line,.woi-page-head,.woi-section-head,.woi-hero-copy){max-width:900px}
  body.woi-public :where(.woi-intro-line,.woi-page-head) h1{
    font-size:clamp(38px,4.6vw,72px)!important;
    line-height:1.01!important;
    letter-spacing:-.058em!important;
  }
  body.woi-public :where(.woi-intro-line,.woi-page-head) p{font-size:clamp(16px,1.25vw,20px);color:#63748e;max-width:780px}
  body.woi-public :where(.woi-home-hero,.woi-hero,.woi-page-hero){overflow:hidden}

  /* Article and editorial reading experience */
  body.woi-public :where(.article-body,.woi-article-body,.blog-content,.resource-content,.event-content){
    max-width:820px;
    color:#344761;
    font-size:17px;
    line-height:1.82;
  }
  body.woi-public :where(.article-body,.woi-article-body,.blog-content,.resource-content,.event-content) :where(h2,h3){margin-top:2em;margin-bottom:.65em}
  body.woi-public :where(.article-body,.woi-article-body,.blog-content,.resource-content,.event-content) a{
    color:#0d5ecb;
    text-decoration:underline;
    text-decoration-color:rgba(13,94,203,.35);
  }
  body.woi-public :where(.article-body,.woi-article-body,.blog-content,.resource-content,.event-content) img{
    max-width:100%;height:auto;border-radius:18px;box-shadow:var(--woi-a11-shadow-soft)
  }

  /* Generic public grids */
  body.woi-public :where(.woi-grid,.woi-card-grid,.woi-services-grid,.woi-opportunity-grid,.woi-events-grid){gap:22px!important}
  body.woi-public :where(.woi-card,.woi-service,.woi-opportunity-card,.woi-event-card,.woi-resource-card){
    border-color:#dbe4ef!important;
    border-radius:18px!important;
    box-shadow:0 10px 30px rgba(6,27,61,.055)!important;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
  }
  body.woi-public :where(.woi-card,.woi-service,.woi-opportunity-card,.woi-event-card,.woi-resource-card):hover{
    transform:translateY(-3px);box-shadow:0 22px 50px rgba(6,27,61,.1)!important;border-color:#c6d7eb!important
  }

  /* Standalone public status/auth/document surfaces */
  body.woi-visual-a11-public :where(.login-card,.auth-card,.status-shell,.verify-card,.document-shell),
  body :where(.unified-login-card,.inquiry-status-card,.gp-document-card,.rep-document-public-card){
    border-radius:22px!important;
    border:1px solid #dbe4ef!important;
    box-shadow:0 24px 65px rgba(6,27,61,.11)!important;
  }
  body :where(.inquiry-status-shell,.inquiry-thankyou-shell,.verify-shell,.document-page){max-width:980px;margin-inline:auto}

  /* Global Partner and Representative public profiles */
  body :where(.gpr-card,.gpa-card,.gp-profile-card,.representative-public-card){
    border-radius:18px!important;
    border-color:#dbe4ef!important;
    box-shadow:0 12px 34px rgba(6,27,61,.07)!important;
  }
  body :where(.gpr-toolbar,.gpa-toolbar,.gp-actions){gap:10px;align-items:center}
  body :where(.gpr-badge,.gpa-badge,.gp-badge,.badge){border-radius:999px;font-weight:800;letter-spacing:-.01em}

  /* Footer */
  body.woi-public .woi-footer{margin-top:clamp(48px,7vw,100px);border-top:1px solid rgba(255,255,255,.08)}

  @media (min-width:1440px){
    :root{--woi-a11-shell:min(1460px,calc(100% - 96px))}
    body.woi-public .woi-page{padding-block:clamp(44px,4vw,78px)}
  }

  @media (max-width:1024px){
    :root{--woi-a11-shell:min(100% - 40px,1180px)}
    body.woi-public :where(.woi-intro-line,.woi-page-head) h1{font-size:clamp(36px,7vw,58px)!important}
  }

  @media (max-width:700px){
    :root{--woi-a11-shell:calc(100% - 28px);--woi-a11-radius:16px}
    body.woi-public :where(.woi-intro-line,.woi-page-head) h1{font-size:clamp(32px,10.5vw,45px)!important}
    body.woi-public :where(.article-body,.woi-article-body,.blog-content,.resource-content,.event-content){font-size:16px;line-height:1.72}
    body.woi-public :where(th,td),body.gp-public :where(th,td),body.mbg-public :where(th,td),body.woi-visual-a11-public :where(th,td){padding:12px 13px}
    body.woi-public :where(.woi-card,.woi-panel,.woi-form-card),body.gp-public :where(.card,.panel),body.mbg-public :where(.card,.panel){border-radius:16px}
  }

  @media (prefers-reduced-motion:reduce){
    body.woi-public *,body.gp-public *,body.mbg-public *,body.woi-visual-a11-public *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
  }
}
@media screen {
  body.woi-public .woi-table-scroll-v72328A11,
  body.gp-public .woi-table-scroll-v72328A11,
  body.mbg-public .woi-table-scroll-v72328A11,
  body.woi-visual-a11-public .woi-table-scroll-v72328A11{
    width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border:1px solid var(--woi-a11-line);border-radius:14px;background:#fff
  }
}
\n/* ==== source: visual-regression-hotfix-v72328A12.css ==== */
/* 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;
    }
  }
}
\n/* ==== source: public-readability-ticket-center-v72328A13.css ==== */
/* WOI v72328A13 — public readability + admin ticket center */

/* Public Global Representative hero contrast. The v72328A11 premium layer
   applies a navy heading color globally; these selectors intentionally scope
   the correction to dark representative surfaces only. */
body.woi-public .gp-suite-hero,
body.woi-public .gp-network-cta,
body.woi-public .gp-form-head {
  color:#fff!important;
}
body.woi-public .gp-suite-hero{
  position:relative!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 88% 8%,rgba(54,145,255,.22),transparent 28rem),
    linear-gradient(124deg,#061a3b 0%,#0a376f 55%,#0b5599 100%)!important;
}
body.woi-public .gp-suite-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(2,20,48,.18),rgba(2,20,48,.04));
}
body.woi-public .gp-suite-hero :where(h1,h2,h3,h4),
body.woi-public .gp-network-cta :where(h1,h2,h3,h4),
body.woi-public .gp-form-head :where(h1,h2,h3,h4){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.woi-public .gp-suite-hero h1{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 3px 28px rgba(0,0,0,.2)!important;
  opacity:1!important;
}
body.woi-public .gp-suite-hero-copy>p,
body.woi-public .gp-suite-hero-card :where(p,li,small),
body.woi-public .gp-network-cta p,
body.woi-public .gp-form-head p{
  color:rgba(255,255,255,.86)!important;
  -webkit-text-fill-color:rgba(255,255,255,.86)!important;
  opacity:1!important;
}
body.woi-public .gp-suite-kicker,
body.woi-public .gp-form-head .gp-kicker{
  color:#ffd45f!important;
  -webkit-text-fill-color:#ffd45f!important;
  opacity:1!important;
}
body.woi-public .gp-suite-hero-card{
  border-color:rgba(255,255,255,.2)!important;
  background:rgba(5,30,67,.58)!important;
  box-shadow:0 24px 70px rgba(1,16,39,.28)!important;
  backdrop-filter:blur(18px)!important;
}
body.woi-public .gp-suite-hero-card :where(b,strong),
body.woi-public .gp-network-summary strong,
body.woi-public .gp-network-standard b{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.woi-public .gp-form-head{
  position:relative!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 92% -20%,rgba(52,151,255,.34),transparent 19rem),
    linear-gradient(122deg,#061a3c 0%,#0b4388 100%)!important;
}
body.woi-public .gp-form-head h1{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 2px 18px rgba(0,0,0,.16)!important;
}
body.woi-public .gp-suite-btn.primary,
body.woi-public .gp-suite-btn.gold,
body.woi-public .gp-suite-btn.ghost{
  text-decoration:none!important;
}

/* Admin primary navigation ticket badge. */
body.admin-v7070 .admin-ticket-nav-v72328A13{
  position:relative;
}
body.admin-v7070 .admin-ticket-nav-count-v72328A13{
  display:inline-grid;
  place-items:center;
  min-width:24px;
  height:24px;
  margin-left:auto;
  padding:0 7px;
  border-radius:999px;
  background:#e43c4b;
  color:#fff;
  font-size:11px;
  line-height:1;
  font-weight:900;
  box-shadow:0 7px 16px rgba(196,35,53,.22);
}
body.admin-v7070 .admin-ticket-nav-v72328A13.active .admin-ticket-nav-count-v72328A13{
  background:#fff;
  color:#0b4ead;
}

/* Premium ticket operation center. */
.admin-ticket-center-v72328A13{
  --ticket-navy:#071d43;
  --ticket-blue:#1264d8;
  --ticket-soft:#f4f7fc;
  --ticket-line:#dce5f0;
  --ticket-muted:#687991;
  display:grid;
  gap:20px;
  padding-bottom:30px;
}
.admin-ticket-hero-v72328A13{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding:28px 30px;
  border:1px solid rgba(13,76,157,.16);
  border-radius:24px;
  background:
    radial-gradient(circle at 92% 5%,rgba(39,130,255,.2),transparent 22rem),
    linear-gradient(135deg,#fff 0%,#f6f9ff 100%);
  box-shadow:0 20px 48px rgba(8,39,83,.08);
}
.admin-ticket-eyebrow-v72328A13{
  display:block;
  margin-bottom:8px;
  color:#3974bf;
  font-size:11px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.admin-ticket-hero-v72328A13 h1{
  margin:0;
  color:var(--ticket-navy);
  font-size:clamp(28px,3vw,42px);
  line-height:1.05;
  letter-spacing:-.045em;
}
.admin-ticket-hero-v72328A13 p{
  max-width:760px;
  margin:10px 0 0;
  color:var(--ticket-muted);
  line-height:1.65;
}
.admin-ticket-hero-actions-v72328A13{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.admin-ticket-metrics-v72328A13{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}
.admin-ticket-metric-v72328A13{
  min-width:0;
  padding:19px 20px;
  border:1px solid var(--ticket-line);
  border-radius:19px;
  background:#fff;
  box-shadow:0 13px 34px rgba(9,38,78,.055);
}
.admin-ticket-metric-v72328A13 span{
  display:block;
  color:var(--ticket-muted);
  font-size:12px;
  font-weight:750;
}
.admin-ticket-metric-v72328A13 strong{
  display:block;
  margin-top:8px;
  color:var(--ticket-navy);
  font-size:30px;
  line-height:1;
}
.admin-ticket-metric-v72328A13.is-alert{
  border-color:#f2c2c7;
  background:#fff8f8;
}
.admin-ticket-metric-v72328A13.is-alert strong{color:#be3040}
.admin-ticket-toolbar-v72328A13{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px;
  border:1px solid var(--ticket-line);
  border-radius:18px;
  background:#fff;
}
.admin-ticket-filters-v72328A13{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}
.admin-ticket-filter-v72328A13{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:9px 14px;
  border:1px solid transparent;
  border-radius:11px;
  color:#49617f;
  text-decoration:none!important;
  font-size:13px;
  font-weight:800;
}
.admin-ticket-filter-v72328A13:hover{background:#f1f6fd;color:#0b4ead}
.admin-ticket-filter-v72328A13.active{
  border-color:#cce0fa;
  background:#eaf3ff;
  color:#0b55bd;
}
.admin-ticket-layout-v72328A13{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:18px;
  align-items:start;
}
.admin-ticket-panel-v72328A13{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--ticket-line);
  border-radius:22px;
  background:#fff;
  box-shadow:0 16px 42px rgba(8,36,75,.06);
}
.admin-ticket-panel-head-v72328A13{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px 22px;
  border-bottom:1px solid #e7edf5;
}
.admin-ticket-panel-head-v72328A13 h2{
  margin:0;
  color:var(--ticket-navy);
  font-size:18px;
}
.admin-ticket-panel-head-v72328A13 p{
  margin:5px 0 0;
  color:var(--ticket-muted);
  font-size:12px;
}
.admin-ticket-list-v72328A13{
  display:grid;
  max-height:760px;
  overflow:auto;
}
.admin-ticket-row-v72328A13{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  padding:17px 20px;
  border-bottom:1px solid #edf1f6;
  color:inherit;
  text-decoration:none!important;
  transition:background .18s ease,border-color .18s ease;
}
.admin-ticket-row-v72328A13:hover{background:#f8fbff}
.admin-ticket-row-v72328A13.active{
  border-left:4px solid var(--ticket-blue);
  padding-left:16px;
  background:#f0f6ff;
}
.admin-ticket-row-title-v72328A13{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.admin-ticket-row-title-v72328A13 b{
  overflow:hidden;
  color:#102d55;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-ticket-row-v72328A13 p{
  margin:7px 0 0;
  color:#5f7188;
  font-size:13px;
  line-height:1.5;
}
.admin-ticket-row-v72328A13 small{
  display:block;
  margin-top:5px;
  color:#8090a5;
}
.admin-ticket-row-side-v72328A13{
  display:grid;
  justify-items:end;
  align-content:start;
  gap:8px;
}
.admin-ticket-chip-v72328A13{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:5px 9px;
  border-radius:999px;
  background:#eef3f9;
  color:#546a86;
  font-size:10px;
  font-weight:900;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.admin-ticket-chip-v72328A13.urgent{background:#ffe8eb;color:#b52236}
.admin-ticket-chip-v72328A13.high{background:#fff1d7;color:#8b5b00}
.admin-ticket-chip-v72328A13.open{background:#e8f3ff;color:#1359af}
.admin-ticket-chip-v72328A13.progress{background:#e9f8f2;color:#137454}
.admin-ticket-chip-v72328A13.waiting{background:#fff4dc;color:#8b6108}
.admin-ticket-chip-v72328A13.resolved{background:#ebf8ef;color:#177446}
.admin-ticket-detail-v72328A13{
  position:sticky;
  top:18px;
}
.admin-ticket-detail-body-v72328A13{padding:22px}
.admin-ticket-detail-title-v72328A13{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
}
.admin-ticket-detail-title-v72328A13 h2{
  margin:0;
  color:var(--ticket-navy);
  font-size:23px;
  line-height:1.2;
}
.admin-ticket-detail-title-v72328A13 p{
  margin:7px 0 0;
  color:var(--ticket-muted);
  line-height:1.55;
}
.admin-ticket-meta-v72328A13{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:18px 0;
}
.admin-ticket-meta-v72328A13 div{
  padding:12px 13px;
  border:1px solid #e4ebf4;
  border-radius:13px;
  background:#f8fafd;
}
.admin-ticket-meta-v72328A13 span,
.admin-ticket-meta-v72328A13 b{display:block}
.admin-ticket-meta-v72328A13 span{color:#7a8ba1;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.admin-ticket-meta-v72328A13 b{margin-top:4px;color:#1b365c;font-size:13px}
.admin-ticket-conversation-v72328A13{
  display:grid;
  gap:10px;
  max-height:410px;
  padding:15px;
  overflow:auto;
  border:1px solid #e1e9f3;
  border-radius:17px;
  background:#f6f9fd;
}
.admin-ticket-message-v72328A13{
  width:min(88%,620px);
  padding:13px 15px;
  border:1px solid #e0e7f0;
  border-radius:15px 15px 15px 5px;
  background:#fff;
  box-shadow:0 8px 22px rgba(9,38,78,.04);
}
.admin-ticket-message-v72328A13.admin{
  justify-self:end;
  border-color:#cce0fb;
  border-radius:15px 15px 5px 15px;
  background:#eaf3ff;
}
.admin-ticket-message-v72328A13 b{color:#17375f;font-size:12px}
.admin-ticket-message-v72328A13 p{margin:7px 0;color:#2f4664;line-height:1.55}
.admin-ticket-message-v72328A13 small{color:#8291a4}
.admin-ticket-form-v72328A13{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:16px;
}
.admin-ticket-form-v72328A13 .full{grid-column:1/-1}
.admin-ticket-form-v72328A13 label span{
  display:block;
  margin-bottom:6px;
  color:#304a6c;
  font-size:12px;
  font-weight:800;
}
.admin-ticket-form-v72328A13 :where(textarea,select){
  width:100%;
  min-height:45px;
  padding:11px 12px;
  border:1px solid #ccd8e7;
  border-radius:11px;
  background:#fff;
  color:#142a49;
  font:inherit;
}
.admin-ticket-form-v72328A13 textarea{min-height:112px;resize:vertical}
.admin-ticket-empty-v72328A13{
  padding:54px 24px;
  text-align:center;
  color:#74859b;
}

@media(max-width:1180px){
  .admin-ticket-metrics-v72328A13{grid-template-columns:repeat(3,minmax(0,1fr))}
  .admin-ticket-layout-v72328A13{grid-template-columns:1fr}
  .admin-ticket-detail-v72328A13{position:static}
}
@media(max-width:720px){
  body.woi-public .gp-suite-hero h1{font-size:clamp(36px,11vw,50px)!important}
  .admin-ticket-hero-v72328A13{align-items:flex-start;flex-direction:column;padding:22px}
  .admin-ticket-metrics-v72328A13{grid-template-columns:1fr 1fr}
  .admin-ticket-toolbar-v72328A13{align-items:flex-start;flex-direction:column}
  .admin-ticket-row-v72328A13{grid-template-columns:1fr}
  .admin-ticket-row-side-v72328A13{justify-items:start;grid-auto-flow:column;justify-content:start}
  .admin-ticket-meta-v72328A13,.admin-ticket-form-v72328A13{grid-template-columns:1fr}
  .admin-ticket-form-v72328A13 .full{grid-column:auto}
}
@media(max-width:430px){
  .admin-ticket-metrics-v72328A13{grid-template-columns:1fr}
  .admin-ticket-panel-head-v72328A13,.admin-ticket-detail-body-v72328A13{padding:17px}
}

/* v72400 normalization: predictable page geometry and safe mobile overflow. */
html{overflow-x:hidden}body{min-width:0;overflow-x:clip}.woi-shell,.gp-shell{width:min(100% - 32px,1200px);margin-inline:auto}.woi-public img,.woi-public svg{max-width:100%}.woi-public table{max-width:100%}.woi-public input,.woi-public select,.woi-public textarea,.woi-public button{max-width:100%}@media(max-width:760px){.woi-shell,.gp-shell{width:min(100% - 24px,1200px)}.woi-public h1{overflow-wrap:anywhere}.woi-public .table-wrap,.woi-public [class*="table-wrap"]{overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* v72401: the opening dialog is a viewport overlay, not a constrained modal. */
body.woi-public .woi-opening-intro[role="dialog"]{
  inset:0!important;
  width:100vw!important;
  max-width:none!important;
  height:100dvh!important;
  max-height:none!important;
  overflow:hidden!important;
}

/* v72402: consistent 44px interaction targets on touch and keyboard surfaces. */
body.woi-public .woi-search input{
  min-height:44px;
}
body.woi-public .event-card-body>a,
body.woi-public .woi-blog-chip{
  min-height:44px;
  display:inline-flex;
  align-items:center;
}
body.woi-public .leaflet-control-zoom a{
  width:44px!important;
  height:44px!important;
  line-height:44px!important;
}
body.unified-access-v72313 .ua-minimal-links-v72317 a,
body.ua-page-v72313 .ua-minimal-links-v72317 a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
}