:root{
  --gz-navy:#282B49;
  --gz-navy-dark:#1d223d;
  --gz-cream:#EEEADA;
  --gz-cream-soft:#F8F5EA;
  --gz-white:#FFFDF8;
  --gz-text:#22263c;
  --gz-muted:#6f716c;
  --gz-line:#ddd7c7;
  --gz-green:#3f8c69;
  --gz-yellow:#d99b25;
  --gz-orange:#d9793e;
  --gz-red:#c94e5c;
  --gz-purple:#7654a5;
  --gz-shadow:0 14px 36px rgba(40,43,73,.10);
}

/* =========================
   PUBLIC WEBSITE
   ========================= */
body.website-clean.gizcu-indigo-theme{background:var(--gz-cream-soft)!important;color:var(--gz-text)!important}
.gizcu-indigo-theme .wc-nav{background:rgba(255,253,248,.96)!important;border-bottom:1px solid rgba(40,43,73,.08)!important}
.gizcu-indigo-theme .wc-container{width:min(1200px,calc(100% - 36px))!important}
.gizcu-indigo-theme .wc-brand{gap:0!important}
.gizcu-indigo-theme .wc-brand img{height:46px!important;width:auto!important;max-width:215px!important;object-fit:contain!important}
.gizcu-indigo-theme .wc-brand-copy{display:none!important}
.gizcu-indigo-theme .wc-links a{color:var(--gz-navy)!important;font-weight:800!important}
.gizcu-indigo-theme .wc-btn-primary{background:var(--gz-navy)!important;border-color:var(--gz-navy)!important;color:#fff!important}
.gizcu-indigo-theme .wc-btn-light{background:#fff!important;border-color:var(--gz-line)!important;color:var(--gz-navy)!important}

.gz-hero{background:var(--gz-white);padding:70px 0 58px;overflow:hidden}
.gz-hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:52px;align-items:center;min-height:590px}
.gz-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--gz-navy);font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.gz-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gz-navy)}
.gz-hero h1{font-size:clamp(50px,6vw,80px);line-height:.98;letter-spacing:-.055em;color:var(--gz-navy);margin:23px 0 23px;font-weight:950}
.gz-hero-copy{font-size:17px;line-height:1.7;color:#666960;max-width:670px;margin:0}
.gz-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.gz-role-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.gz-role-pills span{background:#fff;border:1px solid var(--gz-line);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;color:var(--gz-navy)}
.gz-hero-art{position:relative;min-height:500px}
.gz-hero-report{position:absolute;left:7%;top:13%;width:46%;z-index:3;filter:drop-shadow(0 18px 18px rgba(40,43,73,.16))}
.gz-hero-tugu{position:absolute;right:-1%;bottom:-20%;height:87%;z-index:1}
.gz-hero-kader{position:absolute;right:2%;bottom:-3%;height:61%;z-index:4;filter:drop-shadow(0 18px 18px rgba(40,43,73,.16))}

.gz-section{padding:72px 0}.gz-section.gz-cream{background:var(--gz-cream)}
.gz-section-head{max-width:760px;margin-bottom:28px}.gz-section-head h2{font-size:40px;line-height:1.05;letter-spacing:-.035em;color:var(--gz-navy);margin:14px 0 10px}.gz-section-head p{color:var(--gz-muted);line-height:1.7;margin:0}
.gz-about-top{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:end;margin-bottom:24px}.gz-about-character{width:260px;height:220px;object-fit:contain;justify-self:end}
.gz-about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px}.gz-about-brand,.gz-about-card{background:#fff;border:1px solid var(--gz-line);border-radius:24px;padding:24px}.gz-about-brand{display:flex;flex-direction:column;justify-content:center;min-height:270px}.gz-about-brand img{width:190px;height:125px;object-fit:contain;object-position:left center}.gz-about-brand h3{font-size:21px;color:var(--gz-navy);margin:10px 0 6px}.gz-about-brand p,.gz-about-card p{font-size:14px;color:var(--gz-muted);line-height:1.6;margin:0}.gz-about-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gz-about-card h3{color:var(--gz-navy);margin:0 0 10px}

.gz-feature-wrap{position:relative}.gz-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-right:12%}.gz-feature-card{background:#fff;border:1px solid var(--gz-line);border-radius:22px;padding:20px;min-height:218px}.gz-feature-card img{width:76px;height:76px;object-fit:contain;margin-bottom:14px}.gz-feature-card h3{margin:0 0 8px;color:var(--gz-navy);font-size:18px}.gz-feature-card p{margin:0;color:var(--gz-muted);font-size:13px;line-height:1.55}.gz-feature-tugu{position:absolute;right:-2%;bottom:-74px;height:60%;z-index:1}.gz-feature-baby{position:absolute;right:-1%;bottom:-34px;width:14%;z-index:2}

.gz-education-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;align-items:center}.gz-education-cards{display:grid;gap:12px;margin-top:24px}.gz-education-card{display:grid;grid-template-columns:84px 1fr;gap:14px;align-items:center;background:#fff;border:1px solid var(--gz-line);border-radius:18px;padding:14px}.gz-education-card img{width:84px;height:84px;object-fit:contain}.gz-education-card strong{color:var(--gz-navy);display:block}.gz-education-card span{font-size:12px;color:var(--gz-muted)}.gz-education-art{position:relative;min-height:420px}.gz-education-tugu{position:absolute;left:0;bottom:-72px;height:74%}.gz-education-baby{position:absolute;left:28%;bottom:0;width:50%;z-index:2}.gz-education-mom{position:absolute;right:0;bottom:-5px;height:70%;z-index:3}
.gz-contact{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--gz-navy);color:#fff;border-radius:24px;padding:24px 28px}.gz-contact h3{margin:0 0 5px;font-size:23px}.gz-contact p{margin:0;color:#d9d5c7;font-size:13px}.gz-contact .wc-btn{background:var(--gz-cream)!important;color:var(--gz-navy)!important;border-color:var(--gz-cream)!important}

.gizcu-indigo-theme .wc-footer{background:var(--gz-cream)!important;border-top:1px solid var(--gz-line)!important}.gizcu-indigo-theme .wc-footer-brand img{height:44px!important;width:auto!important;max-width:180px!important}.gizcu-indigo-theme .wc-footer-brand strong{color:var(--gz-navy)!important}.gizcu-indigo-theme .wc-mobile-bottom{background:rgba(238,234,218,.97)!important;border-color:var(--gz-line)!important}.gizcu-indigo-theme .wc-mobile-bottom a{color:var(--gz-navy)!important}.gizcu-indigo-theme .wc-app-fab{background:var(--gz-navy)!important}

.gizcu-indigo-theme .wc-article{border-color:var(--gz-line)!important;background:#fff!important}.gizcu-indigo-theme .wc-article-body h1{color:var(--gz-navy)!important}.gizcu-indigo-theme .wc-eyebrow{color:var(--gz-navy)!important;background:var(--gz-cream)!important}.gizcu-indigo-theme .wc-back{color:var(--gz-navy)!important}

/* =========================
   MOBILE APP
   ========================= */
body.mobile-page.gizcu-indigo-theme{background:#d8d4c8!important;color:var(--gz-text)!important}
.gizcu-indigo-theme .mobile-shell{background:var(--gz-navy)!important;box-shadow:0 0 36px rgba(23,29,59,.18)!important}
.gizcu-indigo-theme .mobile-content{background:var(--gz-navy)!important;color:var(--gz-cream)!important;padding:14px!important}
.gizcu-indigo-theme .app-topbar{background:var(--gz-cream)!important;border-bottom:0!important;height:74px!important}.gizcu-indigo-theme .app-topbar img{height:46px!important;max-width:190px!important}.gizcu-indigo-theme .app-topbar .bell{background:var(--gz-cream)!important;border-color:#d8d1bd!important;color:var(--gz-navy)!important}
.gizcu-indigo-theme .page-topbar{background:var(--gz-cream)!important;border-color:#d8d1bd!important}.gizcu-indigo-theme .page-topbar h1,.gizcu-indigo-theme .page-topbar .back{color:var(--gz-navy)!important}.gizcu-indigo-theme .page-topbar .back{background:#fff!important;border-color:#d8d1bd!important}
.gizcu-indigo-theme .dp-mobile-hello{background:var(--gz-cream)!important;border:0!important;border-radius:22px!important;color:var(--gz-navy)!important;padding:16px!important;margin-bottom:10px!important}.gizcu-indigo-theme .dp-mobile-hello strong{color:var(--gz-navy)!important}.gizcu-indigo-theme .dp-mobile-hello span{color:#696b67!important}
.gizcu-indigo-theme .ui-card,.gizcu-indigo-theme .welcome-card,.gizcu-indigo-theme .posyandu-card,.gizcu-indigo-theme .profile-clean,.gizcu-indigo-theme .gizi-card{background:var(--gz-cream)!important;border-color:#d8d1bd!important;box-shadow:none!important}
.gizcu-indigo-theme .welcome-card{background:var(--gz-cream)!important}.gizcu-indigo-theme .welcome-card h2,.gizcu-indigo-theme .welcome-card p,.gizcu-indigo-theme .posyandu-card strong,.gizcu-indigo-theme .profile-clean strong{color:var(--gz-navy)!important}.gizcu-indigo-theme .posyandu-card span,.gizcu-indigo-theme .profile-clean span{color:#6d6e69!important}.gizcu-indigo-theme .posyandu-logo{background:#fff!important;border-color:#d8d1bd!important}.gizcu-indigo-theme .chev{color:var(--gz-navy)!important}
.gizcu-indigo-theme .section-head h3{color:var(--gz-cream)!important;font-size:.90rem!important}.gizcu-indigo-theme .section-head a{color:var(--gz-cream)!important;opacity:.88}
.gizcu-indigo-theme .shortcut-grid{gap:10px!important}.gizcu-indigo-theme .shortcut{background:var(--gz-cream)!important;border:0!important;border-radius:19px!important;min-height:126px!important;box-shadow:none!important;padding:10px 6px!important}.gizcu-indigo-theme .shortcut .ico{width:72px!important;height:72px!important;border-radius:0!important;background:transparent!important}.gizcu-indigo-theme .shortcut .ico img{width:72px!important;height:72px!important;object-fit:contain!important}.gizcu-indigo-theme .shortcut .label{color:var(--gz-navy)!important;font-size:.67rem!important}
.gizcu-indigo-theme .summary-grid{gap:7px!important}.gizcu-indigo-theme .summary-box{background:var(--gz-cream)!important;border:0!important;border-radius:16px!important}.gizcu-indigo-theme .summary-box strong{color:var(--gz-navy)!important}.gizcu-indigo-theme .summary-box span{color:#62655f!important}
.gizcu-indigo-theme .child-card-clean,.gizcu-indigo-theme .list-wrap,.gizcu-indigo-theme .list-card,.gizcu-indigo-theme .form-clean,.gizcu-indigo-theme .z-box,.gizcu-indigo-theme .edu-card-clean{background:var(--gz-cream)!important;border-color:#d8d1bd!important}.gizcu-indigo-theme .child-card-clean h4,.gizcu-indigo-theme .list-card h3,.gizcu-indigo-theme .edu-card-clean h4,.gizcu-indigo-theme .z-box strong{color:var(--gz-navy)!important}.gizcu-indigo-theme .child-card-clean p,.gizcu-indigo-theme .list-card p,.gizcu-indigo-theme .edu-card-clean p,.gizcu-indigo-theme .z-box span{color:#696b67!important}
.gizcu-indigo-theme .mobile-bottom-nav{background:var(--gz-cream)!important;border-color:#d7d0bd!important;box-shadow:0 -6px 18px rgba(23,29,59,.11)!important}.gizcu-indigo-theme .mobile-bottom-nav a{color:var(--gz-navy)!important}.gizcu-indigo-theme .mobile-bottom-nav .nav-icon{background:#fff!important;border-color:#d9d2bf!important}.gizcu-indigo-theme .mobile-bottom-nav .nav-icon img{width:31px!important;height:31px!important;object-fit:contain!important}.gizcu-indigo-theme .mobile-bottom-nav a.active .nav-icon{background:#e99a35!important;border-color:#dc8b2a!important}.gizcu-indigo-theme .mobile-bottom-nav a.active{color:var(--gz-navy)!important}
.gizcu-indigo-theme .search-input,.gizcu-indigo-theme .search-btn{background:var(--gz-cream)!important;border-color:#d8d1bd!important}.gizcu-indigo-theme .add-btn,.gizcu-indigo-theme .btn-save{background:var(--gz-navy)!important;border-color:var(--gz-navy)!important}
.gizcu-indigo-theme .pd-notif-panel,.gizcu-indigo-theme .kd-notif-panel{background:var(--gz-cream)!important;border-color:#d8d1bd!important}.gizcu-indigo-theme .pd-notif-head strong,.gizcu-indigo-theme .kd-notif-head strong,.gizcu-indigo-theme .pd-notif-item strong,.gizcu-indigo-theme .kd-notif-item strong{color:var(--gz-navy)!important}

/* Keep clinical/status meaning independent from branding */
.gizcu-indigo-theme .status-normal{background:#e6f5eb!important;color:#23764a!important}.gizcu-indigo-theme .status-risk{background:#fff1d5!important;color:#9b6d14!important}.gizcu-indigo-theme .status-poor{background:#fbe4ea!important;color:#a53050!important}.gizcu-indigo-theme .status-over{background:#efe4ff!important;color:#6e48a5!important}

/* =========================
   ADMIN
   ========================= */
body.admin-shell.gizcu-indigo-theme{background:var(--gz-cream-soft)!important}
.gizcu-indigo-theme .admin-sidebar{background:var(--gz-navy)!important;border-right:0!important;color:var(--gz-cream)!important}.gizcu-indigo-theme .admin-logo{color:var(--gz-cream)!important}.gizcu-indigo-theme .admin-logo img{width:54px!important;height:54px!important;object-fit:contain!important}.gizcu-indigo-theme .admin-logo-copy strong{color:var(--gz-cream)!important}.gizcu-indigo-theme .admin-logo-copy small{color:#d7d3c5!important}
.gizcu-indigo-theme .admin-menu a{color:#f1eddf!important;border-radius:14px!important}.gizcu-indigo-theme .admin-menu a.active{background:var(--gz-cream)!important;color:var(--gz-navy)!important}.gizcu-indigo-theme .admin-menu a:hover{background:rgba(238,234,218,.12)!important}.gizcu-indigo-theme .admin-menu a.active:hover{background:var(--gz-cream)!important}.gizcu-indigo-theme .admin-menu-label{color:#bbb8aa!important}.gizcu-indigo-theme .admin-menu-divider{border-color:rgba(238,234,218,.15)!important}.gizcu-indigo-theme .admin-bottom .btn{background:var(--gz-cream)!important;color:var(--gz-navy)!important;border-color:var(--gz-cream)!important}
.gizcu-indigo-theme .admin-topbar{background:#fffdf8!important;border-color:var(--gz-line)!important}.gizcu-indigo-theme .admin-topbar h1{color:var(--gz-navy)!important}.gizcu-indigo-theme .admin-content{background:var(--gz-cream-soft)!important}.gizcu-indigo-theme .admin-user .avatar{background:var(--gz-cream)!important;color:var(--gz-navy)!important}.gizcu-indigo-theme .admin-topbar-logout .btn{color:var(--gz-navy)!important;border-color:var(--gz-line)!important}
.gizcu-indigo-theme .monitor-dashboard .page-title,.gizcu-indigo-theme .monitor-dashboard .chart-title{color:var(--gz-navy)!important}.gizcu-indigo-theme .monitor-dashboard .filter-button.apply{background:var(--gz-navy)!important}.gizcu-indigo-theme .monitor-dashboard .filter-button.export{color:var(--gz-navy)!important}.gizcu-indigo-theme .monitor-dashboard .kpi,.gizcu-indigo-theme .monitor-dashboard .filter-bar,.gizcu-indigo-theme .monitor-dashboard .action-panel,.gizcu-indigo-theme .monitor-dashboard .panel{border-color:var(--gz-line)!important}

@media(max-width:900px){
  .gz-hero-grid{grid-template-columns:1fr}.gz-hero-art{min-height:430px}.gz-feature-grid{grid-template-columns:1fr 1fr;padding-right:0}.gz-feature-tugu,.gz-feature-baby{display:none}.gz-about-grid,.gz-education-grid{grid-template-columns:1fr}.gz-about-pair{grid-template-columns:1fr 1fr}.gz-about-character{display:none}
}
@media(max-width:560px){
  .gizcu-indigo-theme .wc-container{width:min(100% - 22px,1200px)!important}.gz-hero{padding:46px 0 40px}.gz-hero h1{font-size:50px}.gz-feature-grid,.gz-about-pair{grid-template-columns:1fr}.gz-hero-art{min-height:380px}.gz-hero-report{width:43%;left:3%;top:19%}.gz-hero-tugu{right:-2%;height:74%;bottom:-22%}.gz-hero-kader{height:52%;right:0}.gz-education-art{min-height:330px}
}


/* FIX 2026-09-22: navbar CTA text must stay white.
   This selector intentionally has higher specificity than:
   .gizcu-indigo-theme .wc-links a { color: var(--gz-navy)!important; }
*/
.gizcu-indigo-theme .wc-links a.wc-btn-primary,
.gizcu-indigo-theme .wc-links a.wc-btn-primary:visited,
.gizcu-indigo-theme .wc-links a.wc-btn-primary:hover,
.gizcu-indigo-theme .wc-links a.wc-btn-primary:focus {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  opacity:1 !important;
}

/* FIX 2026-09-23: navigasi bawah website versi ponsel masih maroon; samakan dengan navy/cream. */
body.website-clean.gizcu-indigo-theme .wc-mobile-bottom a.active,
body.website-clean.gizcu-indigo-theme .wc-mobile-bottom .wc-app-center{color:#282B49!important}
body.website-clean.gizcu-indigo-theme .wc-mobile-bottom a.active svg{color:#282B49!important;background:#EEEADA!important}
body.website-clean.gizcu-indigo-theme .wc-app-fab{background:#282B49!important;border-color:#EEEADA!important;color:#fff!important;box-shadow:0 10px 20px rgba(40,43,73,.28)!important}
body.website-clean.gizcu-indigo-theme .wc-mobile-bottom .wc-app-fab svg{color:#fff!important;background:transparent!important}
body.website-clean.gizcu-indigo-theme .wc-mobile-bottom a.active .wc-mobile-icon,
body.website-clean.gizcu-indigo-theme .wc-mobile-bottom a.active .wc-mobile-icon svg{background:#E4DFCC!important;color:#282B49!important}