/*
Theme Name: Kopdes Merah Putih Premium
Theme URI: https://kopdesmerahputih.com
Author: Kopdes Merah Putih
Description: Tema khusus koperasi dengan integrasi shortcode plugin Kopdes Koperasi. Tidak mengubah data plugin.
Version: 4.0.1
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: kopdes-merah-putih-theme
*/
:root{--primary:#005267;--secondary:#A4BB11;--accent:#E6A912;--red:var(--primary);--dark:#15353c;--gold:var(--accent);--muted:#586e74;--bg:#f3f8f8}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--dark);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:auto;padding:0 24px}.site-header{position:sticky;top:0;background:#fff;z-index:100;border-bottom:1px solid #eee}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;color:var(--primary)}.brand img{width:auto;max-height:58px;max-width:190px}.brand-mark{width:42px;height:42px;background:var(--red);color:#fff;display:grid;place-items:center;border-radius:12px}.menu{display:flex;gap:23px;align-items:center;flex-wrap:wrap}.menu a:hover{color:var(--red)}.actions{display:flex;gap:9px;align-items:center}.btn{display:inline-block;padding:12px 22px;border-radius:10px;font-weight:700;background:var(--red);color:#fff!important;border:1px solid var(--red);transition:.2s}.btn:hover{background:#003e4d}.btn-outline{background:#fff;color:var(--red)!important}.hero{background:linear-gradient(112deg,#003b4c,#005267 60%,#08798a);color:#fff;padding:100px 0 110px;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#e6efac;font-weight:700;font-size:13px}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.12;margin:14px 0 20px;letter-spacing:-1.5px}.hero p{font-size:18px;max-width:630px;opacity:.94}.hero .btn{background:#fff;color:var(--red)!important;border-color:#fff}.hero .btn-outline{background:transparent;color:#fff!important;border-color:#ffffff88}.hero-card{border:1px solid #ffffff66;background:#ffffff19;backdrop-filter:blur(8px);border-radius:25px;padding:35px;box-shadow:0 22px 60px #00384640}.hero-card strong{font-size:30px;display:block}.hero-card p{font-size:15px}.hero-card hr{border:0;border-top:1px solid #ffffff55}.section{padding:78px 0}.section-alt{background:var(--bg)}.section-head{max-width:700px;margin:0 auto 40px;text-align:center}.section-head h2{font-size:clamp(28px,3vw,42px);line-height:1.2;margin:12px 0}.section-head p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature{background:#fff;border:1px solid #ececec;border-radius:18px;padding:26px;box-shadow:0 8px 25px #11111108}.feature-icon{font-size:31px;display:block;margin-bottom:14px}.feature h3{margin:0 0 8px;font-size:18px}.feature p{margin:0;color:var(--muted);font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step{padding:26px;border-radius:18px;background:#fff;border:1px solid #eee}.step-num{display:inline-grid;place-items:center;background:#eef5db;color:var(--red);border-radius:50%;width:44px;height:44px;font-weight:800}.cta{background:#005267;color:#fff;text-align:center;padding:68px 24px}.cta h2{font-size:36px;margin:0 0 14px}.cta p{opacity:.8}.site-footer{background:#003743;color:#d4dbdf;padding:42px 0}.footer-inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-inner small{color:#9aa8af}.page-wrap{padding:65px 0;min-height:55vh}.page-wrap h1{font-size:38px}.entry-content{overflow-wrap:anywhere}.entry-content img{max-width:100%;height:auto}.notice{background:#fff9e8;border-left:4px solid var(--gold);padding:18px;border-radius:8px}.mobile-toggle{display:none;background:transparent;border:0;font-size:27px}.wp-block-image img{height:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;z-index:9999;background:#fff;padding:10px}@media(max-width:960px){.grid{grid-template-columns:repeat(2,1fr)}.hero-inner{grid-template-columns:1fr}.hero{padding:70px 0}.menu{gap:12px}}@media(max-width:700px){.nav{flex-wrap:wrap;min-height:72px}.mobile-toggle{display:block;margin-left:auto}.menu{display:none;order:5;width:100%;flex-direction:column;align-items:stretch;padding-bottom:15px}.menu.is-open{display:flex}.actions{order:4}.actions .btn{padding:8px 12px;font-size:13px}.grid,.steps{grid-template-columns:1fr}.hero-card{display:none}.section{padding:55px 0}.hero h1{font-size:39px}.footer-inner{display:block}}

/* Tahap 2: identitas warna dan komponen integrasi */
::selection{background:var(--secondary);color:#12313a}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.btn:focus-visible{outline:3px solid var(--secondary)}.feature{border-top:3px solid var(--secondary)}.feature:hover{border-top-color:var(--accent)}.step-num{background:#eaf3ce;color:var(--primary)}.cta .btn{background:var(--secondary);border-color:var(--secondary);color:#16343a!important}.cta .btn:hover{background:var(--accent);border-color:var(--accent)}.hero .btn:hover{background:var(--secondary);border-color:var(--secondary);color:#17363b!important}.hero .btn-outline:hover{background:#ffffff20;color:white!important;border-color:white}.site-header .actions .btn:not(.btn-outline){background:var(--secondary);border-color:var(--secondary);color:#17343b!important}.site-header .actions .btn:not(.btn-outline):hover{background:var(--accent);border-color:var(--accent)}.kmp-module-intro{background:#eef6f5;border:1px solid #cbdfe0;border-left:4px solid var(--secondary);border-radius:14px;padding:18px 22px;margin-bottom:26px}.kmp-module-intro p{margin:4px 0}.kmp-module-links{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 28px}.kmp-module-links a{color:var(--primary);font-weight:700;text-decoration:underline;text-underline-offset:3px}.entry-content input:not([type=checkbox]):not([type=radio]),.entry-content select,.entry-content textarea{max-width:100%}.entry-content .kdk-member{max-width:100%}.kmp-alert{padding:14px 18px;border-left:4px solid var(--accent);background:#fff9e7;border-radius:10px;margin:16px 0}

/* Tahap 3: area anggota & marketplace, CSS hanya dalam konten situs. */
.kmp-member-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 24px}
.kmp-member-shortcuts a{padding:10px 15px;border-radius:10px;border:1px solid #c7dedf;background:#f2f8f8;color:#005267;font-weight:700}
.kmp-member-shortcuts a:hover{background:#005267;color:#fff}
.kmp-member-shell{display:grid;grid-template-columns:minmax(190px,240px) minmax(0,1fr);gap:24px;align-items:start}
.kmp-member-sidebar{border:1px solid #dbe9e9;border-radius:16px;padding:20px;background:#f5faf9;position:sticky;top:105px}
.kmp-member-sidebar h2{font-size:18px;margin:0 0 12px;color:#005267}
.kmp-member-sidebar a{display:block;padding:11px 12px;margin:4px 0;border-radius:9px;font-weight:650;color:#005267}
.kmp-member-sidebar a:hover,.kmp-member-sidebar a[aria-current="page"]{background:#005267;color:#fff}
.kmp-member-main{min-width:0}
.kmp-member-main .entry-content{background:#fff;border:1px solid #e1eaea;border-radius:16px;padding:clamp(16px,3vw,28px);box-shadow:0 12px 32px #00526709}
.kmp-member-main .entry-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.kmp-member-main .entry-content th,.kmp-member-main .entry-content td{padding:10px;border-bottom:1px solid #e5eeee;text-align:left}
.kmp-member-main .entry-content input:not([type=checkbox]):not([type=radio]),.kmp-member-main .entry-content select,.kmp-member-main .entry-content textarea{border:1px solid #c9dcdd;border-radius:9px;padding:10px;max-width:100%}
.kmp-member-main .entry-content button,.kmp-member-main .entry-content input[type=submit]{background:#005267;color:white;border:0;border-radius:9px;padding:11px 17px;cursor:pointer}
.kmp-member-main .entry-content button:hover,.kmp-member-main .entry-content input[type=submit]:hover{background:#003d4e}
.kmp-member-main .entry-content a{overflow-wrap:anywhere}
@media(max-width:800px){.kmp-member-shell{grid-template-columns:1fr}.kmp-member-sidebar{position:static}.kmp-member-sidebar nav{display:flex;flex-wrap:wrap;gap:5px}.kmp-member-sidebar a{display:inline-block}}

/* Tahap 4 — beranda, katalog dan navigasi gerai; warna merek tetap. */
.kmp-outlet-grid .kmp-outlet-card{position:relative;transition:transform .2s ease,box-shadow .2s ease;min-height:190px}
.kmp-outlet-grid .kmp-outlet-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px #00526717}
.kmp-section-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.section-alt .kmp-section-actions .btn-outline{color:#005267!important;border-color:#005267;background:transparent}
.section-alt .kmp-section-actions .btn-outline:hover{color:#fff!important;background:#005267}
.kmp-market-section{background:#fff}
.kmp-market-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:30px}
.kmp-market-heading .eyebrow{color:#005267}
.kmp-market-heading h2{font-size:clamp(28px,3vw,42px);line-height:1.2;margin:8px 0}
.kmp-market-heading p{color:#586e74;margin:0}
.kmp-market-preview{border:1px solid #e1ecec;border-radius:20px;padding:clamp(14px,2.5vw,28px);background:#f8fbfb;min-width:0;overflow-x:auto}
.kmp-market-preview img{max-width:100%;height:auto}
.kmp-market-preview table{max-width:100%;display:block;overflow-x:auto}
.kmp-market-preview input,.kmp-market-preview select{max-width:100%}
.kmp-market-preview button,.kmp-market-preview input[type=submit]{background:#005267;color:#fff;border:0;border-radius:9px;padding:10px 16px}
.kmp-market-empty{display:flex;align-items:center;gap:20px;padding:25px;border-radius:18px;background:#f2f8f7;border:1px solid #dceaea}
.kmp-market-empty>span{font-size:38px}.kmp-market-empty div{flex:1}.kmp-market-empty p{margin:4px 0 0;color:#586e74}
.kmp-market-empty .btn-outline{color:#005267!important;background:#fff}
@media(max-width:700px){.kmp-market-heading{display:block}.kmp-market-heading .btn{margin-top:20px}.kmp-market-empty{flex-wrap:wrap}.kmp-market-empty .btn{width:100%;text-align:center}}

/* Tahap 5: desain beranda premium dan navigasi resmi tema */
html{scroll-behavior:smooth}section[id]{scroll-margin-top:94px}.kmp-header5{box-shadow:0 5px 28px #003c4c0d}.kmp-header5 .nav{max-width:1380px}.kmp-header5 .brand{font-size:17px;white-space:nowrap}.kmp-header5 .brand em{font-style:normal;color:#708500}.kmp-header5 .menu{gap:18px;flex-wrap:nowrap}.kmp-header5 .menu a{font-size:13px;font-weight:750;white-space:nowrap}.kmp-header5 .actions{white-space:nowrap}.kmp-header5 .actions .btn{font-size:13px;padding:11px 15px}
.kmp-hero5{position:relative;isolation:isolate;background:radial-gradient(circle at 82% 20%,#147a89 0%,transparent 37%),linear-gradient(115deg,#003744 0%,#005267 55%,#006f7a 100%);padding:100px 0 0;overflow:hidden}.kmp-hero-glow{position:absolute;z-index:-1;inset:0;background-image:radial-gradient(#ffffff22 1px,transparent 1px);background-size:27px 27px;mask-image:linear-gradient(90deg,transparent,#000)}.kmp-hero5 .hero-inner{max-width:1380px;grid-template-columns:1.13fr .87fr;gap:30px;padding-bottom:100px}.kmp-kicker{display:inline-flex;align-items:center;gap:10px;border:1px solid #ffffff44;background:#ffffff13;border-radius:100px;padding:8px 15px;font-size:12px;font-weight:750;letter-spacing:1.2px;text-transform:uppercase}.kmp-dot{width:8px;height:8px;border-radius:50%;background:#A4BB11;box-shadow:0 0 0 5px #a4bb1128}.kmp-hero5 h1{font-size:clamp(40px,4.6vw,72px);line-height:1.1;letter-spacing:-2.5px;margin:25px 0}.kmp-hero5 h1 span{color:#d6ee72}.kmp-hero5 .kmp-hero-copy>p{font-size:17px;line-height:1.85;color:#e3eff0;max-width:620px}.kmp-hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 28px}.kmp-hero5 .btn{border-radius:11px}.kmp-hero5 .kmp-btn-lime{background:#A4BB11;border-color:#A4BB11;color:#17383e!important}.kmp-hero5 .kmp-btn-lime:hover{background:#E6A912;border-color:#E6A912}.kmp-hero5 .kmp-btn-ghost{background:#ffffff12;color:#fff!important;border-color:#ffffff77}.kmp-hero-proof{display:flex;flex-wrap:wrap;gap:10px 20px;color:#d5e5e7;font-size:12px;font-weight:650}.kmp-hero-visual{height:480px;position:relative;display:grid;place-items:center}.kmp-orbit{position:absolute;border:1px solid #ffffff26;border-radius:50%;width:440px;height:440px}.kmp-orbit-two{width:345px;height:345px;border-style:dashed}.kmp-visual-main{width:310px;min-height:315px;position:relative;z-index:1;background:linear-gradient(150deg,#ffffff25,#ffffff09);border:1px solid #ffffff65;box-shadow:0 35px 80px #002b36a8;backdrop-filter:blur(12px);border-radius:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;transform:rotate(-5deg)}.kmp-visual-icon{width:74px;height:74px;display:grid;place-items:center;border-radius:24px;background:#A4BB11;color:#003e4b;font-size:43px;margin-bottom:20px}.kmp-visual-main small{font-size:10px;letter-spacing:1.3px;color:#d9e7e9;font-weight:750}.kmp-visual-main strong{font-size:36px;line-height:1.08;margin:12px 0;color:#fff;letter-spacing:-1px}.kmp-visual-main>span{font-size:11px;color:#d3e6e7}.kmp-float{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:#fff;color:#173c45;box-shadow:0 18px 50px #002a3d52}.kmp-float>span{font-size:25px}.kmp-float strong{display:block;font-size:13px}.kmp-float small{display:block;color:#68818a;font-size:11px}.kmp-float-a{right:-10px;top:55px}.kmp-float-b{left:0;bottom:85px}.kmp-float-c{right:0;bottom:40px}.kmp-hero-bottom{border-top:1px solid #ffffff2b;background:#002f3b80;padding:20px 0}.kmp-hero-bottom .container{display:flex;justify-content:center;align-items:center;gap:25px;flex-wrap:wrap}.kmp-hero-bottom span{font-size:11px;color:#d2e779;font-weight:850;letter-spacing:2px}.kmp-hero-bottom strong{font-size:13px}.kmp-hero-bottom i{font-style:normal;color:#A4BB11}
.kmp-label{color:#728800;letter-spacing:2px;font-size:12px;font-weight:850;text-transform:uppercase;margin-bottom:10px}.kmp-about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.kmp-about h2,.kmp-regulations h2{font-size:clamp(30px,3.5vw,48px);line-height:1.17;letter-spacing:-1px;margin:8px 0 25px}.kmp-about h2 span{color:#005267}.kmp-about p,.kmp-regulations p{color:#5a7078}.kmp-about-art{min-height:425px;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#e5f2f0,#d9e9d0);border-radius:28px;padding:30px}.kmp-art-card{background:#005267;color:#fff;border-radius:24px;padding:34px;width:85%;min-height:335px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 50px #00526738}.kmp-art-mini{font-size:12px;letter-spacing:2px;color:#e6f1a6;font-weight:750}.kmp-art-symbol{font-size:80px;line-height:1;color:#A4BB11}.kmp-art-card strong{font-size:29px;line-height:1.2}.kmp-art-card>span:last-child{font-size:11px;color:#c7e2e5}.kmp-art-badge{position:absolute;right:-14px;bottom:30px;background:#E6A912;border-radius:14px;padding:16px 24px;color:#244047;box-shadow:0 12px 30px #0052672b;font-size:13px}.kmp-checks{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:25px 0}.kmp-checks span{font-size:14px;font-weight:700;color:#005267}.kmp-text-link{display:inline-block;color:#005267;font-weight:800;border-bottom:2px solid #A4BB11;padding-bottom:4px}.kmp-vision{background:#f4f9f8}.kmp-vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.kmp-vm-card{background:#fff;border:1px solid #dce9e8;border-radius:24px;padding:40px;box-shadow:0 10px 35px #0052670a}.kmp-vm-feature{background:linear-gradient(140deg,#005267,#003f50);color:#fff}.kmp-vm-feature .kmp-label{color:#d6e87d}.kmp-vm-card h3{font-size:clamp(23px,2.5vw,33px);line-height:1.3;margin:12px 0 20px}.kmp-vm-card p{opacity:.82}.kmp-vm-icon{font-size:32px;color:#A4BB11}.kmp-vm-card ol{padding-left:22px;color:#536a70}.kmp-vm-card li{padding:6px 0}.kmp-outlet-card{overflow:hidden}.kmp-outlet-index{position:absolute;right:22px;top:18px;font-weight:900;font-size:27px;color:#00526715}.kmp-outlet-card a{display:inline-block;margin-top:12px;color:#005267;font-size:13px;font-weight:800}.kmp-steps5{background:#f4f9f8}.kmp-steps5 .step{box-shadow:0 10px 28px #0052670a;border-radius:22px}.kmp-steps5 .step-num{width:54px;height:54px;border-radius:15px}.kmp-reg-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.kmp-regulations .btn-outline{margin-top:18px;border-color:#005267}.kmp-reg-list{border:1px solid #d9e6e6;border-radius:22px;overflow:hidden}.kmp-reg-list article{display:flex;gap:20px;padding:25px;border-bottom:1px solid #e1eded}.kmp-reg-list article:last-child{border:0}.kmp-reg-list article>span{font-size:23px;font-weight:850;color:#A4BB11}.kmp-reg-list strong{font-size:16px;color:#005267}.kmp-reg-list p{font-size:13px;margin:8px 0 0}.kmp-cta5{background:radial-gradient(circle at 90% 20%,#0d7181,transparent 38%),#005267}.kmp-cta5 .kmp-label{color:#d4e96b}.kmp-cta5 h2{font-size:clamp(34px,4vw,55px);line-height:1.2}.kmp-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.kmp-footer-grid strong{display:block;color:#fff;margin-bottom:16px}.kmp-footer-grid .kmp-footer-brand{font-size:24px}.kmp-footer-grid p{max-width:350px;color:#c3d6d9;font-size:14px}.kmp-footer-grid a{display:block;color:#c3d6d9;margin:8px 0;font-size:14px}.kmp-footer-grid a:hover{color:#d6e96b}.kmp-footer-bottom{margin-top:35px;padding-top:20px;border-top:1px solid #ffffff22}
@media(max-width:1190px){.kmp-header5 .menu{gap:10px}.kmp-header5 .menu a{font-size:12px}.kmp-header5 .brand{font-size:14px}.kmp-header5 .actions .btn{padding:9px 11px}}@media(max-width:1020px){.kmp-header5 .nav{flex-wrap:wrap}.kmp-header5 .mobile-toggle{display:block;margin-left:auto}.kmp-header5 .menu{display:none;order:5;width:100%;flex-direction:column;align-items:stretch;padding:12px 0 20px}.kmp-header5 .menu.is-open{display:flex}.kmp-header5 .menu a{padding:8px 0;font-size:15px}.kmp-header5 .actions{order:4}.kmp-hero5 .hero-inner{grid-template-columns:1fr}.kmp-hero-visual{height:410px;max-width:580px;width:100%;margin:auto}.kmp-about-grid{gap:40px}.kmp-reg-grid{gap:30px}}@media(max-width:760px){.kmp-hero5{padding-top:65px}.kmp-hero5 .hero-inner{padding-bottom:60px}.kmp-hero5 h1{font-size:clamp(35px,8vw,50px);letter-spacing:-1.5px}.kmp-hero-visual{height:370px}.kmp-visual-main{width:240px;min-height:260px}.kmp-visual-main strong{font-size:28px}.kmp-orbit{width:330px;height:330px}.kmp-orbit-two{width:260px;height:260px}.kmp-float-a{right:0;top:15px}.kmp-float-b{left:0;bottom:55px}.kmp-float-c{right:0;bottom:10px}.kmp-about-grid,.kmp-vm-grid,.kmp-reg-grid,.kmp-footer-grid{grid-template-columns:1fr}.kmp-about-art{min-height:360px}.kmp-checks{grid-template-columns:1fr 1fr}.kmp-hero-bottom .container{gap:10px 15px}.kmp-vm-card{padding:28px}.kmp-reg-list article{padding:18px}.kmp-footer-grid{gap:25px}}@media(max-width:480px){.kmp-header5 .actions{width:100%;justify-content:flex-end;order:6;padding-bottom:12px}.kmp-header5 .menu{order:5}.kmp-hero-visual{height:340px}.kmp-float{padding:8px 10px}.kmp-float small{font-size:9px}.kmp-float strong{font-size:11px}.kmp-hero-proof{font-size:11px}.kmp-checks{grid-template-columns:1fr}.kmp-hero-bottom i{display:none}.kmp-hero-bottom span{width:100%;text-align:center}.kmp-art-badge{right:0}}

/* Tahap 6 — scoped portal/registration design; plugin logic untouched */
.kmp6-portal-page{background:#f3f7f7;padding-bottom:76px;min-height:65vh}.kmp6-page-hero{background:linear-gradient(125deg,#003e50,#005267 62%,#0d7180);color:white;position:relative;overflow:hidden}.kmp6-page-hero:after{content:"";position:absolute;width:320px;height:320px;border:1px solid #ffffff28;border-radius:50%;right:-70px;top:-150px}.kmp6-page-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:62px;padding-bottom:70px}.kmp6-page-hero h1{color:#fff;font-size:clamp(2rem,4vw,3.5rem);line-height:1.15;letter-spacing:-.035em;margin:12px 0}.kmp6-page-hero p{color:#d5e8e9;max-width:650px;font-size:1.05rem;margin:0}.kmp6-eyebrow{color:#d8ed70;font-size:.78rem;font-weight:800;letter-spacing:.14em}.kmp6-hero-symbol{font-size:110px;line-height:1;color:#a4bb11;opacity:.6}.kmp6-body{margin-top:-28px;position:relative;z-index:2}.kmp6-auth-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);gap:24px;align-items:start}.kmp6-content-card{background:#fff;border:1px solid #dfebeb;border-radius:22px;padding:clamp(20px,3vw,40px);box-shadow:0 18px 50px #003c4c0b;min-width:0}.kmp6-content-card .entry-content{overflow-wrap:anywhere}.kmp6-content-card .entry-content form{max-width:100%}.kmp6-content-card .entry-content input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.kmp6-content-card .entry-content select,.kmp6-content-card .entry-content textarea{background:#fbfdfd;border:1px solid #cddcdd;border-radius:10px;padding:12px 14px;min-height:44px;width:100%;max-width:100%;box-sizing:border-box}.kmp6-content-card .entry-content input:focus,.kmp6-content-card .entry-content select:focus,.kmp6-content-card .entry-content textarea:focus{outline:2px solid #a4bb11;outline-offset:1px;border-color:#005267}.kmp6-content-card .entry-content button,.kmp6-content-card .entry-content input[type=submit]{background:#005267;color:#fff;border:0;border-radius:10px;padding:12px 20px;cursor:pointer;font-weight:700;max-width:100%}.kmp6-content-card .entry-content button:hover,.kmp6-content-card .entry-content input[type=submit]:hover{background:#00718b}.kmp6-auth-aside{background:#005267;color:white;border-radius:22px;padding:34px;box-shadow:0 20px 50px #003c4c20}.kmp6-auth-aside h2{color:white;font-size:1.55rem;line-height:1.25;margin:14px 0}.kmp6-auth-aside p{color:#d9e9ea}.kmp6-auth-aside ul{padding-left:20px;margin:20px 0}.kmp6-auth-aside li{margin:10px 0}.kmp6-auth-aside li::marker{color:#a4bb11}.kmp6-auth-aside a{color:#e6c255;font-weight:800}.kmp6-aside-icon{font-size:55px;color:#a4bb11}.kmp6-member-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:22px;align-items:start}.kmp6-sidebar{background:#fff;border:1px solid #dfebeb;border-radius:20px;padding:20px;box-shadow:0 12px 34px #003c4c08}.kmp6-sidebar-title{color:#667f85;font-size:.75rem;font-weight:800;letter-spacing:.13em;margin:4px 12px 15px}.kmp6-sidebar nav{display:grid;gap:6px}.kmp6-sidebar a{padding:12px 14px;border-radius:10px;color:#24474e;text-decoration:none;font-weight:650}.kmp6-sidebar a:hover,.kmp6-sidebar a[aria-current=page]{background:#e8f2e6;color:#005267}.kmp6-member-main{min-width:0}.kmp6-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:18px;padding-bottom:4px}.kmp6-tabs a{white-space:nowrap;background:#fff;border:1px solid #dce7e7;color:#355d63;text-decoration:none;border-radius:999px;padding:10px 16px;font-size:.9rem;font-weight:700}.kmp6-tabs a[aria-current=page]{background:#005267;border-color:#005267;color:#fff}.kmp6-admin-alert{padding:14px 18px;border:1px solid #e6a912;border-radius:10px;background:#fff8df;color:#664e07;margin-bottom:16px}.kmp6-portal-page .kmp-module-intro{margin-top:0}.kmp6-portal-page .kmp-module-links{border-top:1px solid #e8eeee;padding-top:18px}.kmp6-portal-page table{display:block;max-width:100%;overflow-x:auto}@media(max-width:900px){.kmp6-auth-layout,.kmp6-member-layout{grid-template-columns:1fr}.kmp6-sidebar nav{display:flex;overflow-x:auto}.kmp6-sidebar a{white-space:nowrap}.kmp6-hero-symbol{display:none}}@media(max-width:600px){.kmp6-page-hero-inner{padding-top:40px;padding-bottom:62px}.kmp6-content-card{border-radius:16px;padding:18px}.kmp6-auth-aside{padding:24px}.kmp6-page-hero h1{font-size:2rem}}

/* Tahap 7: seller center, terbatas pada elemen tema; tidak menimpa aturan plugin. */
.kmp7-seller{background:#fff;border:1px solid #dbe8e8;border-radius:22px;padding:clamp(18px,2.5vw,30px);margin-bottom:22px;box-shadow:0 12px 38px #003c4c0c}.kmp7-seller-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.kmp7-kicker{font-size:.7rem;letter-spacing:.14em;font-weight:850;color:#688400}.kmp7-seller-head h2{font-size:clamp(1.35rem,2.3vw,1.9rem);line-height:1.25;color:#005267;margin:8px 0}.kmp7-seller-head p{color:#60777d;margin:0 0 18px}.kmp7-seller-badge{white-space:nowrap;background:#eff5da;color:#405400;border-radius:999px;padding:7px 12px;font-size:.76rem;font-weight:800}.kmp7-seller-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kmp7-seller-actions a{display:flex;align-items:center;gap:12px;padding:17px;background:#f5f9f8;border:1px solid #dce9e8;border-radius:14px;color:#005267;transition:transform .2s,background .2s}.kmp7-seller-actions a:hover,.kmp7-seller-actions a[aria-current=page]{background:#eaf3e3;transform:translateY(-2px);border-color:#a4bb11}.kmp7-seller-actions a span:first-child{display:grid;place-items:center;background:#005267;color:#fff;width:36px;height:36px;border-radius:10px;font-size:1.2rem;flex:none}.kmp7-seller-actions a strong{flex:1;font-size:.92rem}.kmp7-seller-actions a span:last-child{color:#718800;font-weight:900}.kmp7-seller-stats{margin-top:22px;padding-top:18px;border-top:1px solid #e2ebeb}.kmp7-seller-stats .metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px}.kmp7-seller-stats .metric{min-width:0}.kmp6-portal-page .entry-content table{width:100%;border-collapse:collapse}.kmp6-portal-page .entry-content th,.kmp6-portal-page .entry-content td{padding:12px;border-bottom:1px solid #e4eeee;text-align:left}.kmp6-portal-page .entry-content th{background:#edf5f3;color:#005267}.kmp6-portal-page .entry-content form input[type=file]{width:100%;max-width:100%}@media(max-width:600px){.kmp7-seller-head{display:block}.kmp7-seller-badge{display:inline-block;margin-bottom:14px}.kmp7-seller-actions{grid-template-columns:1fr}.kmp7-seller-actions a{padding:13px}}

/* Tahap 8 — tampilan katalog, detail produk, dan profil toko. Seluruh data berasal dari shortcode plugin. */
.kmp8-market-header{background:linear-gradient(120deg,#005267,#08778a);color:#fff;border-radius:20px;padding:clamp(22px,3vw,34px);display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;box-shadow:0 14px 36px #003e5020}.kmp8-market-header h2{color:#fff;font-size:clamp(1.4rem,2.8vw,2.1rem);margin:5px 0 8px}.kmp8-market-header p{margin:0;color:#e0eeee}.kmp8-eyebrow{color:#dced83;letter-spacing:.14em;font-size:.7rem;font-weight:850}.kmp8-market-back{display:inline-flex;align-items:center;justify-content:center;background:#a4bb11;color:#17343b;padding:11px 17px;border-radius:10px;white-space:nowrap;font-weight:800}.kmp8-market-back:hover{background:#e6a912;color:#17343b}.kmp8-detail-note{border-left:4px solid #e6a912;background:#fff9e6;border-radius:9px;padding:12px 16px;color:#4d5860;font-size:.9rem}.kmp6-portal-page .kdk-market{max-width:100%;min-width:0}.kmp6-portal-page .kdk-market-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:18px}.kmp6-portal-page .kdk-market-card{min-width:0;background:#fff;border:1px solid #dfebeb;border-radius:16px;padding:18px;box-shadow:0 10px 24px #003e500b;overflow:hidden;transition:transform .2s,box-shadow .2s}.kmp6-portal-page .kdk-market-card:hover{transform:translateY(-3px);box-shadow:0 18px 32px #003e5017}.kmp6-portal-page .kdk-market-card img{width:100%;height:180px;object-fit:cover;border-radius:12px;background:#f2f7f7}.kmp6-portal-page .kdk-market-card h3{color:#005267;font-size:1.05rem;line-height:1.35;margin:12px 0 8px}.kmp6-portal-page .kdk-market-card small{color:#667b80}.kmp6-portal-page .kdk-market-card strong{color:#005267}.kmp6-portal-page .kdk-market-card a:hover{color:#698300}.kmp6-portal-page .kdk-filter{background:#f5f9f8;border:1px solid #dbe8e8;padding:18px;border-radius:14px;gap:12px}.kmp6-portal-page .kdk-filter label{color:#005267;font-weight:700}.kmp6-portal-page .kdk-detail-img{display:block;max-width:100%;width:auto;height:auto;max-height:440px;object-fit:contain;border-radius:16px;background:#f6f9f9;margin:12px auto 24px}.kmp6-portal-page .kdk-market button,.kmp6-portal-page .kdk-market input[type=submit]{background:#005267;color:#fff;border:0;border-radius:10px;padding:11px 18px;font-weight:750;cursor:pointer}.kmp6-portal-page .kdk-market button:hover,.kmp6-portal-page .kdk-market input[type=submit]:hover{background:#006d80}.kmp6-portal-page .kdk-market a:focus-visible{outline:3px solid #e6a912;outline-offset:3px}@media(max-width:650px){.kmp8-market-header{display:block}.kmp8-market-back{margin-top:18px}.kmp6-portal-page .kdk-market-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}}

/* Tahap 9: cart, checkout and order history. Scoped to portal pages; plugin transaction logic unchanged. */
.kmp9-guide{background:linear-gradient(125deg,#005267,#087183);color:#fff;border-radius:22px;padding:clamp(22px,3vw,34px);margin:0 0 22px;box-shadow:0 15px 36px #003e501b}
.kmp9-guide-top{display:flex;justify-content:space-between;align-items:center;gap:18px}.kmp9-eyebrow{color:#d9e981;font-size:.72rem;font-weight:800;letter-spacing:.14em}.kmp9-guide h2{color:#fff;margin:7px 0;font-size:clamp(1.4rem,2.6vw,2rem)}.kmp9-guide p{color:#e1f0f1;margin:0}.kmp9-guide-top>a{background:#a4bb11;color:#17383e;border-radius:11px;padding:12px 17px;font-weight:800;white-space:nowrap}.kmp9-guide-top>a:hover{background:#e6a912}.kmp9-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0 18px;padding:0}.kmp9-steps li{display:flex;align-items:flex-start;gap:12px;background:#ffffff17;border:1px solid #ffffff3b;border-radius:14px;padding:15px;min-width:0}.kmp9-steps li>span{display:grid;place-items:center;background:#a4bb11;color:#163a40;width:32px;height:32px;border-radius:9px;font-weight:900;flex:none}.kmp9-steps strong{display:block;color:#fff;font-size:.9rem}.kmp9-steps small{display:block;color:#e0ecee;font-size:.79rem;line-height:1.45;margin-top:3px}.kmp9-guide .kmp9-caution{padding:12px 15px;background:#ffffff15;border-left:3px solid #e6a912;border-radius:8px;color:#f5f6e8;font-size:.88rem}
.kmp6-portal-page .kdk-orders{width:100%;max-width:none;margin:0;border:0;border-radius:0;padding:0;box-shadow:none;color:#23454b}.kmp6-portal-page .kdk-orders h2{font-size:clamp(1.35rem,2.4vw,1.85rem);margin:0 0 20px}.kmp6-portal-page .kdk-orders table{display:table;width:100%;min-width:520px;border-collapse:separate;border-spacing:0}.kmp6-portal-page .kdk-orders th{background:#eaf3f2;color:#005267;font-weight:800}.kmp6-portal-page .kdk-orders th:first-child{border-radius:10px 0 0 0}.kmp6-portal-page .kdk-orders th:last-child{border-radius:0 10px 0 0}.kmp6-portal-page .kdk-orders th,.kmp6-portal-page .kdk-orders td{padding:14px 12px;border-bottom:1px solid #e1ecec}.kmp6-portal-page .kdk-orders form{max-width:100%}.kmp6-portal-page .kdk-orders form input:not([type=hidden]),.kmp6-portal-page .kdk-orders form textarea{width:100%;max-width:100%;background:#faffff;border:1px solid #cbdfe0;border-radius:10px;padding:12px 14px}.kmp6-portal-page .kdk-orders button{background:#005267;color:#fff;border:0;border-radius:10px;padding:11px 18px;font-weight:750;cursor:pointer}.kmp6-portal-page .kdk-orders button:hover{background:#006c82}.kmp6-portal-page .kdk-orders button:focus-visible,.kmp9-guide a:focus-visible{outline:3px solid #e6a912;outline-offset:3px}.kmp6-portal-page .kdk-order-alert{background:#eff6d9;border-left:4px solid #a4bb11;padding:15px;border-radius:9px}.kmp6-portal-page .kdk-orders>section{background:#f9fcfc;border:1px solid #dceaea!important;border-radius:14px;padding:20px!important;margin:15px 0}.kmp6-portal-page .kdk-orders>section h3{color:#005267;margin:0 0 14px}.kmp6-portal-page .kdk-orders .kdk-small{color:#627c80;line-height:1.55}.kmp6-portal-page .kdk-orders form button{margin-top:9px}
@media(max-width:850px){.kmp9-steps{grid-template-columns:1fr}.kmp9-guide-top{align-items:flex-start;flex-direction:column}.kmp6-portal-page .kdk-orders{overflow-x:auto}}
@media(prefers-reduced-motion:reduce){.kmp9-guide *{scroll-behavior:auto}}

/* Tahap 10: profil baca-saja dan persetujuan notifikasi, scoped ke halaman tema. */
.kmp10-panel{background:#fff;border:1px solid #dce9e8;border-radius:20px;padding:clamp(18px,3vw,32px);box-shadow:0 12px 30px #003e500d}
.kmp10-panel-head{display:flex;align-items:center;gap:18px;border-bottom:1px solid #e3eeee;padding-bottom:22px;margin-bottom:24px}
.kmp10-symbol{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:17px;background:#eaf2ed;font-size:1.7rem}
.kmp10-eyebrow{color:#658000;font-weight:800;font-size:.72rem;letter-spacing:.13em}
.kmp10-panel h2{color:#005267;margin:3px 0 4px;font-size:clamp(1.35rem,2.4vw,1.9rem)}.kmp10-panel-head p{margin:0;color:#5f777b}
.kmp10-fields{display:grid;gap:10px;margin:0 0 24px}.kmp10-fields>div{display:grid;grid-template-columns:minmax(120px,190px) 1fr;gap:12px;padding:14px 16px;background:#f4f9f8;border-radius:11px;overflow-wrap:anywhere}.kmp10-fields dt{font-weight:700;color:#5b7278}.kmp10-fields dd{margin:0;color:#005267;font-weight:700}
.kmp10-actions{display:flex;gap:10px;flex-wrap:wrap}.kmp10-button{background:#005267;color:#fff!important;border-radius:10px;padding:12px 18px;font-weight:750}.kmp10-button:hover{background:#006c7d}.kmp10-secondary{background:#eff5db;color:#355000!important}.kmp10-secondary:hover{background:#e5efbd}.kmp10-footnote{color:#62777b;font-size:.86rem;margin:20px 0 0}.kmp10-message{border-left:4px solid #e6a912;padding:17px;background:#fff9e8;border-radius:10px}.kmp10-message a{color:#005267;text-decoration:underline}.kmp10-notification-module{min-width:0;overflow-wrap:anywhere}.kmp10-notification-module input,.kmp10-notification-module select,.kmp10-notification-module textarea{max-width:100%}
@media(max-width:600px){.kmp10-fields>div{grid-template-columns:1fr;gap:2px}.kmp10-panel-head{align-items:flex-start}.kmp10-actions{flex-direction:column}.kmp10-button{text-align:center}}

/* Patch header premium v1.9.1: hanya area header publik */
.site-header.kmp-header5{background:#005267;color:#fff;border-bottom:1px solid rgba(255,255,255,.16);box-shadow:0 8px 25px rgba(0,48,61,.16)}
.kmp-header5 .brand,.kmp-header5 .brand em{color:#fff}
.kmp-header5 .brand-mark{background:#A4BB11;color:#103b45}
.kmp-header5 .menu a{color:#fff;opacity:.94;transition:color .2s,opacity .2s}
.kmp-header5 .menu a:hover,.kmp-header5 .menu a:focus-visible{color:#dcef80;opacity:1}
.kmp-header5 .actions .btn.btn-outline{background:transparent;border-color:rgba(255,255,255,.65);color:#fff!important}
.kmp-header5 .actions .btn.btn-outline:hover{background:rgba(255,255,255,.13);border-color:#fff}
.kmp-header5 .actions .btn:not(.btn-outline){background:#A4BB11;border-color:#A4BB11;color:#143c40!important}
.kmp-header5 .actions .btn:not(.btn-outline):hover{background:#E6A912;border-color:#E6A912}
.kmp-header5 .mobile-toggle{color:#fff;cursor:pointer}
.kmp-header5 .menu a:focus-visible,.kmp-header5 .actions a:focus-visible,.kmp-header5 .mobile-toggle:focus-visible{outline:3px solid #E6A912;outline-offset:3px}
@media(max-width:1020px){.kmp-header5 .menu.is-open{background:#005267;border-top:1px solid rgba(255,255,255,.16)}}

/* Tahap 11: member services, scoped to prevent collisions with plugin admin UI */
.kmp11-panel{background:#fff;border:1px solid #dce9e9;border-radius:22px;padding:clamp(18px,3vw,32px);box-shadow:0 14px 40px rgba(0,82,103,.07);margin:0 0 24px}
.kmp11-eyebrow{color:#71820c;font-size:12px;font-weight:800;letter-spacing:.11em}
.kmp11-section-head h2{color:#005267;font-size:clamp(24px,3vw,34px);margin:10px 0}
.kmp11-section-head p{color:#53696c;margin:0 0 22px}
.kmp11-notice{background:#f1f7f7;border-left:4px solid #a4bb11;border-radius:10px;padding:16px;color:#005267}
.kmp11-notice a{color:#005267;font-weight:700;text-decoration:underline}
.kmp11-plugin{max-width:100%;overflow-x:auto}
.kmp11-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.kmp11-action-grid a{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px 42px 20px 20px;border:1px solid #dbe7e7;border-radius:16px;background:#f7faf9;text-decoration:none;color:#005267;transition:.2s}
.kmp11-action-grid a:hover{border-color:#a4bb11;background:#f4f8e9;transform:translateY(-2px)}
.kmp11-action-grid span{font-size:13px;color:#5a6e70}
.kmp11-action-grid b{position:absolute;right:18px;top:18px;color:#8aa00c}
@media(max-width:650px){.kmp11-action-grid{grid-template-columns:1fr}}
@media print{.kmp6-sidebar,.kmp6-tabs,.kmp11-section-head{display:none!important}.kmp11-panel{box-shadow:none;border:0}}

/* Tahap 12: navigasi dan halaman delapan gerai */
.kmp-outlet-card{display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.kmp-outlet-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,82,103,.12)}
.kmp12-card-link{display:inline-flex;align-items:center;margin-top:auto;padding-top:16px;color:#005267;font-weight:700;text-decoration:none}
.kmp12-card-link:hover,.kmp12-card-link:focus-visible{color:#637900;text-decoration:underline}
.kmp12-page-hero{background:linear-gradient(125deg,#005267,#003b4a);color:#fff;padding:64px 0}
.kmp12-page-hero span,.kmp12-eyebrow{font-size:.8rem;font-weight:800;letter-spacing:.12em;color:#A4BB11}
.kmp12-page-hero h1{color:#fff;margin:12px 0}.kmp12-page-hero p{color:#e2eff1}
.kmp12-page-body{padding-top:48px;padding-bottom:72px}
.kmp12-detail{background:#fff;border:1px solid #dce8e8;border-radius:22px;padding:clamp(24px,4vw,50px);max-width:920px;margin:auto;box-shadow:0 12px 35px rgba(0,82,103,.07)}
.kmp12-detail-icon{font-size:3rem;margin-bottom:18px}.kmp12-detail h2{color:#005267;font-size:clamp(1.6rem,3vw,2.5rem)}
.kmp12-disclaimer{border-left:4px solid #E6A912;background:#f7f9f1;padding:14px 18px;border-radius:6px;color:#435459}
.kmp12-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
@media(max-width:600px){.kmp12-page-hero{padding:42px 0}.kmp12-actions .btn{width:100%;text-align:center}}

/* Tahap 13: foto dan status gerai */
.kmp13-card-image{margin:-12px -12px 15px;overflow:hidden;border-radius:12px;background:#edf4f4}.kmp13-card-image img{width:100%;height:155px;object-fit:cover;display:block}.kmp13-status{display:inline-block;margin:0 0 10px;padding:4px 10px;background:#eaf3dc;color:#315019;border-radius:999px;font-size:12px;font-weight:700}.kmp13-detail-image{display:block;width:100%;max-height:370px;object-fit:cover;border-radius:16px;margin:16px 0 22px}

/* Tahap 14: media hero opsional */
.kmp14-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:24px;opacity:.16;pointer-events:none}.kmp-hero-visual{position:relative}

/* Tahap 15: kontak dan sosial footer */
.kmp15-social{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.kmp15-social a{color:#e6efb2;text-decoration:underline;text-underline-offset:3px}.site-footer a:hover{color:#fff}

/* Tahap 16: kontak premium dan tombol WhatsApp */
.kmp16-contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start;margin:30px auto 60px}.kmp16-contact-intro{background:linear-gradient(145deg,#005267,#003b49);color:#fff;border-radius:22px;padding:38px;min-height:390px}.kmp16-kicker{font-size:12px;letter-spacing:2px;color:#d5eb87;font-weight:800}.kmp16-contact-intro h2{font-size:clamp(27px,3vw,40px);line-height:1.2}.kmp16-contact-intro p{color:#e0ebee}.kmp16-contact-details{margin-top:26px}.kmp16-contact-details p{display:flex;flex-direction:column;gap:2px;margin:16px 0}.kmp16-contact-details strong{color:#d6e96b}.kmp16-contact-details span{overflow-wrap:anywhere}.kmp16-contact-wa{display:inline-block;margin-top:15px;background:#A4BB11;color:#123a41!important;border-radius:9px;padding:11px 18px;font-weight:800}.kmp16-form-card{padding:34px;background:#fff;border:1px solid #dce9e8;border-radius:22px;box-shadow:0 16px 50px #00526710}.kmp16-form-card h3{margin:0;color:#005267;font-size:27px}.kmp16-form-card>p{color:#586e74}.kmp16-form-card form{display:grid;gap:16px;margin-top:20px}.kmp16-form-card label{display:grid;gap:7px;font-weight:700;font-size:14px}.kmp16-form-card input,.kmp16-form-card textarea{width:100%;border:1px solid #cddede;border-radius:10px;padding:12px 14px;font:inherit;color:#15353c}.kmp16-form-card input:focus,.kmp16-form-card textarea:focus{outline:2px solid #A4BB11;outline-offset:1px}.kmp16-form-card button{background:#005267;color:#fff;border:0;border-radius:10px;padding:13px 22px;font:inherit;font-weight:800;cursor:pointer}.kmp16-form-card button:hover{background:#003c49}.kmp16-alert{background:#f0f7e5;border-left:4px solid #A4BB11;padding:12px;border-radius:6px}.kmp16-honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.kmp16-wa-float{position:fixed;bottom:22px;right:22px;z-index:9999;display:flex;align-items:center;gap:8px;background:#005267;color:#fff!important;padding:12px 18px;border:2px solid #A4BB11;border-radius:50px;box-shadow:0 8px 30px #00374350;font-weight:800;font-size:14px}.kmp16-wa-float:hover{background:#003e4d}.kmp16-wa-float span{font-size:21px}.kmp16-footer-cta{margin-top:32px;padding-top:22px;border-top:1px solid #ffffff2b;display:flex;justify-content:space-between;gap:18px;align-items:center}.kmp16-footer-cta strong{font-size:20px;color:#fff}.kmp16-footer-cta p{font-size:13px;margin:5px 0}.kmp16-footer-cta>a{background:#A4BB11;color:#123a41!important;padding:12px 20px;border-radius:10px;font-weight:800;white-space:nowrap}@media(max-width:800px){.kmp16-contact{grid-template-columns:1fr}.kmp16-footer-cta{flex-direction:column;align-items:start}}@media(max-width:480px){.kmp16-form-card,.kmp16-contact-intro{padding:22px}.kmp16-wa-float{bottom:14px;right:12px;padding:10px 13px;font-size:12px}}

/* Tahap 17 - Pusat Bantuan */
.kmp17-help{max-width:1100px;margin:0 auto;padding:30px 0 50px}.kmp17-intro{background:#005267;color:#fff;border-radius:20px;padding:34px;margin-bottom:24px}.kmp17-intro span{color:#d7ed85;font-weight:700;letter-spacing:.08em;font-size:.75rem}.kmp17-intro h2{color:#fff;margin:12px 0}.kmp17-intro p{color:#e4f0f1;max-width:700px}.kmp17-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.kmp17-help-card{background:#fff;border:1px solid #dce8e8;border-radius:16px;padding:22px;box-shadow:0 8px 22px #0052670b}.kmp17-help-card h3{color:#005267;margin-top:0}.kmp17-help-card a{display:block;color:#005267;font-weight:700;margin-top:10px}.kmp17-faq-title{color:#005267;margin:36px 0 18px}.kmp17-faq details{border:1px solid #dce8e8;border-radius:12px;background:#fff;margin:10px 0;padding:0 18px}.kmp17-faq summary{cursor:pointer;font-weight:700;color:#005267;padding:17px 4px}.kmp17-faq details>div{padding:0 4px 18px;line-height:1.75}.kmp17-help-cta{background:#edf4e2;border-radius:18px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px}.kmp17-help-cta h3{color:#005267;margin:0 0 8px}.kmp17-help-cta a{display:inline-block;background:#005267;color:#fff;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:700;white-space:nowrap}@media(max-width:760px){.kmp17-help-grid{grid-template-columns:1fr}.kmp17-help-cta{flex-direction:column;align-items:flex-start}.kmp17-intro{padding:24px}}

/* Tahap 18 - Berita dan kegiatan */
.kmp18-home{background:#f4f8f8}.kmp18-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.kmp18-heading h2{color:#005267;margin:8px 0}.kmp18-heading p{margin:0}.kmp18-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.kmp18-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #dce8e8;border-radius:18px;box-shadow:0 12px 25px #0052670a}.kmp18-cover{display:block;aspect-ratio:16/10;overflow:hidden;background:#e5efef}.kmp18-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.kmp18-card:hover .kmp18-cover img{transform:scale(1.04)}.kmp18-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:4rem;color:#005267}.kmp18-card-body{padding:22px}.kmp18-date{color:#687d7d;font-size:.8rem}.kmp18-card h3{font-size:1.2rem;margin:10px 0;color:#005267;line-height:1.4}.kmp18-card h3 a{color:inherit;text-decoration:none}.kmp18-card p{line-height:1.65}.kmp18-read{display:inline-block;color:#005267;font-weight:700;text-decoration:none;margin-top:10px}.kmp18-archive{max-width:1150px;margin:20px auto 55px;padding:0 18px}.kmp18-banner{background:#005267;color:#fff;border-radius:20px;padding:36px;margin-bottom:28px}.kmp18-banner span{color:#d9eb8d;font-weight:700;letter-spacing:.08em;font-size:.78rem}.kmp18-banner h2{color:#fff;margin:10px 0}.kmp18-banner p{color:#e5f0f0;margin:0}.kmp18-empty{padding:35px;background:#fff;border:1px solid #dce8e8;border-radius:14px}.kmp18-pagination{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.kmp18-pagination a{padding:9px 15px;background:#fff;border:1px solid #cbdada;border-radius:8px;color:#005267;text-decoration:none}.kmp18-pagination a[aria-current=page]{background:#005267;color:#fff}.kmp18-single{padding:45px 0 70px;background:#f5f8f8}.kmp18-single-wrap{max-width:880px;margin:auto}.kmp18-back{display:inline-block;margin-bottom:20px;color:#005267;font-weight:700}.kmp18-article{background:#fff;border-radius:20px;overflow:hidden;border:1px solid #dce8e8}.kmp18-article-head{padding:36px 38px 25px}.kmp18-article-head h1{color:#005267;line-height:1.25;margin:12px 0 16px}.kmp18-meta{display:flex;gap:10px;color:#667d7d;font-size:.88rem}.kmp18-featured img{display:block;width:100%;height:auto}.kmp18-article-content{padding:28px 38px;font-size:1.05rem;line-height:1.85;overflow-wrap:anywhere}.kmp18-article-content img{max-width:100%;height:auto}.kmp18-article-bottom{border-top:1px solid #e0ebeb;padding:20px 38px}.kmp18-article-bottom a{color:#005267}@media(max-width:760px){.kmp18-grid{grid-template-columns:1fr}.kmp18-heading{align-items:flex-start;flex-direction:column}.kmp18-banner{padding:24px}.kmp18-article-head,.kmp18-article-content{padding:24px}.kmp18-article-bottom{padding:20px 24px}}

/* Tahap 19: Galeri foto dan album */
.kmp19-home{background:#f4f8f8}.kmp19-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.kmp19-heading h2{color:#005267;margin:8px 0}.kmp19-heading p{margin:0}.kmp19-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.kmp19-card{min-width:0;margin:0;background:#fff;border:1px solid #dce8e8;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0052670c}.kmp19-card>a{display:block;aspect-ratio:4/3;overflow:hidden;background:#e5efef}.kmp19-card>a img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.kmp19-card:hover>a img{transform:scale(1.04)}.kmp19-card figcaption{display:grid;gap:6px;padding:16px}.kmp19-card figcaption span{color:#72852b;font-size:.78rem;font-weight:700}.kmp19-card figcaption strong{color:#005267;line-height:1.35}.kmp19-card figcaption small{color:#6a7d7d}.kmp19-archive{max-width:1200px;margin:25px auto 65px;padding:0 18px}.kmp19-banner{background:#005267;border-radius:20px;color:#fff;padding:36px;margin-bottom:25px}.kmp19-banner span{font-size:.8rem;letter-spacing:.08em;color:#d9eb8d;font-weight:700}.kmp19-banner h2{color:#fff;margin:10px 0}.kmp19-banner p{color:#e5f0f0;margin:0}.kmp19-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:25px}.kmp19-filters a,.kmp19-pagination a{display:inline-block;padding:9px 14px;border:1px solid #d0dfdf;border-radius:9px;background:#fff;color:#005267;text-decoration:none}.kmp19-filters a[aria-current=page],.kmp19-pagination a[aria-current=page]{background:#005267;color:#fff}.kmp19-empty{padding:32px;background:#fff;border:1px solid #dce8e8;border-radius:14px}.kmp19-pagination{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}@media(max-width:900px){.kmp19-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.kmp19-grid{grid-template-columns:1fr}.kmp19-heading{align-items:flex-start;flex-direction:column}.kmp19-banner{padding:24px}}

/* Tahap 20: Pusat dokumen publik */
.kmp20-home{background:#f5f9f8}.kmp20-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.kmp20-heading h2{color:#005267;margin:8px 0}.kmp20-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.kmp20-card{min-width:0;background:#fff;border:1px solid #dbe7e7;border-radius:16px;padding:24px;box-shadow:0 9px 24px #0052670b}.kmp20-icon{display:flex;align-items:center;justify-content:center;background:#edf5ed;width:50px;height:50px;border-radius:12px;font-size:24px;margin-bottom:14px}.kmp20-card small{color:#687e76}.kmp20-card h3{color:#005267;margin:10px 0}.kmp20-card p{color:#526b70;line-height:1.65}.kmp20-card>a{color:#005267;font-weight:700;text-decoration:underline}.kmp20-no-file{font-size:.85rem;color:#728174}.kmp20-archive{max-width:1200px;margin:25px auto 65px;padding:0 18px}.kmp20-banner{padding:36px;border-radius:20px;background:#005267;color:#fff;margin-bottom:22px}.kmp20-banner span{color:#d9eb8d;font-weight:700;font-size:.8rem}.kmp20-banner h2{color:#fff;margin:10px 0}.kmp20-banner p{color:#e4eff0;margin:0}.kmp20-filters,.kmp20-pages{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.kmp20-pages{margin-top:25px}.kmp20-filters a,.kmp20-pages a{padding:9px 14px;border:1px solid #d4e2e2;border-radius:9px;background:#fff;color:#005267;text-decoration:none}.kmp20-filters a[aria-current=page],.kmp20-pages a[aria-current=page]{background:#005267;color:#fff}.kmp20-empty{padding:32px;background:#fff;border:1px solid #dbe7e7;border-radius:14px}@media(max-width:850px){.kmp20-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.kmp20-grid{grid-template-columns:1fr}.kmp20-heading{flex-direction:column;align-items:flex-start}.kmp20-banner{padding:24px}}

/* Tahap 21: Pengumuman */
.kmp21-archive,.kmp21-dashboard{margin:20px 0 34px}.kmp21-hero{padding:35px;border-radius:20px;background:#005267;color:#fff;margin-bottom:22px}.kmp21-hero span{color:#dce98a;font-weight:700;font-size:12px;letter-spacing:.08em}.kmp21-hero h2{color:#fff;margin:9px 0}.kmp21-hero p{color:#e1eff0;margin:0}.kmp21-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:17px}.kmp21-card{background:#fff;border:1px solid #dce9e8;border-radius:16px;padding:21px;box-shadow:0 5px 22px rgba(0,82,103,.05);min-width:0}.kmp21-card-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7px;font-size:11px;color:#637e80}.kmp21-card-top span{background:#eaf2d9;color:#476900;border-radius:30px;padding:5px 9px;font-weight:700}.kmp21-card h3{color:#005267;font-size:20px;margin:14px 0 9px}.kmp21-body{overflow-wrap:anywhere;line-height:1.65}.kmp21-body p{margin:0 0 12px}.kmp21-body a{color:#005267;text-decoration:underline}.kmp21-login-note,.kmp21-empty{padding:18px;border:1px solid #dce9e8;border-radius:12px}.kmp21-dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.kmp21-dashboard-heading h2{color:#005267;margin:0}.kmp21-dashboard-heading a{color:#005267}.kmp21-pagination{display:flex;gap:8px;margin:25px 0;flex-wrap:wrap}.kmp21-pagination a{padding:8px 12px;border:1px solid #005267;border-radius:8px;color:#005267}.kmp21-pagination a[aria-current]{background:#005267;color:#fff}@media(max-width:600px){.kmp21-hero{padding:24px}.kmp21-card{padding:17px}}

/* Tahap 22 — notifikasi pengumuman */
.kmp22-wrap{max-width:980px;margin:0 auto}.kmp22-head{background:#005267;color:#fff;border-radius:18px;padding:25px;margin-bottom:18px}.kmp22-head h2{color:#fff;margin:0 0 8px}.kmp22-head p{margin:0;color:#e0eef0}.kmp22-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0}.kmp22-filter{display:inline-block;border:1px solid #c8dddd;padding:9px 15px;border-radius:25px;text-decoration:none;color:#005267}.kmp22-filter[aria-current=page]{background:#005267;color:#fff}.kmp22-item{border:1px solid #dce8e8;background:#fff;border-radius:14px;padding:18px;margin:12px 0}.kmp22-item.is-unread{border-left:5px solid #a4bb11}.kmp22-item h3{margin:7px 0;color:#005267}.kmp22-item small{color:#536e70}.kmp22-pill{background:#a4bb11;color:#153c43;border-radius:12px;padding:3px 9px;font-weight:700;font-size:12px}.kmp22-action{background:#005267;color:#fff;border:0;border-radius:8px;padding:9px 15px;cursor:pointer}.kmp22-alert{display:inline-block;background:#a4bb11;color:#153c43;border-radius:20px;padding:2px 8px;font-size:12px;font-weight:700}.kmp22-dashboard{padding:14px 18px;background:#f2f8f6;border:1px solid #dce8e8;border-radius:12px;margin-bottom:20px}.kmp22-dashboard a{color:#005267;font-weight:700}

/* Tahap 23: tiket bantuan */
.kmp23-wrap{max-width:1050px;margin:0 auto}.kmp23-hero{background:#005267;color:#fff;padding:24px;border-radius:18px;margin-bottom:20px}.kmp23-hero h2{color:#fff;margin:0 0 8px}.kmp23-hero p{color:#e3eff0;margin:0}.kmp23-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.kmp23-panel{background:#fff;border:1px solid #dce8e8;border-radius:14px;padding:20px;margin-bottom:18px}.kmp23-panel h3{color:#005267;margin-top:0}.kmp23-field{margin:12px 0}.kmp23-field label{display:block;font-weight:700;margin-bottom:5px}.kmp23-field input,.kmp23-field select,.kmp23-field textarea{display:block;width:100%;max-width:100%;border:1px solid #b6cccc;border-radius:8px;padding:10px}.kmp23-btn{background:#005267;color:#fff!important;border:0;border-radius:8px;padding:10px 16px;cursor:pointer;display:inline-block;text-decoration:none}.kmp23-ticket{border-bottom:1px solid #dce8e8;padding:13px 0}.kmp23-ticket:last-child{border-bottom:0}.kmp23-ticket a{color:#005267;font-weight:700}.kmp23-badge{display:inline-block;background:#e9f0d2;color:#334500;border-radius:20px;padding:3px 9px;font-size:12px}.kmp23-message{border-left:3px solid #a4bb11;background:#f6faf9;border-radius:7px;padding:12px;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}.kmp23-reply{border-left-color:#005267}.kmp23-alert{padding:12px;border-radius:8px;background:#eaf5ed;margin-bottom:12px}.kmp23-error{background:#fff0eb}@media(max-width:760px){.kmp23-grid{grid-template-columns:1fr}}

/* Tahap 24: admin ticket management */
.kmp24-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.kmp24-stat{background:#fff;border:1px solid #dce8e8;border-radius:12px;padding:16px}.kmp24-stat strong{display:block;font-size:27px;color:#005267;margin-top:5px}.kmp24-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:end;background:#fff;padding:15px;border:1px solid #dce8e8;border-radius:12px;margin-bottom:15px}.kmp24-filters label{display:block;font-weight:600;margin-bottom:4px}.kmp24-filters input,.kmp24-filters select{min-height:36px}.kmp24-table{width:100%;border-collapse:collapse;background:#fff}.kmp24-table th,.kmp24-table td{border-bottom:1px solid #e2eded;padding:10px;text-align:left;vertical-align:middle}.kmp24-table th{background:#005267;color:#fff}.kmp24-priority-high{color:#a12e15;font-weight:700}.kmp24-priority-medium{color:#805b00;font-weight:700}.kmp24-priority-low{color:#316c42;font-weight:700}.kmp24-table-wrap{overflow-x:auto}.kmp24-pagination{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.kmp24-pagination a,.kmp24-pagination span{padding:7px 11px;border:1px solid #cdd;border-radius:7px}.kmp24-pagination .current{background:#005267;color:#fff}@media(max-width:780px){.kmp24-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Tahap 31–40: aksesibilitas, gerak dan performa */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
:focus-visible{outline:3px solid #E6A912;outline-offset:3px}img{max-width:100%;height:auto} .kmp-release-note{background:#eff8f8;border-left:4px solid #A4BB11;padding:12px 16px}

/* Patch 4.0.1 — Formulir Pendaftaran */
.kmp401-register{max-width:780px;margin:0 auto}.kmp401-register-head{background:#005267;color:#fff;padding:24px 28px;border-radius:16px;margin-bottom:20px}.kmp401-register-head span{color:#dbe99c;font-size:12px;font-weight:700;letter-spacing:.1em}.kmp401-register-head h2{color:#fff;margin:10px 0;font-size:clamp(23px,3vw,32px)}.kmp401-register-head p{color:#e0eff0;margin:0}.kmp401-register .kdk-wrap{margin:0;max-width:none}.kmp401-register .kdk-wrap input,.kmp401-register .kdk-wrap textarea{max-width:100%}.kmp401-register .kdk-wrap button{background:#005267}.kmp401-register-note{font-size:13px;color:#52656b;margin:16px 0}.kmp401-register-error{border-left:4px solid #e6a912;padding:22px;background:#fff7e9;border-radius:8px}