/* Nusva Search · gaya khusus produk, disusun di atas Nusva Design System 2.6.
   Token, kelas nv-* dan font dimuat lebih dulu dari assets/ds/ (jangan diedit di sini).
   Berkas ini hanya memuat apa yang khas untuk Nusva Search, dan tidak menulis warna heksa baru.

   Lapisan 1: alias warisan. Kode lama masih merujuk nama variabel versi 1.x sampai 4.x
   (--ink, --g500, --err, ...). Daripada menyebar perubahan ke ribuan baris, namanya
   dipetakan ke token baru di satu tempat. Kode baru memakai token langsung. */
:root{
  --ink:var(--text); --ink2:var(--muted);
  --g900:var(--text); --g700:var(--text); --g500:var(--muted); --g400:var(--muted);
  --g200:var(--line); --g100:var(--line); --g050:var(--surfaceMuted); --fog:var(--surfaceMuted);
  --night:var(--text);
  --succ:var(--positive); --warn:var(--attention); --err:var(--critical); --errdeep:var(--critical); --info:var(--muted);
  --link:var(--teal); --accent:var(--teal); --accent-deep:var(--teal);
  --accent-tint:color-mix(in srgb,var(--teal) 8%,var(--surface));
  --ai:var(--teal); --violet:var(--teal); --indigo:var(--teal); --orange:var(--attention);
  --scrim:rgba(7,15,20,.42);
  --r-sm:var(--radius-small); --r-md:var(--radius-medium); --r-lg:var(--radius-large);
  --e1:none; --e2:var(--shadow-raised); --e3:var(--shadow-tooltip); --e4:var(--shadow-overlay); --e-brand:none;
  --glow-kristal:none;
  --dur-1:var(--duration-quick); --dur-2:var(--duration-standard); --dur-3:var(--duration-emphasis);
  --ease:var(--easing-standard); --ap-ease:var(--easing-standard);
  --ap-cepat:var(--duration-quick); --ap-normal:var(--duration-standard); --ap-lambat:var(--duration-emphasis);
  --ap1:var(--space-control); --ap2:var(--space-standard); --ap3:var(--space-section);
  --ap4:var(--space-composition); --ap5:var(--space-major); --ap6:6rem;
  --ap-display:clamp(1.75rem,4.2vw,2rem); --ap-title:clamp(1.25rem,3vw,1.5rem);
  --ap-sub:1rem; --ap-body:var(--nv-body); --ap-cap:.75rem;
  --ap-mute:var(--muted); --ap-line:var(--line); --ap-canvas:var(--canvas);
}


/* ===== Gaya lama yang dipertahankan (sudah diterjemahkan ke token oleh transformasi) ===== */
@media(prefers-reduced-motion:reduce){*::before, *::after{animation:none!important;transition:none!important var(--ap-ease)}}
.hide{display:none!important}
.wrap{max-width:1340px;margin:0 auto;padding:0 24px}
.pwwrap{position:relative}
.pwwrap .inp{padding-right:48px}
.page{padding-top:24px;padding-bottom:64px}
.lnk:hover{text-decoration:underline}
.scards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.scard{background:var(--surface);border:1px solid var(--g100);border-radius:var(--radius-medium);padding:16px;transition:all .28s var(--ap-ease);cursor:pointer}
.scard:hover{box-shadow:none;border-color:color-mix(in srgb,var(--teal) 40%,transparent)}
.scard .pos{font-size:.9375rem;font-weight:600;color:var(--ink)}
.scard .cli{font-size:.75rem;color:var(--g500);margin-bottom:8px}
.scard .meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--g500);margin-top:8px}
.scard.arch{background:var(--surfaceMuted)}
.scard.arch .pos{color:var(--g900)}
.archhead{display:flex;align-items:center;gap:8px;margin:32px 0 8px}
.archhead h3{font-size:.8125rem;font-weight:400;color:var(--g500);margin:0}
.archpill{font-size:.75rem;font-weight:400;background:var(--g050);color:var(--g500);border-radius:999px;padding:2px 8px}
.bar{height:6px;border-radius:999px;background:var(--g100);overflow:hidden;margin-top:8px}
.bar span{display:block;height:100%;border-radius:999px;background:var(--teal)}
.empty{background:var(--surface);border:1px dashed var(--g100);border-radius:var(--radius-medium);padding:48px 24px;text-align:center;color:var(--g500)}
.empty b{color:var(--g500);display:block;font-size:.9375rem;margin-bottom:4px}
.fwrap{max-width:780px;margin:0 auto}
#review .fwrap{max-width:1180px}
#review .rvband{margin-bottom:var(--ap3);padding-bottom:var(--ap3);border-bottom:1px solid var(--ap-line)}
@media(min-width:980px){#review .rvgrid{grid-template-columns:minmax(0,1.38fr) minmax(376px,.92fr);gap:48px;align-items:start}#review #rvCard{position:sticky;top:78px;max-height:calc(100vh - 104px)}}
#review .rvhead{gap:var(--ap3)}
#review .rvfacts{display:flex;flex-wrap:wrap;gap:0;margin:var(--ap3) 0 0;border-top:1px solid var(--ap-line);border-bottom:1px solid var(--ap-line)}
#review .rvfact{flex:1 1 140px;padding:24px 24px}
#review .rvfact:first-child{padding-left:0}
#review .rvfact:last-child{border-right:none;padding-right:0}
#review .rvfact dt{font-size:.75rem;font-weight:600;color:var(--ap-mute);margin-bottom:4px}
#review .rvfact dd{margin:0;font-size:.9375rem;font-weight:600;color:var(--ink);line-height:1.3}
@media(max-width:640px){#review .rvfact{flex:1 1 45%;border-right:none;padding:16px 0}}
.progwrap{background:var(--surface);border:1px solid var(--g100);border-radius:var(--radius-medium);padding:16px 16px;margin-bottom:12px}
.progtop{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.progtop b{font-size:.8125rem;color:var(--ink)}
.progtop span{font-size:.75rem;color:var(--g500)}
.progbar{height:8px;border-radius:999px;background:var(--g050);overflow:hidden}
.progbar span{display:block;height:100%;width:0;border-radius:999px;background:var(--teal);transition:width .28s var(--ap-ease)}
.steps{display:flex;gap:4px;margin-top:12px}
.stepchip{flex:1;font-size:.75rem;font-weight:400;text-align:center;padding:8px 4px;border-radius:var(--radius-medium);background:var(--g050);color:var(--g500);cursor:pointer;transition:all .28s var(--ap-ease)}
.stepchip.on{background:var(--ink);color:var(--on-teal)}
.stepchip.done{background:color-mix(in srgb,var(--positive) 14%,transparent);color:var(--positive)}
.sec{background:var(--surface);border:1px solid var(--g100);border-radius:var(--radius-medium);padding:24px;margin-bottom:16px}
.sec h3{font-size:.9375rem;font-weight:600;color:var(--ink)}
.sec .sdesc{font-size:.8125rem;color:var(--g500);margin:0 0 16px 0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
@media(max-width:640px){.grid2, .grid3{grid-template-columns:1fr}.scards{grid-template-columns:1fr}}
.field{margin-bottom:16px}
label{display:block;font-size:.8125rem;font-weight:400;color:var(--g500);margin-bottom:4px}
label .opt{font-weight:400;color:var(--g500);font-size:.75rem}
.inp, select, textarea{width:100%;font-family:inherit;font-size:.8125rem;padding:12px 12px;border-radius:var(--radius-medium);border:1px solid var(--g100);outline:none;transition:all .28s var(--ap-ease);background:var(--surface);color:var(--g900)}
.inp:focus, select:focus, textarea:focus{border-color:var(--teal);box-shadow:none}
textarea{resize:vertical;min-height:56px;line-height:1.5}
.rowitem{display:flex;gap:8px;align-items:flex-start;margin-bottom:8px}
.rowitem .num{flex-shrink:0;width:26px;height:42px;display:flex;align-items:center;justify-content:center;font-weight:400;color:var(--teal);font-size:.8125rem}
.rowitem .inp{flex:1}
.rmv{flex-shrink:0;width:38px;height:42px;border:1px solid var(--g100);border-radius:var(--radius-medium);background:var(--surface);color:var(--g500);font-size:.9375rem;cursor:pointer}
.rmv:hover{border-color:var(--err);color:var(--err)}
.addrow{font-family:inherit;font-size:.8125rem;font-weight:400;color:var(--teal);background:color-mix(in srgb,var(--teal) 7%,transparent);border:1px dashed color-mix(in srgb,var(--teal) 40%,transparent);border-radius:var(--radius-medium);padding:8px;width:100%;cursor:pointer;margin-top:4px}
.addrow:hover{background:color-mix(in srgb,var(--teal) 13%,transparent)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.chip{font-size:.75rem;font-weight:400;border:1px solid var(--g100);border-radius:999px;padding:4px 12px;cursor:pointer;transition:all .16s var(--ap-ease);color:var(--g500);background:var(--surface)}
.chip.on{background:var(--ink);border-color:var(--ink);color:var(--on-teal)}
.chip:hover{border-color:var(--teal)}
.mtx{width:100%;border-collapse:collapse;font-size:.8125rem}
.mtx td{padding:8px 4px;border-top:1px solid var(--g100)}
.mtx tr:first-child td{border-top:none}
.mtx .crit{width:60%}
.mtx select{padding:8px 8px;font-size:.8125rem}
.softnote{display:flex;gap:8px;align-items:flex-start;background:color-mix(in srgb,var(--teal) 7%,transparent);border:1px solid color-mix(in srgb,var(--teal) 20%,transparent);border-radius:var(--radius-medium);padding:12px 12px;font-size:.75rem;color:var(--teal);margin-bottom:12px}
.wnav{display:flex;gap:8px;margin-top:4px}
.wnav .btn{flex:1}
.muted{font-size:.75rem;color:var(--g500);margin-top:4px}
.kv{display:grid;grid-template-columns:170px 1fr;gap:4px 12px;font-size:.8125rem}
.kv dt{color:var(--g500);font-weight:600;padding:8px 0;border-top:1px solid var(--g100)}
.kv dd{color:var(--ink);font-weight:600;padding:8px 0;border-top:1px solid var(--g100)}
.kv dt:first-of-type, .kv dd:first-of-type{border-top:none}
@media(max-width:640px){.kv{grid-template-columns:1fr}.kv dt{border-top:1px solid var(--g100);padding-bottom:0}.kv dd{border-top:none;padding-top:0}}
.olist{list-style:none;counter-reset:o}
.olist li{counter-increment:o;position:relative;padding:8px 0 8px 32px;border-top:1px solid var(--g100);font-size:.8125rem;color:var(--ink)}
.olist li:first-child{border-top:none}
.olist li::before{content:counter(o);position:absolute;left:0;top:8px;width:20px;height:20px;border-radius:var(--radius-medium);background:var(--ink);color:var(--on-teal);font-size:.75rem;font-weight:400;display:flex;align-items:center;justify-content:center}
.crittbl{width:100%;border-collapse:collapse;font-size:.8125rem}
.crittbl td{padding:8px 12px;border-top:1px solid var(--g100)}
.crittbl tr:first-child td{border-top:none}
.pill2{font-size:.75rem;font-weight:400;padding:2px 8px;border-radius:999px}
.pw{background:color-mix(in srgb,var(--critical) 10%,transparent);color:var(--critical)}
.pu{background:color-mix(in srgb,var(--attention) 13%,transparent);color:var(--attention)}
.pl{background:color-mix(in srgb,var(--teal) 10%,transparent);color:var(--teal)}
.pn{background:var(--g050);color:var(--g500)}
.internal{border:1px solid color-mix(in srgb,var(--teal) 30%,transparent);background:var(--teal)}
#mkOv, #rjOv{z-index:90}
.candcard{border:1px solid var(--g100);border-radius:var(--radius-medium);padding:12px;margin-bottom:8px}
.candtop{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.candhead{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.candtop b{color:var(--ink);font-size:.9375rem}
.csmall{font-size:.75rem;color:var(--g500)}
.candproses{display:flex;flex-wrap:wrap;gap:6px;row-gap:3px;align-items:center;margin-top:5px;opacity:.82}
.cvtag{display:inline-block;font-size:.75rem;font-weight:400;color:var(--g500);background:none;border:none;border-radius:var(--radius-medium);padding:0px 4px;vertical-align:middle}
.datetag{display:inline-block;font-size:.75rem;font-weight:400;color:var(--g500);background:none;border:none;border-radius:var(--radius-medium);padding:0px 4px;vertical-align:middle}
.adscore{display:inline-block;font-size:.75rem;font-weight:400;color:var(--positive);background:color-mix(in srgb,var(--positive) 12%,transparent);border:1px solid color-mix(in srgb,var(--positive) 30%,transparent);border-radius:var(--radius-medium);padding:0px 8px;vertical-align:middle}
.cmeta{font-size:.75rem;color:var(--g500);margin-top:8px}
.cnotes{font-size:.8125rem;color:var(--g900);margin-top:8px;background:var(--fog);border-radius:var(--radius-medium);padding:8px 8px}
.crit-row{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-top:1px solid var(--g100);font-size:.8125rem}
.crit-row:first-child{border-top:none}
.crit-row input{margin-top:4px}
.crit-imp{font-size:.75rem;font-weight:400;border-radius:var(--radius-medium);padding:0px 8px;margin-left:auto;white-space:nowrap}
.imp-w{color:var(--critical);background:color-mix(in srgb,var(--critical) 12%,var(--surface))}
.imp-d{color:var(--attention);background:color-mix(in srgb,var(--attention) 12%,var(--surface))}
.imp-n{color:var(--g500);background:var(--g050)}
.scorebig{font-size:var(--ap-display);font-weight:600;color:var(--ink);letter-spacing:-.02em}
.dl-row{display:flex;gap:8px;padding:4px 0;border-top:1px solid var(--g100);font-size:.8125rem}
.dl-row:first-child{border-top:none}
.dl-row .dk{color:var(--g500);width:140px;flex-shrink:0}
.dl-row .dv{color:var(--ink);font-weight:600}
.cdtabs{display:flex;gap:4px;background:var(--g050);border-radius:var(--radius-medium);padding:4px;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.cdtabs::-webkit-scrollbar{display:none}
.cdtabs>*{flex:0 0 auto}
.cdrep{font-family:inherit;font-size:.8125rem;font-weight:400;margin-left:auto;padding:8px 16px;
  border-radius:var(--radius-medium);border:none;background:var(--teal);background-size:220%;background-position:center;
  color:var(--on-teal);cursor:pointer;transition:transform var(--ap-cepat) var(--ap-ease),box-shadow var(--ap-cepat) var(--ap-ease);
  display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.cdrep:hover{box-shadow:none}
.cdrep .tabn{background:color-mix(in srgb,var(--surface) 24%,transparent);color:var(--on-teal);border:none}
.cdsep{font-size:.75rem;font-weight:600;
  color:var(--g500);margin:24px 0 12px;padding-top:16px;border-top:1px solid var(--ap-line)}
@keyframes cdmasuk{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.cdmasuk #cdpane_s, .cdmasuk #cdpane_l, .cdmasuk #cdpane_g, .cdmasuk #cdpane_i, .cdmasuk #cdpane_r{
  animation:cdmasuk var(--ap-normal) var(--ap-ease) both}
.cdtab{flex:0 1 auto;font-family:inherit;font-size:.8125rem;font-weight:400;padding:8px 16px;border:none;border-radius:var(--radius-medium);background:transparent;color:var(--g500);cursor:pointer}
.cdtab.on{background:var(--surface);color:var(--ink);box-shadow:none}
.cdh{font-size:.8125rem;font-weight:400;color:var(--ink);margin-bottom:8px}
.gpil{margin-bottom:12px;border:1px solid var(--g100);border-radius:var(--radius-medium);overflow:hidden}
.gpil-h{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--fog);font-weight:400;font-size:.8125rem;color:var(--ink)}
.gpil-h .avg{margin-left:auto;font-size:.75rem;font-weight:400;color:var(--teal)}
.gpil-gate{font-size:.75rem;font-weight:400;color:var(--attention);background:color-mix(in srgb,var(--attention) 12%,var(--surface));border-radius:var(--radius-medium);padding:0px 8px}
.gdim{padding:8px 12px;border-top:1px solid var(--g100)}
.gdim-top{display:flex;align-items:center;gap:8px}
.gdim-name{font-size:.8125rem;font-weight:400;color:var(--g900);flex:1}
.gscore{font-family:inherit;font-size:.75rem;font-weight:400;border:1px solid var(--g100);border-radius:var(--radius-medium);padding:4px 8px;background:var(--surface);color:var(--ink);cursor:pointer}
.gnote{width:100%;margin-top:4px;font-family:inherit;font-size:.75rem;border:1px solid var(--g100);border-radius:var(--radius-medium);padding:4px 8px;outline:none;box-sizing:border-box}
.gate-warn{background:color-mix(in srgb,var(--critical) 12%,var(--surface));color:var(--critical);border:1px solid color-mix(in srgb,var(--critical) 30%,transparent);border-radius:var(--radius-medium);padding:8px 12px;font-size:.75rem;font-weight:400;margin-bottom:12px}
.ivq{border:1px solid var(--g100);border-radius:var(--radius-medium);padding:12px;margin-bottom:8px}
.ivq-top{display:flex;align-items:flex-start;gap:8px}
.ivq-q{flex:1;font-family:inherit;font-size:.8125rem;border:1px solid var(--g100);border-radius:var(--radius-medium);padding:8px 8px;outline:none;resize:vertical;box-sizing:border-box}
.ivq-del{font-size:.9375rem;font-weight:600;color:var(--err);background:none;border:none;cursor:pointer;padding:2px 4px;flex-shrink:0;line-height:1}
.ivq-bot{display:flex;align-items:center;gap:8px;margin-top:8px}
.ivq-bot .lbl{font-size:.75rem;font-weight:400;color:var(--g500)}
.ivnote{flex:1;font-family:inherit;font-size:.75rem;border:1px solid var(--g100);border-radius:var(--radius-medium);padding:4px 8px;outline:none;box-sizing:border-box}
.rvcluster{font-size:.75rem;font-weight:600;color:var(--teal);margin:16px 0 8px}
.rvcard{border:1px solid var(--g100);border-radius:var(--radius-medium);padding:12px 12px;margin-bottom:8px}
.rvcomp-name{font-size:.8125rem;font-weight:400;color:var(--ink)}
.rvcomp-desc{font-size:.75rem;color:var(--g500);margin:4px 0 8px;line-height:1.45}
.rvscore{display:flex;gap:4px;flex-wrap:wrap}
.rvpill{width:38px;height:34px;font-family:inherit;font-size:.8125rem;font-weight:400;border:1px solid var(--g100);border-radius:var(--radius-medium);background:var(--surface);color:var(--g500);cursor:pointer;transition:all .16s var(--ap-ease)}
.rvpill:hover{border-color:var(--teal)}
.rvpill.on{background:var(--teal);border-color:var(--teal);color:var(--on-teal)}
.flaglegend{background:var(--fog);border:1px solid var(--g100);border-radius:var(--radius-medium);padding:12px 12px;margin-bottom:8px;font-size:.75rem;color:var(--g900);line-height:1.65}
.flaglegend b{color:var(--ink)}
.rvread{border:1px solid var(--g100);border-radius:var(--radius-medium);padding:8px 12px;margin-bottom:8px;display:flex;align-items:center;gap:8px;font-size:.8125rem}
.rvread .rn{flex:1;color:var(--g900)}
.rvread .rs{font-weight:600;color:var(--ink);background:var(--fog);border-radius:var(--radius-medium);padding:2px 8px}
.sumgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.sumcard{border:1px solid var(--g100);border-radius:var(--radius-medium);padding:12px 12px}
.sumcard .sl{font-size:.75rem;font-weight:600;color:var(--g500)}
.sumcard .sv{font-size:1.5rem;font-weight:600;color:var(--ink);letter-spacing:-.02em;margin-top:4px;line-height:1.1}
.sumcard .sm{font-size:.75rem;color:var(--g500);margin-top:4px}
.ovtag{display:inline-block;font-size:.75rem;font-weight:400;border-radius:var(--radius-medium);padding:0px 8px;vertical-align:middle;border:1px solid}
.schedbox{border:1px solid var(--g100);background:var(--fog);border-radius:var(--radius-medium);padding:12px 12px;margin-bottom:16px}
.schedhd{font-size:.8125rem;font-weight:400;color:var(--ink);margin-bottom:4px}
.schedtag{display:inline-block;font-size:.75rem;font-weight:400;border-radius:var(--radius-medium);padding:0px 8px;vertical-align:middle;background:color-mix(in srgb,var(--teal) 8%,transparent);color:var(--teal);border:1px solid color-mix(in srgb,var(--teal) 20%,transparent)}
.ccrow{display:flex;gap:8px;margin-bottom:8px;align-items:center}
.ccrow .cc-c{flex:1;min-width:0}
.ccrow .cc-imp{width:140px;flex-shrink:0}
.ccrow .cc-del{flex-shrink:0}
.gfilter{display:inline-flex;background:var(--g050);border-radius:var(--radius-medium);padding:2px;gap:4px}
.gfbtn{font-family:inherit;font-size:.75rem;font-weight:400;padding:8px 12px;border:none;border-radius:var(--radius-medium);background:transparent;color:var(--g500);cursor:pointer}
.gfbtn.on{background:var(--surface);color:var(--ink);box-shadow:none}
.gacard{border:1px solid var(--g100);border-radius:var(--radius-medium);padding:12px 12px;margin-bottom:8px;display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}
.gacard .gainfo{flex:1 1 auto;min-width:0}
.gacard .ganame{font-weight:600;color:var(--ink);font-size:.9375rem}
.gacard .gasub{font-size:.75rem;color:var(--g500);margin-top:4px}
.gsum{background:var(--fog);border:1px solid var(--g100);border-radius:var(--radius-medium);padding:12px 12px;margin-bottom:12px}
.gsum .gsname{font-weight:600;color:var(--ink);font-size:.9375rem}
.gsum .gsrole{font-size:.8125rem;color:var(--g500);margin-top:0px}
.gsum .gsmeta{font-size:.75rem;color:var(--g900);margin-top:8px}
.gprev-img{max-width:100%;border:1px solid var(--g100);border-radius:var(--radius-medium);display:block}
.gprev-frame{width:100%;height:420px;border:1px solid var(--g100);border-radius:var(--radius-medium)}
#cdOv.graphoonly .cdtab:not(#cdtabbtn_g){display:none}
#cdOv.graphoonly #cdpane_s, #cdOv.graphoonly #cdpane_l, #cdOv.graphoonly #cdpane_i, #cdOv.graphoonly #cdpane_r{display:none!important}
.trwrap{max-height:66vh;overflow:auto;border:1px solid var(--g100);border-radius:var(--radius-medium)}
.trtable{width:100%;border-collapse:collapse;font-size:.8125rem}
.trtable th{position:sticky;top:0;background:var(--g050);text-align:left;padding:8px 8px;font-weight:600;font-size:.75rem;color:var(--g500);z-index:1}
.trtable td{padding:8px 8px;border-top:1px solid var(--g100);vertical-align:top}
.trname{font-weight:600;color:var(--ink);cursor:pointer}
.trname:hover{text-decoration:underline}
.trsub{font-size:.75rem;color:var(--g500);margin-top:0px}
.tier{display:inline-block;font-size:.75rem;font-weight:400;border-radius:var(--radius-medium);padding:2px 8px;border:1px solid}
.tier.A{color:var(--positive);background:color-mix(in srgb,var(--positive) 8%,transparent);border-color:color-mix(in srgb,var(--positive) 20%,transparent)}
.tier.B{color:var(--attention);background:color-mix(in srgb,var(--attention) 8%,transparent);border-color:color-mix(in srgb,var(--attention) 20%,transparent)}
.tier.C{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent);border-color:color-mix(in srgb,var(--slate) 20%,transparent)}
.trflag{display:inline-block;font-size:.75rem;font-weight:400;border-radius:var(--radius-medium);padding:0px 4px;margin:4px 4px 0 0;background:color-mix(in srgb,var(--critical) 8%,transparent);color:var(--critical);border:1px solid color-mix(in srgb,var(--critical) 20%,transparent)}
.trplus{display:inline-block;font-size:.75rem;font-weight:400;border-radius:var(--radius-medium);padding:0px 4px;margin:4px 4px 0 0;background:color-mix(in srgb,var(--teal) 8%,transparent);color:var(--teal);border:1px solid color-mix(in srgb,var(--teal) 20%,transparent)}
.trfilters{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}
.trfbtn{font-family:inherit;font-size:.75rem;font-weight:400;padding:4px 12px;border-radius:var(--radius-medium);border:1px solid var(--g100);background:var(--surface);color:var(--g500);cursor:pointer;transition:all .16s var(--ap-ease)}
.trfbtn.on{border-color:var(--teal);color:var(--ink);background:color-mix(in srgb,var(--teal) 8%,transparent)}
.tropened{display:inline-block;font-size:.75rem;font-weight:400;color:var(--positive);background:color-mix(in srgb,var(--positive) 9%,transparent);border:1px solid color-mix(in srgb,var(--positive) 22%,transparent);border-radius:var(--radius-medium);padding:0px 4px;margin-left:4px;vertical-align:middle}
.sctabs{display:flex;gap:4px;border-bottom:1px solid var(--g100);margin:12px 0 16px}
.sctab{font-family:inherit;font-size:.8125rem;font-weight:400;color:var(--g500);background:none;border:none;border-bottom:3px solid transparent;padding:8px 16px;margin-bottom:-2px;cursor:pointer;transition:all .16s var(--ap-ease)}
.sctab.on{color:var(--ink);border-bottom-color:var(--accent-deep)}
.dash{margin-bottom:16px}
.plbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}
.plsearch{flex:1 1 230px;min-width:190px;max-width:360px;font-size:.8125rem;padding:8px 12px}
.plbar select.trfbtn{width:auto;flex:0 1 auto;max-width:235px;padding-right:24px;appearance:auto}
.plcol2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wcard{background:var(--surface);border:1px solid var(--g100);border-radius:var(--radius-medium);padding:12px 16px}
.wh{font-size:.8125rem;font-weight:400;color:var(--ink);margin:0 0 8px}
.t5row{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid var(--g050)}
.t5r{width:20px;height:20px;border-radius:var(--radius-medium);background:var(--ink);color:var(--on-teal);font-size:.75rem;font-weight:400;display:flex;align-items:center;justify-content:center;flex:0 0 20px}
.t5n{flex:1;font-weight:400;color:var(--ink);font-size:.8125rem;cursor:pointer}
.t5n:hover{text-decoration:underline}
.t5s{font-weight:600;color:var(--teal)}
.actrow{display:flex;gap:8px;padding:4px 0;border-bottom:1px solid var(--g050)}
.actic{width:9px;height:9px;border-radius:50%;margin-top:4px;flex:0 0 9px}
.actic.a-new{background:color-mix(in srgb,var(--positive) 12%,var(--surface))}
.actic.a-open{background:color-mix(in srgb,var(--teal) 12%,var(--surface))}
.actic.a-iv{background:color-mix(in srgb,var(--attention) 12%,var(--surface))}
.actt{font-size:.8125rem;color:var(--g900)}
.actt b{color:var(--ink)}
.acttime{font-size:.75rem;color:var(--g500)}
.plkan{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;align-items:stretch;cursor:grab}
.plkan.siap-geser, .plkan.siap-geser *{cursor:grab!important}
.plkan.panning, .plkan.panning *{cursor:grabbing!important;user-select:none}
body.seret-kartu .plkcol{transition:background .16s var(--ap-ease)}
body.seret-kartu .plkcol:hover{background:color-mix(in srgb,var(--teal) 12%,transparent)}
.plkan.panning{cursor:grabbing;user-select:none}
.plkan::-webkit-scrollbar{height:11px}
.plkan::-webkit-scrollbar-track{background:var(--g050);border-radius:var(--radius-medium)}
.plkan::-webkit-scrollbar-thumb{background:var(--g400);border-radius:var(--radius-medium);border:1px solid var(--g050)}
.plkan::-webkit-scrollbar-thumb:hover{background:var(--g500)}
.kscr{font-family:inherit;font-size:.9375rem;font-weight:600;width:30px;height:26px;border-radius:var(--radius-medium);border:1px solid var(--g100);background:var(--surface);color:var(--g500);cursor:pointer;line-height:1}
.kscr:hover{color:var(--ink);border-color:var(--teal)}
.plkcol{flex:0 0 195px;min-width:195px;background:var(--g050);border-radius:var(--radius-medium);display:flex;flex-direction:column;height:min(70vh,620px)}
.plkhead{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:400;color:var(--ink);padding:8px 12px;border-radius:var(--radius-medium) var(--radius-medium) 0 0;background:var(--surface);flex:0 0 auto;box-shadow:none}
.plkn{background:var(--g100);color:var(--g900);border-radius:var(--radius-large);padding:0 8px;font-size:.75rem}
.plkhead{flex-wrap:wrap}
.plkhead>span:first-child{flex:1}
.plktunggu{flex:0 0 100%;display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:5px;
  font-size:.75rem;font-weight:600}
.plktunggu .sp{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:99px;
  border:1px solid transparent;white-space:nowrap}
.plktunggu .sp i{width:5px;height:5px;border-radius:50%;background:currentColor;display:inline-block}
.sp-anda{background:color-mix(in srgb,var(--teal) 9%,transparent);color:var(--teal);border-color:color-mix(in srgb,var(--teal) 18%,transparent)}
.sp-klien{background:color-mix(in srgb,var(--teal) 9%,transparent);color:var(--teal);border-color:color-mix(in srgb,var(--teal) 18%,transparent)}
.sp-kand{background:color-mix(in srgb,var(--attention) 9%,transparent);color:var(--attention);border-color:color-mix(in srgb,var(--attention) 18%,transparent)}
.sp-usai{background:var(--g050);color:var(--g500);border-color:var(--g100)}
.plkdiam{font-weight:600;color:var(--g500);white-space:nowrap}
.plkdiam.awas{color:var(--attention)}
.plkdiam.bahaya{color:var(--err);font-weight:600}
.plkbody{padding:8px;display:flex;flex-direction:column;gap:8px;flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;overscroll-behavior-x:auto;scrollbar-width:thin}
.plkbody::-webkit-scrollbar{width:6px}
.plkbody::-webkit-scrollbar-thumb{background:var(--g200);border-radius:var(--radius-medium)}
.plkcard{background:var(--surface);border:none;border-radius:var(--radius-medium);padding:8px 12px;cursor:grab;box-shadow:none;transition:box-shadow .28s var(--ap-ease),transform .28s var(--ap-ease)}
.plkcard:hover{box-shadow:none}
.plkcard:active{cursor:grabbing}
.plkname{font-weight:600;color:var(--g900);font-size:.8125rem;cursor:pointer;letter-spacing:-.01em;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.plkmeta{font-size:.75rem;color:var(--g500);margin:4px 0 4px}
.plktags{display:flex;flex-wrap:wrap;gap:8px;row-gap:4px;align-items:center;margin-top:4px}
.plktags.plkproses{margin-top:2px;opacity:.82}
.plklap{margin-top:6px}
.ktier{font-size:.75rem;font-weight:400;border-radius:var(--radius-medium);padding:0px 4px;color:var(--g500);background:none}
.ktier.k-A{color:var(--succ);background:color-mix(in srgb,var(--positive) 10%,transparent);font-weight:600}
.ktier.k-B{color:var(--info);background:color-mix(in srgb,var(--teal) 10%,transparent);font-weight:600}
.ktier.k-C{color:var(--g500);background:var(--g050)}
.kadm{font-size:.75rem;font-weight:400;color:var(--g500);background:none;border-radius:var(--radius-medium);padding:0px 4px}
.kgaji{font-size:.75rem;font-weight:400;color:var(--g500);background:none;border-radius:var(--radius-medium);padding:0px 4px}
.kopened{font-size:.75rem;font-weight:400;color:var(--g500)}
.krej{font-size:.75rem;font-weight:400;color:var(--critical);background:color-mix(in srgb,var(--critical) 8%,transparent);border-radius:var(--radius-medium);padding:0px 4px}
.rejtag{display:inline-block;font-size:.75rem;font-weight:400;color:var(--critical);background:color-mix(in srgb,var(--critical) 8%,transparent);border:1px solid color-mix(in srgb,var(--critical) 20%,transparent);border-radius:var(--radius-medium);padding:0px 8px;vertical-align:middle}
.rjopts{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.anrow{display:flex;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--g050);font-size:.8125rem}
.anrow:last-child{border-bottom:none}
.ann{flex:1;min-width:0;font-weight:600;color:var(--ink);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ann:hover{text-decoration:underline}
.ant{font-size:.75rem;color:var(--g500);white-space:nowrap}
.bnyboard{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch;background:var(--surface);border:1px solid color-mix(in srgb,var(--teal) 35%,transparent);border-radius:var(--radius-medium);padding:12px 12px;margin-bottom:12px}
.bnycell{display:flex;flex-direction:column;justify-content:center;padding:0 8px}
.bnycell b{font-size:.9375rem;color:var(--ink)}
.bnycell span{font-size:.75rem;color:var(--g500)}
.bnystatus{margin-left:auto;align-self:center;font-size:.8125rem;font-weight:400;border:1px solid;border-radius:999px;padding:4px 12px;white-space:nowrap}
.bny{background:var(--surface);border:1px solid var(--g100);border-radius:var(--radius-medium);padding:12px 12px;margin-bottom:8px}
.bnytop{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start}
.bnyname{flex:1;min-width:220px;font-size:.8125rem;font-weight:400;color:var(--ink)}
.bnydef{font-size:.75rem;font-weight:400;color:var(--g500);margin-top:4px;line-height:1.5}
.bnyright{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bwt{font-size:.75rem;font-weight:400;color:var(--g500);background:var(--g050);border-radius:var(--radius-medium);padding:2px 8px;white-space:nowrap}
.bscs{display:flex;gap:4px}
.bsc{width:32px;height:32px;border-radius:var(--radius-medium);border:1px solid var(--g100);background:var(--surface);font-family:inherit;font-size:.8125rem;font-weight:400;color:var(--g500);cursor:pointer;transition:all .16s var(--ap-ease)}
.bsc.tgt{border-style:dashed;border-color:color-mix(in srgb,var(--teal) 50%,transparent)}
.bsc:hover{border-color:var(--teal);color:var(--ink)}
.bsc.on{background:var(--ink);border-color:var(--ink);color:var(--on-teal);border-style:solid}
.bgap{font-size:.75rem;font-weight:400;border-radius:var(--radius-medium);padding:2px 8px;white-space:nowrap}
.bgap.ok{color:var(--positive);background:color-mix(in srgb,var(--positive) 9%,transparent)}
.bgap.bad{color:var(--critical);background:color-mix(in srgb,var(--critical) 8%,transparent)}
.bman{font-size:.75rem;font-weight:400;color:var(--attention);background:color-mix(in srgb,var(--attention) 9%,transparent);border:1px solid color-mix(in srgb,var(--attention) 27%,transparent);border-radius:var(--radius-medium);padding:0px 4px;vertical-align:2px}
.bman.crit{color:var(--critical);background:color-mix(in srgb,var(--critical) 8%,transparent);border-color:color-mix(in srgb,var(--critical) 27%,transparent)}
.bancbtn{font-size:.75rem;margin-top:8px}
.banc{margin-top:8px;border-top:1px dashed var(--g100);padding-top:8px;display:grid;gap:4px}
.bancl{border:1px solid var(--g050);border-radius:var(--radius-medium);padding:8px 8px;font-size:.75rem}
.bancl b{color:var(--ink);font-size:.75rem}
.bancl.cur{border-color:var(--teal);background:color-mix(in srgb,var(--teal) 6%,transparent)}
.banch{color:var(--g900);margin-top:4px}
.banci{color:var(--g500);margin-top:4px;line-height:1.5}
.gtrow{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--g050)}
.gtn{flex:1;font-size:.8125rem;font-weight:400;color:var(--g900)}
.gtd{font-size:.75rem;color:var(--g500);white-space:nowrap}
.ivsec{flex:0 0 auto;align-self:flex-start;font-size:.75rem;font-weight:400;color:var(--accent-deep);background:var(--accent-tint);border:1px solid color-mix(in srgb,var(--teal) 35%,transparent);border-radius:var(--radius-medium);padding:2px 8px;margin-top:4px}
.ivsec-int{color:var(--attention);background:color-mix(in srgb,var(--attention) 8%,transparent);border-color:color-mix(in srgb,var(--attention) 27%,transparent)}
.ivg-btn{font-size:.75rem;margin:4px 0 4px}
.ivguide{background:var(--fog);border-radius:0 var(--radius-medium) var(--radius-medium) 0;padding:8px 12px;margin:4px 0 8px;font-size:.75rem;line-height:1.6}
.ivg-l b{color:var(--accent-deep)}
.ivg-r{margin-top:4px}
.ivg-r b{color:var(--errdeep,var(--critical))}
.cdquick{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.cdquick .btn{padding:8px 12px;font-size:.75rem}
.cdreject{background:var(--surface);color:var(--err);border:1px solid color-mix(in srgb,var(--critical) 40%,transparent)}
.cdreject:hover{background:var(--err);color:var(--on-teal)}
.plpills{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px}
.plpill{font-family:inherit;font-size:.8125rem;font-weight:400;padding:8px 16px;border-radius:999px;border:1px solid var(--g100);background:var(--surface);color:var(--g500);cursor:pointer;transition:all .16s var(--ap-ease)}
.plpill:hover{border-color:var(--teal);color:var(--ink)}
.plpill.on{background:var(--ink);border-color:var(--ink);color:var(--on-teal)}
.plkrow{display:flex;align-items:flex-start;gap:4px}
.plkrow .plkname{flex:1;min-width:0}
.kmsg{flex:0 0 auto;font-family:inherit;font-size:.75rem;width:32px;height:32px;border-radius:var(--radius-medium);border:1px solid var(--g100);background:var(--surface);color:var(--g500);cursor:pointer;line-height:1;transition:color var(--ap-cepat) var(--ap-ease),border-color var(--ap-cepat) var(--ap-ease)}
.kmsg:hover{color:var(--accent-deep);border-color:var(--accent-deep)}
.kmsg:hover{background:var(--accent-tint);border-color:var(--teal)}
.ksla{font-size:.75rem;font-weight:400;border-radius:var(--radius-medium);padding:0px 4px;background:none!important}
.slatag{display:inline-block;font-size:.75rem;font-weight:400;border-radius:var(--radius-medium);padding:0px 8px;border:1px solid;vertical-align:middle}
.sla-ok{color:var(--g500);background:none;border-color:transparent}
.sla-amber{color:var(--g500);background:none;border-color:transparent;font-weight:400}
.sla-red{color:var(--err);background:none;border-color:transparent;font-weight:600}
.sla-done{color:var(--g500);background:none;border-color:transparent}
.tprow{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--g050)}
.tpmain{flex:1;min-width:0}
.tpmain b{color:var(--ink);font-size:.8125rem}
.tpsub{font-size:.75rem;color:var(--g900);margin-top:0px}
.tpsrc{font-size:.75rem;color:var(--g500);margin-top:4px}
.tpact{display:flex;gap:4px;align-items:center;flex:0 0 auto}
.cphead{margin:4px 0 16px}
.cpk{font-size:.75rem;font-weight:600;color:var(--accent-deep)}
.cpcard{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--g100);border-radius:var(--r-md);padding:12px 16px;margin-bottom:8px;text-decoration:none;color:inherit;box-shadow:none;transition:all .16s var(--ap-ease)}
.cpcard:hover{box-shadow:none;border-color:color-mix(in srgb,var(--teal) 40%,transparent)}
.cpcard b{color:var(--ink);font-size:.9375rem}
.cpchips{margin-top:4px;display:flex;gap:4px;flex-wrap:wrap}
.cpchip{font-size:.75rem;font-weight:400;color:var(--g500);background:var(--g050);border-radius:var(--radius-medium);padding:2px 8px}
.cpgo{font-size:1.25rem;color:var(--g500);font-weight:600}
.cpav{flex:0 0 46px;width:46px;height:46px;border-radius:var(--radius-medium);background:var(--teal);color:var(--on-teal);font-weight:600;font-size:.9375rem;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cpav img{width:100%;height:100%;object-fit:cover}
.rvhead{display:flex;gap:12px;align-items:flex-start;margin:4px 0 8px}
.rvav{flex:0 0 76px;width:76px;height:76px;border-radius:var(--radius-large);background:var(--teal);color:var(--on-teal);font-weight:600;font-size:1.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden}
.rvav img{width:100%;height:100%;object-fit:cover}
.rvsec{background:var(--surface);border:1px solid var(--g100);border-radius:var(--radius-medium);padding:12px 16px;margin:0 0 8px;font-size:.8125rem;line-height:1.6;color:var(--g900)}
.rvsec p, .rvsec li{color:var(--g900)}
.rvsec b{color:var(--ink);display:block;margin-bottom:4px}
.rvsec ul{margin:4px 0 0 16px}
.rvsec p{margin:4px 0}
.rvgrid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:1000px){.rvgrid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:16px;align-items:start}.rvcol, .rvgrid #rvCard{max-height:calc(100vh - 40px);overflow-y:auto}.rvgrid #rvCard{position:sticky;top:20px}.rvcol::-webkit-scrollbar, .rvgrid #rvCard::-webkit-scrollbar{width:8px}.rvcol::-webkit-scrollbar-thumb, .rvgrid #rvCard::-webkit-scrollbar-thumb{background:var(--g100);border-radius:var(--radius-medium)}}
.rvfit{border:1px solid var(--g100);border-radius:var(--radius-medium);overflow:hidden}
.rvfitrow{display:flex;gap:8px;align-items:flex-start;padding:8px 12px;border-top:1px solid var(--g100);background:var(--surface)}
.rvfitrow:first-child{border-top:none}
.rvfitrow .fl{flex:0 0 auto;font-size:.75rem;font-weight:400;padding:2px 8px;border-radius:999px;background:var(--g050);color:var(--g500);white-space:nowrap;margin-top:0px}
.rvfitrow .fl.y{background:color-mix(in srgb,var(--positive) 13%,transparent);color:var(--positive)}
.rvfitrow .fl.w{background:color-mix(in srgb,var(--attention) 13%,transparent);color:var(--attention)}
.rvfitrow .fl.n{background:color-mix(in srgb,var(--critical) 10%,transparent);color:var(--critical)}
.rvfitrow .fc{flex:1;min-width:0;font-size:.8125rem;color:var(--ink);font-weight:400}
.rvfitrow .fb{font-weight:400;color:var(--g500);display:block;margin-top:0px}
.rvkv{font-size:.8125rem;color:var(--g900);margin:4px 0}
.rvkv b{color:var(--ink)}
.rvrec{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:400;padding:4px 12px;border-radius:999px;background:color-mix(in srgb,var(--teal) 10%,transparent);border:1px solid color-mix(in srgb,var(--teal) 30%,transparent);color:var(--ink)}
.kpanel{background:var(--fog);border:1px solid var(--g100);border-radius:var(--radius-medium);padding:12px;margin-bottom:12px}
.kpanel h4{font-size:.8125rem;font-weight:400;color:var(--ink);margin-bottom:4px}
.kh{display:block;font-size:.75rem;font-weight:600;color:var(--g500);margin:16px 0 4px}
.kgate{border-radius:var(--radius-medium);padding:12px 12px;margin-bottom:12px;font-size:.8125rem;border:1px solid}
.kgate.ok{background:color-mix(in srgb,var(--positive) 10%,transparent);border-color:color-mix(in srgb,var(--positive) 30%,transparent);color:var(--positive)}
.kgate.warn{background:color-mix(in srgb,var(--attention) 10%,transparent);border-color:color-mix(in srgb,var(--attention) 32%,transparent);color:var(--attention)}
.kchip{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:400;padding:2px 8px;border-radius:999px;margin:4px 4px 0 0;background:var(--surface);border:1px solid var(--g100);color:var(--g500)}
.kchip.y{color:var(--positive);border-color:color-mix(in srgb,var(--positive) 35%,transparent)}
.kchip.n{color:var(--attention);border-color:color-mix(in srgb,var(--attention) 35%,transparent)}
.krow{background:var(--surface);border:1px solid var(--g100);border-radius:var(--radius-medium);padding:8px 8px;margin-bottom:4px}
.krow .kn{font-size:.8125rem;font-weight:400;color:var(--ink)}
.krow .kimp{font-size:.75rem;font-weight:600;color:var(--g500);margin-left:4px}
.kchk{display:flex;gap:8px;align-items:flex-start;font-size:.8125rem;cursor:pointer;margin-bottom:8px;line-height:1.45}
.kchk input{margin-top:4px;flex:0 0 auto}
#cdOv.wide .modal{max-width:900px}
@keyframes apup{to{opacity:1;transform:none}}
#review{background:var(--ap-canvas)}
#review .invite{background:none;color:inherit;border-radius:0;padding:0;margin:0 0 var(--ap3);overflow:visible}
#review .invite::before, #review .invite::after{display:none!important;content:none!important}
#review .invite h2.ap-display{font-size:var(--ap-display);font-weight:600;letter-spacing:-.035em;line-height:1.04;color:var(--ink)}
#review .invite p.ap-sub{font-size:var(--ap-sub);font-weight:400;color:var(--ap-mute);opacity:1}
#review .rvhead{align-items:center;gap:var(--ap3);margin:0 0 var(--ap3)}
#review .rvav{flex:0 0 92px;width:92px;height:92px;border-radius:var(--radius-large);font-size:var(--ap-display);box-shadow:none}
#review .rvsec{background:none;border:none;border-top:1px solid var(--ap-line);border-radius:0;
  padding:var(--ap3) 0 0;margin:0 0 var(--ap3);font-size:var(--ap-body);line-height:1.62;color:var(--g900)}
#review .rvsec>b{display:block;font-size:.75rem;font-weight:600;
  color:var(--ap-mute);margin-bottom:var(--ap2)}
#review .rvsec p{font-size:var(--ap-body);line-height:1.62;margin:0 0 8px}
#review .rvsec ul{margin:8px 0 0;padding-left:24px}
#review .rvsec li{margin-bottom:8px;line-height:1.55}
#review .cpchip{font-size:.75rem;font-weight:400;color:var(--g500);background:color-mix(in srgb,var(--teal) 5%,transparent);
  border-radius:999px;padding:4px 12px}
#review .cpchips{display:flex;flex-wrap:wrap;gap:8px}
#review .rvfit{border:none;border-radius:0}
#review .rvfitrow, .rppv .rvfitrow{display:grid;grid-template-columns:162px minmax(0,1fr);gap:16px;
  align-items:start;background:none;border-top:1px solid var(--ap-line);padding:12px 0}
#review .rvfitrow .fl, .rppv .rvfitrow .fl{justify-self:start;margin-top:4px;font-size:.75rem;
  padding:4px 8px}
#review .rvfitrow .fc, .rppv .rvfitrow .fc{font-size:.9375rem;font-weight:600;line-height:1.4;color:var(--ink)}
.fimp{display:inline-block;margin-left:8px;font-size:.75rem;font-weight:600;color:var(--g500);vertical-align:1px}
#review .rvfitrow .fb, .rppv .rvfitrow .fb{font-size:.8125rem;margin-top:4px;line-height:1.5;
  color:var(--g500);font-weight:400;display:block}
@media(max-width:640px){#review .rvfitrow, .rppv .rvfitrow{grid-template-columns:1fr;gap:8px}#review .rvfitrow .fl, .rppv .rvfitrow .fl{margin-top:0}}
.rppv .rvfitrow .fc{font-size:.9375rem}
.rppv .rvfitrow{grid-template-columns:148px minmax(0,1fr);gap:12px;padding:12px 0}
#review .rvkv{font-size:.9375rem;line-height:1.6;margin:0 0 8px}
#review #rvCard{background:var(--surface);border:none;border-radius:var(--radius-large);padding:var(--ap3);
  box-shadow:none}
#review .rvrec{font-size:.9375rem;padding:8px 16px}
@keyframes aigrow{from{width:0!important}}
.kpk{font-size:.75rem;font-weight:400;padding:2px 8px;border-radius:var(--radius-medium);cursor:pointer;
  border:1px solid;transition:all .16s var(--ap-ease);box-shadow:none}
.kpk::after{content:"\203A";margin-left:4px;font-weight:600;opacity:.75}
.kpk.pklow{background:color-mix(in srgb,var(--teal) 10%,transparent);color:var(--teal);border-color:color-mix(in srgb,var(--teal) 22%,transparent)}
.kpk.pkmid{background:color-mix(in srgb,var(--teal) 10%,transparent);color:var(--teal);border-color:color-mix(in srgb,var(--teal) 22%,transparent)}
.kpk.pkfull{background:var(--teal);color:var(--on-teal);border-color:transparent}
.kpk:hover{filter:brightness(.94)}
.tabn{display:inline-block;margin-left:4px;font-size:.75rem;font-weight:400;padding:0px 4px;border-radius:999px;background:color-mix(in srgb,var(--attention) 16%,transparent);color:var(--attention)}
.tabn.full{background:color-mix(in srgb,var(--positive) 16%,transparent);color:var(--positive)}
.pkitem{display:flex;gap:8px;align-items:center;background:var(--surface);border:1px solid var(--g100);border-radius:var(--radius-medium);padding:12px 12px;margin-bottom:8px}
.pkrow{display:flex;gap:4px;align-items:center;background:var(--surface);border:1px solid var(--g100);border-radius:var(--radius-medium);padding:8px 8px;margin-bottom:4px;flex-wrap:wrap}
.pkrow input, .pkrow select{font-size:.8125rem;padding:4px 8px}
.pkrow .pknama{flex:1;min-width:150px}
.pkrow .pknum{width:62px;text-align:center}
.pkanc{background:var(--fog);border:1px solid var(--g100);border-radius:var(--radius-medium);padding:8px 12px;margin:0 0 8px}
.pkanc .lv{font-size:.75rem;font-weight:600;color:var(--g500);margin:8px 0 4px}
.pkanc textarea{font-size:.75rem;padding:4px 8px}
.pkmini{font-size:.75rem;font-weight:400;padding:4px 8px;border-radius:var(--radius-medium);border:1px solid var(--g100);background:var(--surface);color:var(--g500);cursor:pointer;font-family:inherit}
.pkmini:hover{border-color:var(--teal);color:var(--ink)}
.pkmini.bad:hover{border-color:var(--err);color:var(--err)}
.fincheck{display:flex;gap:8px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--ap-line)}
.fincheck:first-child{border-top:none}
.finic{flex:0 0 20px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.75rem;font-weight:400;margin-top:0px}
.finic.ya{background:color-mix(in srgb,var(--positive) 14%,transparent);color:var(--positive)}
.finic.no{background:color-mix(in srgb,var(--attention) 16%,transparent);color:var(--attention)}
.fincheck b{display:block;font-size:.8125rem;font-weight:400;color:var(--ink)}
.fincheck span{font-size:.8125rem;color:var(--g500)}
.finbar{height:6px;border-radius:999px;background:var(--g050);overflow:hidden;margin:4px 0 16px}
.finbar i{display:block;height:100%;border-radius:999px;background:var(--teal);transition:width .44s var(--ap-ease)}
.rpband{display:flex;gap:var(--ap3);align-items:flex-end;flex-wrap:wrap;
  padding-bottom:var(--ap2);margin:var(--ap2) 0 var(--ap2);border-bottom:1px solid var(--ap-line)}
.rpmeter{min-width:210px;flex:0 0 auto}
.rpmeter b{font-size:.9375rem;font-weight:600;color:var(--ink)}
.rpacts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:var(--ap3);position:sticky;top:60px;z-index:12;
  background:var(--fog);padding:8px 0}
.rpgrid{display:grid;grid-template-columns:1fr;gap:var(--ap3)}
@media(min-width:1080px){.rpgrid{grid-template-columns:minmax(0,1fr) minmax(400px,.82fr);gap:var(--ap4);align-items:start}.rppv{position:sticky;top:132px;max-height:calc(100vh - 156px);overflow-y:auto}}
.rppv{background:var(--surface);border-radius:var(--radius-large);padding:24px 24px;box-shadow:none}
.rppv .rvsec{background:none;border:none;border-top:1px solid var(--ap-line);border-radius:0;padding:16px 0 0;margin:0 0 16px}
.rppv .rvsec>b{display:block;font-size:.75rem;font-weight:600;color:var(--ap-mute);margin-bottom:8px}
.rppv .rvsec p{font-size:.9375rem;line-height:1.6;margin:0 0 8px;color:var(--g900)}
.rppv .rvsec ul{margin:8px 0 0;padding-left:24px}
.rppv .rvsec li{margin-bottom:8px;font-size:.9375rem;line-height:1.5;color:var(--g900)}
.rpkosong{font-size:.8125rem;color:var(--g500);font-style:normal;padding:12px 0}
.finstamp{background:color-mix(in srgb,var(--positive) 8%,transparent);border:1px solid color-mix(in srgb,var(--positive) 24%,transparent);border-radius:var(--radius-medium);padding:8px 12px;font-size:.8125rem;color:var(--positive);margin-bottom:12px}
.pkwarn{background:color-mix(in srgb,var(--attention) 10%,transparent);border:1px solid color-mix(in srgb,var(--attention) 30%,transparent);color:var(--attention);border-radius:var(--radius-medium);padding:8px 12px;font-size:.75rem;margin-bottom:8px}
.mand{position:relative;display:inline-block}
.mandcar{font-size:.75rem;opacity:.7;margin-left:4px}
.mandpop{position:absolute;right:0;top:calc(100% + 6px);min-width:210px;background:var(--surface);border:1px solid var(--g100);border-radius:var(--radius-medium);box-shadow:none;padding:4px;z-index:40;animation:mandin .16s var(--ease) both}
@keyframes mandin{from{opacity:0}to{opacity:1;transform:none}}
.mandlab{font-size:.75rem;font-weight:600;color:var(--g500);padding:8px 8px 2px;margin:0}
.mandpop button{display:block;width:100%;text-align:left;font-family:inherit;font-size:.8125rem;font-weight:400;color:var(--ink);background:none;border:none;border-radius:var(--radius-medium);padding:8px 8px;cursor:pointer;transition:background .16s var(--ap-ease)}
.mandpop button:hover{background:var(--fog)}
.plseg{display:inline-flex;gap:4px;background:var(--g050);border-radius:999px;padding:4px;margin-bottom:12px}
.plsegb{font-family:inherit;font-size:.8125rem;font-weight:400;padding:8px 16px;border-radius:999px;border:none;background:transparent;color:var(--g500);cursor:pointer;transition:all .16s var(--ap-ease)}
.plsegb:hover{color:var(--ink)}
.plsegb.on{background:var(--surface);color:var(--ink);box-shadow:none;font-weight:600}
.chipn{display:inline-block;margin-left:4px;font-size:.75rem;font-weight:400;padding:0px 4px;border-radius:999px;background:var(--g050);color:var(--g500)}
.trfbtn.on .chipn{background:color-mix(in srgb,var(--surface) 22%,transparent);color:var(--on-teal)}
.chipn.on{background:var(--cyan);color:var(--night)}
.trfbtn.kosong{opacity:.42}
.plfbtn{font-weight:600}
.placts{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto;padding-left:12px}
.plpanel{background:var(--surface);border:1px solid var(--g100);border-radius:var(--radius-medium);padding:12px;margin:0 0 12px;animation:mandin var(--dur-1) var(--ease) both}
.plpgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}
.plpgrid label{display:block;font-size:.75rem;font-weight:600;color:var(--g500)}
.plpgrid select{margin-top:4px;font-size:.8125rem;cursor:pointer}
.plph{font-size:.75rem;color:var(--g500);margin:12px 0 8px}
.plchips{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px}
.plreset{font-weight:600}
@keyframes plsettle{from{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:none}}
.plkcard.settle, .candcard.settle{animation:plsettle var(--dur-2) var(--ease) both}
:where(button,select,input,textarea,a,[tabindex]):focus-visible{outline:1px solid var(--cyan);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.plkcard.settle, .candcard.settle, .plpanel, .mandpop{animation:none!important}}
.cdav{flex:0 0 56px;width:56px;height:56px;border-radius:var(--radius-medium);background:var(--teal);color:var(--on-teal);font-weight:600;font-size:1.25rem;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}
.cdav img{width:100%;height:100%;object-fit:cover}
.kmsgd{font-size:.75rem;font-weight:400;color:var(--g500);background:none;border:none;border-radius:var(--radius-medium);padding:0px 4px}
.kgr{font-size:.75rem;font-weight:400;color:var(--g500);background:none;border:none;border-radius:var(--radius-medium);padding:0px 4px}
.cdmsgh{font-size:.75rem;color:var(--g500);margin:-4px 0 8px;line-height:1.7}
.cdmsgh b{color:var(--ink)}
.cdmsgh .mch{font-size:.75rem;font-weight:400;color:var(--g500);background:var(--g050);border-radius:var(--radius-medium);padding:0 4px;vertical-align:1px}
@media(min-width:1100px){.inp, select, textarea{font-size:.9375rem;padding:12px 12px}.plsearch{font-size:.8125rem;padding:8px 12px}.trfbtn{font-size:.8125rem;padding:8px 12px}.plbar select.trfbtn{max-width:250px}.plkcol{flex:0 0 230px;min-width:230px}.plkcard b{font-size:.8125rem}.plkcard small{font-size:.75rem}.scards{grid-template-columns:repeat(auto-fill,minmax(370px,1fr));gap:16px}table{font-size:.8125rem}.wcard{padding:24px}.cpcard b{font-size:.9375rem}.kv{font-size:.9375rem}.sumgrid{gap:12px}}
@media(max-width:640px){.plcol2{grid-template-columns:1fr}}
.printarea{display:none}
@media print{body>*:not(.printarea){display:none!important}.printarea{display:block!important}}
.cstage{font-family:inherit;font-size:.75rem;font-weight:400;padding:8px 8px;border-radius:var(--radius-medium);border:1px solid var(--g100);background:var(--surface);color:var(--ink);cursor:pointer;flex:0 0 auto;width:150px;max-width:42%}
.linkbox{display:flex;gap:8px;margin:12px 0 8px}
.linkbox .inp{font-size:.8125rem;font-weight:400;color:var(--ink);background:var(--fog)}
@media(hover:none),(max-width:640px){.plkname{min-height:34px;line-height:1.7;margin:-4px 0}.kmsg{width:32px;height:32px;font-size:.8125rem}.kscr{width:38px;height:32px}.kpk{padding:8px 12px}.trfbtn{padding:8px 12px;min-height:34px}.plsegb{padding:8px 16px;min-height:36px}.pkmini{min-height:32px;padding:4px 12px}.cdtab{min-height:38px}}
.ikon{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}
.kmsg .ikon{vertical-align:0}
.dbtabs{display:flex;gap:4px;background:var(--g050);padding:4px;border-radius:var(--radius-medium);margin-bottom:16px}
.dbtab{flex:1;font-family:inherit;font-size:.8125rem;font-weight:600;color:var(--g500);background:none;
  border:none;border-radius:var(--radius-small);padding:8px 10px;cursor:pointer;transition:all var(--dur-1) var(--ease)}
.dbtab:hover{color:var(--g900)}
.dbtab.on{background:var(--surface);color:var(--ink);box-shadow:none}
.dbkpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:16px}
.dbk{background:var(--surface);border:1px solid var(--g100);border-radius:var(--radius-medium);padding:12px 14px}
.dbk .l{font-size:.75rem;font-weight:600;color:var(--g500);display:flex;align-items:center;gap:6px}
.dbk .l i{width:6px;height:6px;border-radius:var(--radius-small);background:var(--accent-deep)}
.dbk.ok .l i{background:var(--succ)}
.dbk.wr .l i{background:var(--warn)}
.dbk.mt .l i{background:var(--g400)}
.dbk.ai .l i{background:var(--ai)}
.dbk.bd .l i{background:var(--err)}
.dbk .n{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--ink);margin-top:4px;line-height:1.1}
.dbk .x{font-size:.75rem;color:var(--g500);margin-top:1px}
.dbwrap{border:1px solid var(--g100);border-radius:var(--radius-medium);overflow:hidden;background:var(--surface)}
.dbtop{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--g100);flex-wrap:wrap}
.dbtop b{font-size:.8125rem;font-weight:600;color:var(--g900)}
.dbtop .h{font-size:.75rem;color:var(--g500)}
.dbtop .r{margin-left:auto;display:flex;gap:5px;flex-wrap:wrap}
.dbt{width:100%;border-collapse:collapse;table-layout:fixed}
.dbt th{text-align:left;font-size:.75rem;font-weight:600;
  color:var(--g500);padding:8px 12px;background:var(--g050);border-bottom:1px solid var(--g100);white-space:nowrap}
.dbt th.s{cursor:pointer}
.dbt th.s:hover{color:var(--g700)}
.dbt th.a, .dbt td.a{text-align:right}
.dbt td{padding:9px 12px;border-bottom:1px solid var(--g050);vertical-align:top;font-size:.8125rem}
.dbt tbody tr:last-child td{border-bottom:none}
.dbt tbody tr:hover{background:var(--surface)}
.dbnm{font-weight:600;font-size:.8125rem;line-height:1.3;color:var(--g900)}
.dbsm{font-size:.75rem;color:var(--g500);margin-top:1px}
.dbrk{font-size:.75rem;color:var(--g700);line-height:1.4}
.dbsk{display:inline-flex;align-items:center;gap:6px}
.dbsk b{font-size:.875rem;font-weight:600;width:24px;text-align:right;color:var(--ink)}
.dbsk span{width:40px;height:4px;border-radius:99px;background:var(--g050);overflow:hidden;display:inline-block}
.dbsk span i{display:block;height:100%;background:var(--accent-deep);border-radius:99px}
.dbsk.hi b{color:var(--succ)}
.dbsk.hi span i{background:var(--succ)}
.dbsk.lo b{color:var(--g500)}
.dbsk.lo span i{background:var(--g400)}
.dbtag{display:inline-flex;font-size:.75rem;font-weight:600;padding:2px 7px;border-radius:var(--radius-small);border:1px solid transparent;white-space:nowrap}
.dba{background:color-mix(in srgb,var(--positive) 10%,transparent);color:var(--succ)}
.dbb{background:color-mix(in srgb,var(--teal) 10%,transparent);color:var(--info)}
.dbc{background:var(--g050);color:var(--g500)}
.dbw{background:color-mix(in srgb,var(--attention) 10%,transparent);color:var(--warn)}
.dbx{background:color-mix(in srgb,var(--critical) 10%,transparent);color:var(--err)}
.dbai{background:color-mix(in srgb,var(--teal) 10%,transparent);color:var(--ai)}
.dbcor{display:flex;align-items:center;gap:2px}
.dbcor div{height:20px;border-radius:var(--radius-small);display:grid;place-items:center;font-size:.75rem;font-weight:600;color:var(--on-teal);min-width:24px;padding:0 4px}
.dbcor div.z{background:var(--g050);color:var(--g500)}
.dbcor .c1{background:color-mix(in srgb,var(--teal) 12%,var(--surface))}
.dbcor .c2{background:color-mix(in srgb,var(--teal) 12%,var(--surface))}
.dbcor .c3{background:var(--teal)}
.dbcor .c4{background:color-mix(in srgb,var(--teal) 12%,var(--surface))}
.dbcor .c5{background:var(--succ)}
.dbkal{padding:14px 12px}
.dbkb{display:grid;grid-template-columns:140px 1fr 104px;align-items:center;gap:10px;margin-bottom:8px}
.dbkb .a{font-size:.75rem;color:var(--g700);display:flex;justify-content:space-between;gap:6px}
.dbkb .a em{font-style:normal;color:var(--g500);font-size:.75rem}
.dbkb .b{height:20px;background:var(--g050);border-radius:var(--radius-small);overflow:hidden}
.dbkb .b i{display:block;height:100%;background:var(--teal);border-radius:var(--radius-small);transition:width var(--dur-3) var(--ease)}
.dbkb .c{font-size:.75rem;color:var(--g500);text-align:right}
@media (max-width:640px){.dbkb{grid-template-columns:104px 1fr 68px}.dbrk{display:none}}
.blbar{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:70;
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:min(940px,calc(100vw - 32px));
  background:var(--night);color:var(--on-teal);border-radius:var(--radius-medium);padding:11px 16px;box-shadow:none}
.plkhsel{display:flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;color:var(--g500);
  background:var(--surface);border:1px solid var(--g100);border-radius:99px;padding:2px 8px;cursor:pointer;margin-left:6px}
.plkhsel:hover{background:var(--g050);color:var(--ink)}
.plkcard.blsel{outline:1px solid var(--accent);outline-offset:-1px}
.plkcb{width:16px;height:16px;accent-color:var(--accent-deep);cursor:pointer;flex:0 0 auto;margin-right:6px}
.blbar b{font-size:.875rem;font-weight:600}
.blbar .s{font-size:.75rem;color:var(--teal)}
.blbar .r{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.blbar button{font-family:inherit;font-size:.8125rem;font-weight:600;border-radius:var(--radius-medium);padding:7px 14px;
  cursor:pointer;border:1px solid color-mix(in srgb,var(--line) 22%,transparent);background:color-mix(in srgb,var(--surface) 10%,transparent);color:var(--on-teal)}
.blbar button:hover{background:color-mix(in srgb,var(--surface) 18%,transparent)}
.blbar button.go{background:var(--cyan);border-color:var(--cyan);color:var(--teal)}
.blbar button.go:hover{background:color-mix(in srgb,var(--teal) 12%,var(--surface))}
.blpick{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--g500);
  background:var(--surface);border:1px solid var(--g100);border-radius:var(--radius-medium);padding:8px 12px;margin-bottom:10px}
.blpick input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-deep);cursor:pointer}
.blpick .r{margin-left:auto;display:flex;gap:8px}
.blcb{width:17px;height:17px;accent-color:var(--accent-deep);cursor:pointer;flex:0 0 auto;margin-top:2px}
.candcard.blsel{border-color:var(--accent)!important;box-shadow:none}
.blbox{border:1px solid var(--g100);border-radius:var(--radius-medium);padding:12px 14px;margin-bottom:12px;background:var(--g050)}
.blbox b{font-size:.8125rem}
.blrow{display:flex;justify-content:space-between;gap:10px;font-size:.8125rem;padding:3px 0;color:var(--g700)}
.blrow em{font-style:normal;color:var(--g500)}
.blprev{background:var(--surface);border:1px solid var(--g100);border-radius:var(--radius-medium);padding:14px;max-height:230px;
  overflow-y:auto;font-size:.8125rem;line-height:1.55;white-space:pre-wrap;color:var(--g700)}
.blprev .sj{font-weight:600;color:var(--g900);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--g050);white-space:normal}
.blbahaya{background:color-mix(in srgb,var(--critical) 6%,transparent);border:1px solid color-mix(in srgb,var(--critical) 25%,transparent);border-radius:var(--radius-medium);padding:12px 14px;margin:12px 0}
.blbahaya b{color:var(--err);font-size:.8125rem;display:block;margin-bottom:4px}
.blbahaya p{font-size:.8125rem;color:var(--g700);margin:0}
.blprog{height:8px;background:var(--g050);border-radius:99px;overflow:hidden;margin:10px 0 6px}
.blprog i{display:block;height:100%;background:var(--teal);border-radius:99px;transition:width .2s linear}
.setuju{border:1px solid var(--g100);border-radius:var(--radius-medium);padding:14px 16px;background:var(--g050);margin:4px 0 16px}
.setuju h4{font-size:.8125rem;font-weight:600;color:var(--g900);margin:0 0 6px}
.setuju p{font-size:.8125rem;line-height:1.55;color:var(--g700);margin:0 0 8px}
.setuju ul{margin:0 0 10px 16px;padding:0}
.setuju li{font-size:.8125rem;line-height:1.55;color:var(--g700);margin-bottom:3px}
.setuju .rinci{font-size:.8125rem;color:var(--accent-deep);cursor:pointer;text-decoration:underline;
  background:none;border:none;padding:0;font-family:inherit}
.setuju label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:.8125rem;
  line-height:1.5;color:var(--g900);margin:10px 0 0;font-weight:400}
.setuju label input{width:17px;height:17px;flex:0 0 auto;margin-top:1px;accent-color:var(--accent-deep);cursor:pointer}
.setuju .wajib{color:var(--err);font-weight:600}
.tptab{display:flex;gap:4px;background:var(--g050);padding:4px;border-radius:var(--radius-medium);margin-bottom:12px}
.tptab button{flex:1;font-family:inherit;font-size:.8125rem;font-weight:600;color:var(--g500);
  background:none;border:none;border-radius:var(--radius-small);padding:8px 10px;cursor:pointer;transition:all var(--dur-1) var(--ease)}
.tptab button:hover{color:var(--g900)}
.tptab button.on{background:var(--surface);color:var(--ink);box-shadow:none}
.tcwrap{display:flex;flex-direction:column;height:min(60vh,540px)}
.tcmsg{flex:1;overflow-y:auto;padding:8px 2px 4px;scroll-behavior:smooth}
.tcmsg::-webkit-scrollbar{width:8px}
.tcmsg::-webkit-scrollbar-thumb{background:var(--g100);border-radius:99px}
.tcsaya{display:flex;justify-content:flex-end;margin:20px 0 6px}
.tcsaya div{max-width:82%;background:var(--g050);border:1px solid var(--g100);border-radius:var(--radius-medium);
  padding:11px 15px;font-size:.875rem;line-height:1.6;color:var(--g900)}
.tcmsg > .tcsaya:first-child{margin-top:4px}
.tcai{margin:14px 0 4px;padding-left:2px}
.tcai .tclabel{display:flex;align-items:center;gap:7px;margin-bottom:7px}
.tcai .tclabel i{width:19px;height:19px;border-radius:var(--radius-small);display:grid;place-items:center;
  font-size:.75rem;font-weight:600;color:var(--on-teal);font-style:normal;
  background:var(--teal)}
.tcai .tclabel b{font-size:.75rem;font-weight:600;color:var(--g500)}
.tcai .tcteks{font-size:.9375rem;line-height:1.72;color:var(--ink);white-space:pre-wrap}
.tcai.gagal .tcteks{color:var(--err)}
.tcai.gagal .tclabel i{background:var(--err)}
.tchasil{margin-top:14px;border:1px solid var(--g100);border-radius:var(--radius-medium);overflow:hidden;background:var(--surface)}
.tchasil .kep{font-size:.75rem;font-weight:600;
  color:var(--g500);padding:9px 14px;background:var(--g050);border-bottom:1px solid var(--g100)}
.tckartu{display:flex;gap:12px;align-items:flex-start;background:none;border:none;
  border-bottom:1px solid var(--g050);padding:11px 14px;cursor:pointer;text-align:left;
  font-family:inherit;width:100%;transition:background var(--dur-1) var(--ease)}
.tckartu:last-child{border-bottom:none}
.tckartu:hover{background:var(--g050)}
.tckartu .no{font-size:.75rem;font-weight:600;color:var(--g500);min-width:14px;padding-top:3px;
  font-variant-numeric:tabular-nums}
.tckartu .isi{flex:1;min-width:0}
.tckartu .nm{font-size:.875rem;font-weight:600;color:var(--g900);display:block}
.tckartu .mt{font-size:.75rem;color:var(--g500);margin-top:2px;display:block}
.tckartu .al{font-size:.8125rem;color:var(--g700);margin-top:5px;line-height:1.55;display:block}
.tckartu .pn{font-size:.75rem;color:var(--g500);padding-top:4px}
.tckartu.dipilih{background:var(--accent-tint)}
.tcbaris{display:flex;align-items:flex-start;border-bottom:1px solid var(--g050)}
.tcbaris:last-child{border-bottom:none}
.tcbaris .cb{padding:13px 0 0 14px}
.tcbaris .cb input{width:16px;height:16px;accent-color:var(--accent-deep);cursor:pointer}
.tcbaris .tckartu{border-bottom:none;flex:1}
.tctarik{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;
  background:var(--g050);border-top:1px solid var(--g100)}
.tctarik .jml{font-size:.8125rem;font-weight:600;color:var(--g900)}
.tctarik select{font-family:inherit;font-size:.8125rem;padding:6px 9px;border:1px solid var(--g100);
  border-radius:var(--radius-medium);background:var(--surface);color:var(--g700);max-width:230px;min-height:0}
.tctarik .knn{margin-left:auto;display:flex;gap:6px}
.tctarik button{font-family:inherit;font-size:.8125rem;font-weight:600;border-radius:var(--radius-medium);
  padding:6px 13px;cursor:pointer;border:1px solid var(--g100);background:var(--surface);color:var(--g700)}
.tctarik button.go{background:var(--accent-deep);border-color:var(--accent-deep);color:var(--on-teal)}
.tctarik button.go:disabled{background:var(--g100);border-color:var(--g100);color:var(--g400);cursor:not-allowed}
.tcform{margin-top:14px;border:1px solid var(--g100);border-radius:var(--radius-large);background:var(--surface);
  padding:15px 16px 11px;transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}
.tcform:focus-within{border-color:var(--accent);box-shadow:none}
.tcform textarea, .tcform textarea:focus{width:100%;font-family:inherit;font-size:.9375rem;
  line-height:1.6;border:none;outline:none;resize:none;background:none;color:var(--ink);
  padding:0;margin:0;display:block;min-height:0;max-height:150px;box-shadow:none;border-radius:0}
.tcform textarea::placeholder{color:var(--g400)}
.tcbar{display:flex;align-items:center;gap:8px;margin:12px -6px 0 -7px}
.tcbar .kanan{margin-left:auto;display:flex;align-items:center;gap:10px}
.tcbar .lingkup{font-size:.8125rem;color:var(--g500);white-space:nowrap}
.tcalat{width:32px;height:32px;border-radius:var(--radius-medium);border:none;background:none;color:var(--g500);
  cursor:pointer;display:grid;place-items:center;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}
.tcalat:hover{background:var(--g050);color:var(--g900)}
.tcalat svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round}
.tckirim{width:34px;height:34px;border-radius:var(--radius-medium);border:none;background:var(--accent-deep);
  color:var(--on-teal);cursor:pointer;display:grid;place-items:center;flex:0 0 auto;
  transition:background var(--dur-1) var(--ease),opacity var(--dur-1) var(--ease)}
.tckirim:hover:not(:disabled){background:color-mix(in srgb,var(--teal) 12%,var(--surface))}
.tckirim:disabled{background:var(--g100);color:var(--g400);cursor:not-allowed}
.tckirim svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;
  stroke-linecap:round;stroke-linejoin:round}
.tckosong{padding:30px 4px 12px}
.tckosong b{display:block;color:var(--ink);font-size:1.25rem;font-weight:600;letter-spacing:-.01em;margin-bottom:6px}
.tckosong p{font-size:.875rem;line-height:1.65;color:var(--g500);margin:0 0 16px;max-width:52ch}
.tcusul{display:flex;flex-direction:column;gap:6px}
.tcusul button{font-family:inherit;font-size:.875rem;color:var(--g700);background:var(--surface);text-align:left;
  border:1px solid var(--g100);border-radius:var(--radius-medium);padding:11px 14px;cursor:pointer;
  transition:border-color var(--dur-1) var(--ease),background var(--dur-1) var(--ease)}
.tcusul button:hover{border-color:var(--accent);background:var(--g050);color:var(--ink)}
.tcketik span{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--g400);
  margin-right:4px;animation:tcdot 1.3s infinite}
.tcketik span:nth-child(2){animation-delay:.18s}
.tcketik span:nth-child(3){animation-delay:.36s}
@keyframes tcdot{0%,60%,100%{opacity:.22;transform:translateY(0)}30%{opacity:1}}
.blnav{font-family:inherit;font-size:.9375rem;line-height:1;font-weight:600;color:var(--g500);background:var(--surface);
  border:1px solid var(--g100);border-radius:var(--radius-small);width:28px;height:26px;cursor:pointer;padding:0}
.blnav:hover:not(:disabled){background:var(--g050);color:var(--ink)}
.blnav:disabled{opacity:.35;cursor:not-allowed}
.bldaftar{margin-top:8px;border:1px solid var(--g100);border-radius:var(--radius-medium);max-height:190px;overflow-y:auto;background:var(--surface)}
.bldaftar button{display:flex;width:100%;align-items:baseline;gap:8px;text-align:left;font-family:inherit;
  font-size:.8125rem;background:none;border:none;border-bottom:1px solid var(--g050);padding:7px 11px;cursor:pointer;color:var(--g700)}
.bldaftar button:last-child{border-bottom:none}
.bldaftar button:hover{background:var(--g050)}
.bldaftar button.on{background:var(--accent-tint)}
.bldaftar .no{color:var(--g500);min-width:20px;font-variant-numeric:tabular-nums}
.bldaftar .na{font-weight:600;color:var(--g900)}
.bldaftar .em{margin-left:auto;color:var(--g500);font-size:.75rem}

/* ===================================================================================
   Lapisan 3: adaptor komponen dasar.
   Kelas lama (.btn, .inp, .badge, .sctab, ...) dipertahankan karena dirujuk dari ratusan
   tempat di JavaScript, tetapi tampilannya sekarang identik dengan komponen nv-* di
   nusva-components.css: ukuran, radius, bobot, dan warna diambil dari token yang sama.
   Kelas nv-* dipakai langsung di markup yang ditulis baru (landing, layar masuk, cockpit).
   =================================================================================== */

/* ---------- dasar halaman ---------- */
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--font-sans);font-size:var(--nv-body);line-height:1.5;color:var(--text);background:var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto}
h1,h2,h3,h4,h5,h6{font-weight:600;text-wrap:balance;color:var(--text)}
b,strong,th{font-weight:600}
a{color:var(--teal)}
a:hover{text-decoration:underline;text-underline-offset:3px}
button{font-family:inherit}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
::selection{background:color-mix(in srgb,var(--teal) 24%,transparent)}
table,.num{font-variant-numeric:tabular-nums}
.hide{display:none!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.nv-icon{width:1rem;height:1rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.18em}
.nv-icon.is-lg{width:1.25rem;height:1.25rem}

/* ---------- L0 Orientasi: bilah kerja ---------- */
.appbar{position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--line)}
.appbar .row{max-width:1340px;margin:0 auto;padding:0 var(--space-section);min-height:var(--workbar-height);display:flex;align-items:center;gap:var(--space-control);flex-wrap:wrap}
.appbar .brand{display:inline-flex;align-items:center;cursor:pointer;margin-right:var(--space-control)}
.appbar .pill{font-size:.75rem;font-weight:400;color:var(--muted);border:0;background:none;padding:0}
.appbar .pill::before{content:"\00b7";margin-right:var(--space-control)}
.appbar .who{margin-left:auto;font-size:.75rem;color:var(--muted)}
.appbar .nav{display:inline-flex;align-items:center;gap:6px;min-height:2rem;padding:0 10px;border:0;border-radius:var(--radius-small);background:none;color:var(--muted);font:inherit;font-size:.8125rem;font-weight:400;cursor:pointer;text-decoration:none;transition:background var(--duration-quick) var(--easing-standard),color var(--duration-quick) var(--easing-standard)}
.appbar .nav:hover{background:var(--surfaceMuted);color:var(--text);text-decoration:none}
.appbar.client .nav,.appbar.client .who{display:none!important}
.appbar.client .brand{cursor:default;pointer-events:none}
.temabtn{display:inline-grid;place-items:center;width:2rem;height:2rem;border:0;border-radius:var(--radius-small);background:none;color:var(--muted);cursor:pointer;transition:background var(--duration-quick) var(--easing-standard),color var(--duration-quick) var(--easing-standard)}
.temabtn:hover{background:var(--surfaceMuted);color:var(--text)}
.temabtn svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}

/* ---------- tombol ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:.8125rem;font-weight:400;line-height:1.25;min-height:2rem;padding:var(--nv-btn-y) var(--nv-btn-x);border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface);color:var(--text);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--duration-quick) var(--easing-standard),border-color var(--duration-quick) var(--easing-standard),color var(--duration-quick) var(--easing-standard)}
.btn:hover{background:var(--surfaceMuted);text-decoration:none}
.btn.pri{background:var(--teal);border-color:var(--teal);color:var(--on-teal);font-weight:600}
.btn.pri:hover{background:color-mix(in srgb,var(--teal) 88%,#000)}
.btn.sm{font-size:.75rem;padding:5px 10px}
.btn.del,.btn.danger,.cdreject{color:var(--critical)}
.btn.on,.btn.act{border-color:color-mix(in srgb,var(--teal) 50%,var(--line));background:color-mix(in srgb,var(--teal) 8%,var(--surface))}
.btn:disabled,.btn[disabled]{opacity:.48;cursor:not-allowed}
.btn .nv-icon{margin:0}
.lnk{display:inline-flex;align-items:center;min-height:2rem;padding:0 4px;border:0;background:none;color:var(--teal);font:inherit;font-size:.8125rem;font-weight:400;cursor:pointer}
.lnk:hover{text-decoration:underline;text-underline-offset:3px}
.cdrep,.aibulk{display:inline-flex;align-items:center;gap:6px;min-height:2rem;padding:var(--nv-btn-y) var(--nv-btn-x);border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface);color:var(--text);font:inherit;font-size:.8125rem;font-weight:400;cursor:pointer}
.cdrep:hover,.aibulk:hover{background:var(--surfaceMuted)}
.aibulk-run{display:inline-flex;font-size:.75rem;color:var(--text);padding:5px 10px;border-radius:var(--radius-small);background:var(--surfaceMuted)}
.aibulk-stop{color:var(--critical)}
.wa{background:var(--surface)}

/* ---------- kolom isian ---------- */
.field{display:grid;gap:6px;margin-bottom:var(--space-standard);align-content:start}
label{display:block;font-size:.8125rem;font-weight:600;color:var(--text);margin:0 0 6px}
.field>label{margin:0}
label .opt{font-size:.75rem;font-weight:400;color:var(--muted)}
.inp,select,textarea{width:100%;font:inherit;font-size:.875rem;line-height:1.4;color:var(--text);background:var(--surface);border:1px solid var(--slate);border-radius:var(--radius-small);padding:8px 10px;min-height:var(--nv-control);transition:border-color var(--duration-instant) var(--easing-standard)}
.inp::placeholder,textarea::placeholder{color:var(--muted)}
.inp:focus,select:focus,textarea:focus{outline:2px solid var(--focus);outline-offset:2px;border-color:var(--teal)}
.inp:disabled,select:disabled,textarea:disabled{background:var(--surfaceMuted);color:var(--muted);cursor:not-allowed}
select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:30px}
textarea{min-height:5.5rem;resize:vertical;line-height:1.5}
input[type=file].inp{padding:6px 8px}
input[type=checkbox],input[type=radio]{appearance:none;-webkit-appearance:none;flex:none;width:18px;height:18px;margin:0;border:1.5px solid var(--slate);border-radius:4px;background:var(--surface);display:inline-grid;place-items:center;cursor:pointer;vertical-align:middle;transition:border-color var(--duration-instant) var(--easing-standard),background var(--duration-instant) var(--easing-standard)}
input[type=radio]{border-radius:50%}
input[type=checkbox]:checked,input[type=radio]:checked{background:var(--teal);border-color:var(--teal)}
input[type=checkbox]:checked::after{content:"";width:5px;height:9px;border:solid var(--on-teal);border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
input[type=radio]:checked::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--on-teal)}
.pwwrap{position:relative}
.pwwrap .inp{padding-right:2.75rem}
.eye{position:absolute;right:2px;top:50%;transform:translateY(-50%);display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;border:0;border-radius:var(--radius-small);background:none;color:var(--muted);cursor:pointer}
.eye:hover{color:var(--text);background:var(--surfaceMuted)}
.eye .nv-icon{width:1.125rem;height:1.125rem}
.eye .nv-icon.off{display:none}
.eye[aria-pressed="true"] .nv-icon.on{display:none}
.eye[aria-pressed="true"] .nv-icon.off{display:inline-block}
.lerr{min-height:1rem;margin-top:var(--space-standard);font-size:.8125rem;color:var(--critical)}
.forgot{display:inline-flex;align-items:center;min-height:2rem;border:0;background:none;color:var(--teal);font:inherit;font-size:.8125rem;cursor:pointer}
.forgot:hover{text-decoration:underline;text-underline-offset:3px}

/* ---------- tab dan kontrol segmen ---------- */
.sctabs,.nv-tabs-like{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:var(--space-standard) 0 var(--space-section);overflow-x:auto}
.sctab{font:inherit;font-size:.875rem;font-weight:400;color:var(--muted);background:transparent;border:0;border-bottom:2px solid transparent;margin:0;padding:10px 13px;min-height:2rem;white-space:nowrap;cursor:pointer;transition:color var(--duration-quick) var(--easing-standard)}
.sctab:hover{color:var(--text)}
.sctab.on{color:var(--text);font-weight:600;border-bottom-color:var(--teal)}
.cdtabs,.plseg,.dbtabs,.tptab,.gfilter{display:flex;gap:0;padding:2px;margin-bottom:var(--space-standard);background:var(--surfaceMuted);border-radius:var(--radius-small);overflow-x:auto;scrollbar-width:none;max-width:100%}
.plseg,.gfilter{display:inline-flex;width:fit-content}
.cdtabs>*,.dbtabs>*,.tptab>*{flex:1 1 auto}
.cdtab,.plsegb,.dbtab,.tptab button,.gfbtn{font:inherit;font-size:.8125rem;font-weight:400;color:var(--muted);background:transparent;border:0;border-radius:4px;padding:6px 12px;min-height:2rem;white-space:nowrap;cursor:pointer;transition:color var(--duration-quick) var(--easing-standard),background var(--duration-quick) var(--easing-standard)}
.cdtab:hover,.plsegb:hover,.dbtab:hover,.tptab button:hover,.gfbtn:hover{color:var(--text)}
.cdtab.on,.plsegb.on,.dbtab.on,.tptab button.on,.gfbtn.on{background:var(--nv-raised);color:var(--text);font-weight:600;box-shadow:var(--shadow-raised)}
.tabn{display:inline-block;margin-left:6px;font-size:.75rem;font-weight:600;color:var(--attention)}
.tabn.full{color:var(--positive)}

/* ---------- chip dan penyaring ---------- */
.chips,.rjopts,.plpills,.plchips,.trfilters{display:flex;flex-wrap:wrap;gap:var(--space-control)}
.chip,.trfbtn,.plpill,.pkmini,.blnav,.cstage{font:inherit;font-size:.75rem;font-weight:400;line-height:1.25;min-height:2rem;padding:5px 10px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface);color:var(--text);cursor:pointer;transition:background var(--duration-quick) var(--easing-standard),border-color var(--duration-quick) var(--easing-standard)}
.chip:hover,.trfbtn:hover,.plpill:hover,.pkmini:hover{background:var(--surfaceMuted)}
.chip.on,.trfbtn.on,.plpill.on{border-color:color-mix(in srgb,var(--teal) 50%,var(--line));background:color-mix(in srgb,var(--teal) 8%,var(--surface));color:var(--text)}
.trfbtn.kosong{color:var(--muted)}
.chipn{margin-left:6px;font-size:.75rem;color:var(--muted)}
select.trfbtn,select.cstage{width:auto;padding-right:28px}

/* ---------- lencana status dan tanda ----------
   Lencana hanya untuk status, selalu dengan satu kata, warnanya semantik. Kategori dan
   metadata tidak diberi lencana: tampil sebagai teks redup. */
.badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;line-height:1.4;padding:3px 10px;border:0;border-radius:999px;background:color-mix(in srgb,currentColor 7%,var(--surface));color:var(--muted);white-space:nowrap}
.badge i{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}
.b-good{color:var(--positive)}
.b-sent,.b-fill{color:var(--attention)}
.b-arch{color:var(--muted)}
.tier,.slatag,.rejtag,.krej,.trflag,.trplus,.pill2,.crit-imp,.ovtag,.schedtag,.tropened,.bgap,.bman,.gpil-gate,.dbtag,.kpk,.plktunggu .sp,.cvtag,.datetag,.adscore,.ktier,.kadm,.kai,.aitag{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;line-height:1.4;padding:2px 8px;border:0;border-radius:999px;background:color-mix(in srgb,currentColor 7%,var(--surface));white-space:nowrap}
.cvtag,.datetag,.kadm,.ktier.k-C{color:var(--muted);background:none;padding:0 4px;font-weight:400}
.tier.A,.ktier.k-A,.adscore,.trplus,.tropened{color:var(--positive)}
.tier.B,.ktier.k-B{color:var(--text)}
.tier.C{color:var(--muted)}
.rejtag,.krej,.trflag,.kpk.bad{color:var(--critical)}
.slatag.sla-red,.plkdiam.bahaya{color:var(--critical)}
.slatag.sla-amber,.plkdiam.awas{color:var(--attention)}
.slatag.sla-ok,.slatag.sla-done,.ksla{color:var(--muted);background:none;padding:0 4px;font-weight:400}
.schedtag,.ovtag,.pill2.pn,.pill2.pl,.sp-anda,.sp-usai,.kai,.aitag{color:var(--muted)}
.pill2.pw{color:var(--critical)}
.pill2.pu{color:var(--attention)}
.sp-klien,.sp-kand{color:var(--attention)}
.kpk.pklow,.kpk.pkmid{color:var(--text)}
.kpk.pkfull{color:var(--positive)}
.kpk::after{content:"\203A";margin-left:4px}
.kpk:hover{background:var(--surfaceMuted)}
.imp-w{color:var(--critical)}.imp-d{color:var(--attention)}.imp-n{color:var(--muted)}
.cpchip,.aichip,.bwt,.mch{display:inline-flex;font-size:.75rem;font-weight:400;color:var(--muted);padding:2px 0;margin-right:var(--space-compact)}

/* ---------- kartu briefing dan kelompok ---------- */
.scards{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:var(--space-standard)}
.scard{position:relative;display:flex;flex-direction:column;gap:6px;background:var(--surfaceMuted);border:0;border-radius:var(--radius-large);padding:var(--space-standard) 20px;cursor:pointer;transition:background var(--duration-quick) var(--easing-standard)}
.scard:hover{background:var(--nv-raised);box-shadow:var(--shadow-raised)}
.scard .pos{font-size:.9375rem;font-weight:600;line-height:1.35;letter-spacing:-.009em;color:var(--text)}
.scard .cli{font-size:.8125rem;color:var(--muted);margin:0}
.scard .meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-compact);font-size:.75rem;color:var(--muted);margin-top:2px}
.scard.arch .pos{color:var(--muted)}
.cardacts{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-control);margin-top:var(--space-control)}
.cact{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:4px 10px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface);color:var(--text);font:inherit;font-size:.75rem;font-weight:400;cursor:pointer;transition:background var(--duration-quick) var(--easing-standard)}
.cact:hover{background:var(--surfaceMuted)}
.cact.go{background:var(--teal);border-color:var(--teal);color:var(--on-teal);font-weight:600}
.cact.go:hover{background:color-mix(in srgb,var(--teal) 88%,#000)}
.cact.more{width:2rem;padding:0;color:var(--muted);font-size:1rem;line-height:1}
.cact.del{color:var(--critical)}
.cmenu,.mandpop{position:absolute;top:calc(100% + 6px);right:0;z-index:45;min-width:12rem;display:flex;flex-direction:column;gap:1px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-medium);box-shadow:var(--shadow-tooltip);animation:nv-enter var(--duration-quick) var(--easing-enter)}
.cmenu-item,.mandpop button{display:flex;align-items:center;width:100%;min-height:2rem;padding:8px 10px;border:0;border-radius:var(--radius-small);background:none;color:var(--text);font:inherit;font-size:.8125rem;font-weight:400;text-align:left;cursor:pointer}
.cmenu-item:hover,.mandpop button:hover{background:var(--surfaceMuted)}
.cmenu-item.del{color:var(--critical)}
.mandlab{padding:8px 10px 2px;font-size:.75rem;font-weight:600;color:var(--muted)}
.mand{position:relative;display:inline-block}
.mandcar{font-size:.75rem;color:var(--muted)}
.archhead{display:flex;align-items:center;gap:var(--space-control);margin:var(--space-composition) 0 var(--space-control)}
.archhead h3{font-size:.8125rem;font-weight:600;color:var(--muted);margin:0}
.archpill{font-size:.75rem;font-weight:600;color:var(--muted)}
.card,.sec,.wcard,.kpanel,.plpanel,.blbox,.setuju,.schedbox,.flaglegend,.gsum,.sumcard,.rppv,.aiempty{background:var(--surfaceMuted);border:0;border-radius:var(--radius-large);padding:var(--space-section)}
.card{margin-bottom:var(--space-section)}
.sec{margin-bottom:var(--space-standard)}
.sec h3,.card h3{font-size:.9375rem;font-weight:600;color:var(--text);margin:0 0 4px}
.sec .sdesc,.card .ch{font-size:.8125rem;color:var(--muted);margin:0 0 var(--space-standard)}
.empty{background:var(--surfaceMuted);border:0;border-radius:var(--radius-large);padding:var(--space-major) var(--space-section);text-align:center;color:var(--muted)}
.empty b{display:block;color:var(--text);font-size:.9375rem;margin-bottom:4px}
.bar,.progbar,.finbar,.aibar,.blprog,.dbsk span{height:6px;border-radius:3px;background:var(--soft);overflow:hidden}
.bar span,.progbar span,.finbar i,.aibar i,.blprog i{display:block;height:100%;border-radius:3px;background:var(--teal)}
.bar{margin-top:var(--space-control)}

/* ---------- formulir bertahap ---------- */
.fwrap{max-width:48.75rem;margin:0 auto}
.progwrap{background:var(--surfaceMuted);border:0;border-radius:var(--radius-large);padding:var(--space-standard) var(--space-section);margin-bottom:var(--space-standard)}
.progtop{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-standard);margin-bottom:var(--space-control)}
.progtop b{font-size:.8125rem}
.progtop span{font-size:.75rem;color:var(--muted)}
.steps{display:flex;gap:2px;margin-top:var(--space-compact);padding:2px;background:var(--soft);border-radius:var(--radius-small)}
.stepchip{flex:1;font-size:.75rem;font-weight:400;text-align:center;padding:7px 4px;min-height:2rem;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer;transition:background var(--duration-quick) var(--easing-standard),color var(--duration-quick) var(--easing-standard)}
.stepchip.on{background:var(--nv-raised);color:var(--text);font-weight:600;box-shadow:var(--shadow-raised)}
.stepchip.done{color:var(--positive)}
.grid2,.grid3{display:grid;gap:var(--space-compact)}
.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr 1fr 1fr}
.rowitem{display:flex;gap:var(--space-control);align-items:flex-start;margin-bottom:var(--space-control)}
.rowitem .num{flex:none;width:1.625rem;min-height:var(--nv-control);display:flex;align-items:center;justify-content:center;font-size:.8125rem;color:var(--muted)}
.rowitem .inp{flex:1}
.rmv{flex:none;width:var(--nv-control);height:var(--nv-control);border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface);color:var(--muted);font-size:1rem;cursor:pointer}
.rmv:hover{color:var(--critical);background:var(--surfaceMuted)}
.addrow{width:100%;margin-top:4px;padding:8px;min-height:2rem;border:1px dashed var(--slate);border-radius:var(--radius-small);background:none;color:var(--teal);font:inherit;font-size:.8125rem;cursor:pointer}
.addrow:hover{background:color-mix(in srgb,var(--teal) 6%,var(--surface))}
.softnote{display:flex;gap:var(--space-control);align-items:flex-start;background:color-mix(in srgb,var(--teal) 7%,var(--surface));border-radius:var(--radius-medium);padding:var(--space-compact) var(--space-standard);font-size:.8125rem;color:var(--text);margin-bottom:var(--space-compact)}
.wnav{display:flex;gap:var(--space-control);margin-top:4px}
.wnav .btn{flex:1}
.muted{font-size:.75rem;color:var(--muted);margin-top:4px}
.psub{font-size:.8125rem;color:var(--muted);margin:0 0 var(--space-section)}
h2{font-size:1.5rem;font-weight:600;letter-spacing:-.017em;line-height:1.2}

/* ---------- lembar: sheet untuk rekaman dan formulir, dialog untuk keputusan ----------
   Sebelumnya semua overlay berupa modal di tengah. Sistem desain memisahkan keduanya:
   keputusan yang menahan pekerjaan jadi dialog, sedangkan rekaman dan formulir panjang
   jadi sheet dari tepi kanan (dari bawah di ponsel), supaya daftar tetap terlihat. */
.ov{position:fixed;inset:0;z-index:80;display:flex;justify-content:flex-end;align-items:stretch;padding:0;background:var(--scrim);animation:nv-fade var(--duration-standard) var(--easing-enter)}
#msgOv,#mkOv,#rjOv,#delOv,#mfaSetOv{z-index:90}
#mfaOv{z-index:200}
.modal{--mp:var(--space-section);position:relative;width:100%;max-width:40rem;height:100%;max-height:none;overflow:auto;padding:var(--mp);background:var(--surface);color:var(--text);border-left:1px solid var(--line);border-radius:0;box-shadow:var(--shadow-overlay);animation:nv-slide-in var(--duration-standard) var(--easing-enter)} /* nusva-ignore: garis tepi 1px sheet, sama dengan .nv-sheet di paket desain */
.modal.mkepala{padding-top:0}
.modal.mkaki{padding-bottom:0}
#delOv,#rjOv,#mkOv,#mfaOv,#mfaSetOv{justify-content:center;align-items:center;padding:var(--space-section)}
#delOv .modal,#rjOv .modal,#mkOv .modal,#mfaOv .modal,#mfaSetOv .modal{max-width:26rem;height:auto;max-height:90vh;border:1px solid var(--line);border-radius:var(--radius-large);animation:nv-enter var(--duration-standard) var(--easing-enter)}
.modal h3{font-size:1.25rem;font-weight:600;letter-spacing:-.017em;line-height:1.25;margin:0 0 4px;color:var(--text)}
.modal p{font-size:.8125rem;color:var(--muted);margin:0 0 var(--space-compact)}
.mhead{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:var(--space-standard);margin:0 calc(-1*var(--mp)) var(--space-standard);padding:var(--mp) var(--mp) var(--space-standard);background:var(--surface)}
.mhead.atas{align-items:flex-start}
.mhead h3{margin:0;flex:1;min-width:0}
.mfoot{position:sticky;bottom:0;z-index:3;display:flex;gap:var(--space-control);margin:var(--space-section) calc(-1*var(--mp)) 0;padding:var(--space-standard) var(--mp) var(--mp);background:var(--surface)}
.mfoot>.btn{flex:1 1 0;min-width:0;margin:0;width:auto}
.mx{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:2rem;min-width:2rem;padding:0 var(--space-control);margin:0 -8px 0 0;border:0;border-radius:var(--radius-small);background:none;color:var(--teal);font:inherit;font-size:.8125rem;font-weight:400;cursor:pointer;white-space:nowrap}
.mx:hover{background:var(--surfaceMuted)}
.linkbox{display:flex;gap:var(--space-control);margin:var(--space-compact) 0 var(--space-control)}
.modal .opts{display:flex;gap:var(--space-control);margin-top:4px}
.modal .opts .btn{flex:1}
@media (max-width:650px){
  .ov{justify-content:center;align-items:flex-end}
  .modal{max-width:none!important;height:auto;max-height:90vh;border-left:0;border-top:1px solid var(--line);border-radius:var(--radius-large) var(--radius-large) 0 0;animation:nv-enter var(--duration-standard) var(--easing-enter)}
  #delOv,#rjOv,#mkOv,#mfaOv,#mfaSetOv{align-items:center}
  #delOv .modal,#rjOv .modal,#mkOv .modal,#mfaOv .modal,#mfaSetOv .modal{border-radius:var(--radius-large)}
}

/* ---------- toast ---------- */
.toast{position:fixed;right:var(--space-section);bottom:var(--space-section);left:auto;z-index:95;display:grid;grid-template-columns:auto 1fr;gap:var(--space-compact);align-items:start;width:min(23.75rem,calc(100vw - 1.5rem));padding:var(--space-compact);background:var(--surface);color:var(--text);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:var(--radius-medium);box-shadow:var(--shadow-tooltip);font-size:.875rem;opacity:0;transform:translateY(var(--nv-move,8px));pointer-events:none;transition:opacity var(--duration-standard) var(--easing-enter),transform var(--duration-standard) var(--easing-enter)}
.toast.show{opacity:1;transform:none}
.toast-icon{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--surfaceMuted);color:var(--muted)}
.toast-text{padding-top:3px;overflow-wrap:anywhere}
.toast.is-positive .toast-icon{color:var(--positive);background:color-mix(in srgb,var(--positive) 12%,var(--surface))}
.toast.is-attention .toast-icon{color:var(--attention);background:color-mix(in srgb,var(--attention) 12%,var(--surface))}
.toast.is-critical .toast-icon{color:var(--critical);background:color-mix(in srgb,var(--critical) 12%,var(--surface))}
@media (max-width:650px){.toast{left:var(--space-compact);right:var(--space-compact);bottom:var(--space-compact);width:auto}}

/* ---------- tabel ---------- */
.trwrap,.dbwrap,.tchasil{border:1px solid var(--line);border-radius:var(--radius-medium);background:var(--surface);overflow:hidden}
.trwrap{max-height:66vh;overflow:auto}
.trtable,.dbt,.crittbl,.mtx{width:100%;border-collapse:collapse;font-size:.8125rem}
.trtable th,.dbt th{position:sticky;top:0;z-index:1;text-align:left;padding:var(--nv-cell-y) var(--nv-cell-x);background:var(--surfaceMuted);color:var(--muted);font-size:.75rem;font-weight:600;white-space:nowrap;border-bottom:1px solid var(--line)}
.trtable td,.dbt td,.crittbl td,.mtx td{padding:var(--nv-cell-y) var(--nv-cell-x);border-bottom:1px solid var(--line);vertical-align:top}
.trtable tr:last-child td,.dbt tbody tr:last-child td{border-bottom:0}
.trtable tbody tr:hover,.dbt tbody tr:hover{background:color-mix(in srgb,var(--surfaceMuted) 60%,transparent)}
.dbt th.s{cursor:pointer}
.dbt th.s:hover{color:var(--text)}
.trname,.ann,.t5n{font-weight:600;color:var(--text);cursor:pointer}
.trname:hover,.ann:hover,.t5n:hover{text-decoration:underline;text-underline-offset:3px}
.trsub,.dbsm,.tpsrc,.csmall,.cmeta,.acttime,.ant{font-size:.75rem;color:var(--muted)}

/* ---------- Nexa: analisis kandidat ----------
   Nexa berbicara dengan teal seperti aksi lain, tanpa ungu dan tanpa gradasi. Panel ini
   muncul di L4 (rekaman kandidat) karena menjelaskan, dan skornya dihitung, bukan dikarang. */
.aipanel{background:color-mix(in srgb,var(--teal) 6%,var(--surface));border-radius:var(--radius-large);padding:var(--space-standard) var(--space-section)}
.aipanel .over,.aiempty .over{display:flex;align-items:center;gap:var(--space-control);margin:0;font-size:.8125rem;font-weight:600;color:var(--text)}
.aipanel .over .nv-icon,.aiempty .over .nv-icon{color:var(--teal)}
.aitop{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-control);margin-bottom:var(--space-compact)}
.aiempty{background:color-mix(in srgb,var(--teal) 6%,var(--surface));display:flex;align-items:center;gap:var(--space-standard);flex-wrap:wrap;padding:var(--space-standard) var(--space-section)}
.aiempty>div{flex:1;min-width:12.5rem}
.aiverdict{display:flex;align-items:center;gap:var(--space-standard);flex-wrap:wrap}
.aibig{font-family:var(--font-data);font-size:3rem;font-weight:600;line-height:1;letter-spacing:-.022em;font-variant-numeric:tabular-nums;color:var(--text)}
.ailabel{font-size:.9375rem;font-weight:600;letter-spacing:-.009em;color:var(--text)}
.aibar{max-width:21.25rem;margin:var(--space-control) 0 4px}
.aimeta,.aipanel .aimeta{font-size:.75rem;color:var(--muted)}
.ailead{font-size:.875rem;line-height:1.6;color:var(--text);margin:var(--space-standard) 0 var(--space-compact)}
.aigrid{display:grid;grid-template-columns:1fr;gap:var(--space-control)}
@media(min-width:660px){.aigrid{grid-template-columns:1fr 1fr}}
.aicol{background:var(--surface);border-radius:var(--radius-medium);padding:var(--space-compact) var(--space-standard)}
.aicol .over{margin-bottom:var(--space-control)}
.aicol.plus .over{color:var(--positive)}
.aicol.minus .over{color:var(--attention)}
.aiev{font-size:.8125rem;line-height:1.5;padding:var(--space-control) 0;border-top:1px solid var(--line)}
.aiev:first-of-type{border-top:0;padding-top:0}
.aiev b{display:block;font-weight:600;color:var(--text)}
.aiev span{color:var(--muted)}
.aiverif{margin-top:var(--space-compact);background:var(--surface);border-radius:var(--radius-medium);padding:var(--space-compact) var(--space-standard)}
.aiverif .over{margin-bottom:var(--space-control)}
.aicl{display:grid;gap:var(--space-control)}
.aicl-row{display:flex;gap:var(--space-control);font-size:.8125rem;line-height:1.5}
.aicl-ic{flex:none;width:1.125rem;height:1.125rem;border-radius:50%;display:grid;place-items:center;font-size:.75rem;font-weight:600}
.aicl-ic.p{color:var(--positive);background:color-mix(in srgb,var(--positive) 12%,var(--surface))}
.aicl-ic.m{color:var(--critical);background:color-mix(in srgb,var(--critical) 12%,var(--surface))}
.aicl-ic.n{color:var(--muted);background:var(--surfaceMuted)}
.aicl-a{color:var(--muted);font-size:.75rem}
.aicl-t{color:var(--text);font-weight:600}
.gate-warn,.pkwarn,.kgate.warn{background:color-mix(in srgb,var(--attention) 9%,var(--surface));color:var(--text);border-radius:var(--radius-medium);padding:var(--space-compact) var(--space-standard);font-size:.8125rem;margin-bottom:var(--space-compact)}
.kgate.ok,.finstamp{background:color-mix(in srgb,var(--positive) 9%,var(--surface));color:var(--text);border-radius:var(--radius-medium);padding:var(--space-compact) var(--space-standard);font-size:.8125rem;margin-bottom:var(--space-compact)}
.blbahaya{background:color-mix(in srgb,var(--critical) 8%,var(--surface));border-radius:var(--radius-medium);padding:var(--space-compact) var(--space-standard);margin:var(--space-compact) 0}
.blbahaya b{color:var(--critical)}

/* ---------- kanban talent pool ---------- */
.plkan{display:flex;gap:var(--space-control);overflow-x:auto;padding-bottom:var(--space-control);align-items:stretch;cursor:grab}
.plkcol{flex:0 0 12.5rem;min-width:12.5rem;height:min(70vh,38.75rem);display:flex;flex-direction:column;background:var(--surfaceMuted);border-radius:var(--radius-large)}
.plkhead{flex:0 0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:var(--space-compact) var(--space-compact) var(--space-control);font-size:.8125rem;font-weight:600;color:var(--text);background:none}
.plkhead>span:first-child{flex:1;display:flex;align-items:center;gap:6px}
.plkhead.is-positive>span:first-child::before,.plkhead.is-critical>span:first-child::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--positive)}
.plkhead.is-critical>span:first-child::before{background:var(--critical)}
.plkn{font-size:.75rem;font-weight:600;color:var(--muted)}
.plktunggu{flex:0 0 100%;display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:4px;font-size:.75rem;font-weight:400}
.plkbody{padding:0 var(--space-control) var(--space-control);display:flex;flex-direction:column;gap:var(--space-control);flex:1 1 0;min-height:0;overflow-y:auto}
.plkcard{background:var(--nv-raised);border:0;border-radius:var(--radius-medium);padding:var(--space-control) var(--space-compact);cursor:grab;box-shadow:var(--shadow-raised);transition:box-shadow var(--duration-quick) var(--easing-standard)}
.plkname{font-weight:600;font-size:.8125rem;line-height:1.35;color:var(--text);cursor:pointer}
.plkmeta,.plktags{font-size:.75rem;color:var(--muted)}
.plkcard.blsel,.candcard.blsel{outline:2px solid var(--teal);outline-offset:-2px}
.kmsg,.kscr{display:inline-grid;place-items:center;flex:none;width:2rem;height:2rem;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface);color:var(--muted);cursor:pointer;font-size:.8125rem}
.kmsg:hover,.kscr:hover{color:var(--text);background:var(--surfaceMuted)}
body.seret-kartu .plkcol:hover{background:color-mix(in srgb,var(--teal) 8%,var(--surfaceMuted))}
.blbar{position:fixed;left:50%;transform:translateX(-50%);bottom:var(--space-section);z-index:70;display:flex;align-items:center;gap:var(--space-compact);flex-wrap:wrap;max-width:min(58.75rem,calc(100vw - 2rem));padding:var(--space-compact) var(--space-standard);background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-medium);box-shadow:var(--shadow-tooltip)}
.blbar b{font-size:.875rem}
.blbar .s{font-size:.75rem;color:var(--muted)}
.blbar .r{margin-left:auto;display:flex;gap:var(--space-control);flex-wrap:wrap}
.blbar button{min-height:2rem;padding:5px 12px;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface);color:var(--text);font:inherit;font-size:.8125rem;cursor:pointer}
.blbar button:hover{background:var(--surfaceMuted)}
.blbar button.go{background:var(--teal);border-color:var(--teal);color:var(--on-teal);font-weight:600}

/* ---------- sentuhan dan fokus ---------- */
@media (pointer:coarse){
  .btn,.inp,select,textarea,.sctab,.cdtab,.plsegb,.dbtab,.gfbtn,.chip,.trfbtn,.plpill,.cact,.lnk,.mx,.forgot,.appbar .nav,.temabtn,.eye,.cmenu-item,.mandpop button{min-height:var(--target-touch)}
  .temabtn,.eye{min-width:var(--target-touch)}
  input[type=checkbox],input[type=radio]{width:22px;height:22px}
}
@media (max-width:640px){.grid2,.grid3{grid-template-columns:1fr}.scards{grid-template-columns:1fr}.plcol2{grid-template-columns:1fr}}
@media print{body{background:#fff!important}}


/* ===================================================================================
   Lapisan 4: layar yang ditulis baru.
   =================================================================================== */

/* ---------- logo ----------
   Logo dipakai sebagai berkas, bukan digambar ulang. Terang: berkas lockup Nusva Search
   dari klien. Gelap: tanda N putih dari klien, dan kata mereknya Plus Jakarta Sans (huruf merek
   di samping logo, sesuai brand book). Layar sempit: tanda N saja. */
.nslogo{--ns:2rem;display:inline-flex;align-items:center;gap:calc(var(--ns)*.2);line-height:1}
.nslogo-img{display:block;height:var(--ns);width:auto}
.nslogo-mark,.nslogo-mark-w{display:none;width:auto;height:var(--ns)}
.nslogo-t{display:none;flex-direction:column;gap:calc(var(--ns)*.07)}
.nslogo-1{font-family:var(--font-brand);font-size:calc(var(--ns)*.62);font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--text)} /* nusva-ignore: 800 hanya untuk kata merek di samping logo */
.nslogo-2{font-size:max(.75rem,calc(var(--ns)*.2));font-weight:600;letter-spacing:.2em;line-height:1;color:var(--brand-teal)}
[data-theme="dark"] .nslogo-img{display:none}
[data-theme="dark"] .nslogo-mark-w{display:block}
[data-theme="dark"] .nslogo-t{display:flex}
@media (prefers-color-scheme:dark){
  :root:not([data-theme]) .nslogo-img{display:none}
  :root:not([data-theme]) .nslogo-mark-w{display:block}
  :root:not([data-theme]) .nslogo-t{display:flex}
}
@media (max-width:520px){
  .lpbar .nslogo-img,.lpbar .nslogo-t{display:none}
  .lpbar .nslogo-mark{display:block}
  [data-theme="dark"] .lpbar .nslogo-mark{display:none}
  [data-theme="dark"] .lpbar .nslogo-mark-w{display:block}
}
@media (max-width:520px) and (prefers-color-scheme:dark){
  :root:not([data-theme]) .lpbar .nslogo-mark{display:none}
  :root:not([data-theme]) .lpbar .nslogo-mark-w{display:block}
}

/* ---------- halaman depan ---------- */
#landing{background:var(--canvas);color:var(--text)}
.lpwrap{max-width:68rem;margin:0 auto;padding:0 var(--space-section)}
.lpnarrow{max-width:46rem}
.lpbar{position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--line)}
.lpbar-in{max-width:68rem;margin:0 auto;padding:0 var(--space-section);min-height:var(--workbar-height);display:flex;align-items:center;gap:var(--space-compact)}
.lpbrand{display:inline-flex;align-items:center;margin-right:auto}
.lpnav{display:flex;align-items:center;gap:2px}
.lpnav a,.lpnav button{display:inline-flex;align-items:center;min-height:2rem;padding:0 10px;border:0;border-radius:var(--radius-small);background:none;color:var(--muted);font:inherit;font-size:.8125rem;font-weight:400;text-decoration:none;cursor:pointer;white-space:nowrap}
.lpnav a:hover,.lpnav button:hover{background:var(--surfaceMuted);color:var(--text);text-decoration:none}
.lpnav .is-action{color:var(--teal)}
.lphero{padding:calc(var(--space-major)*2) 0 calc(var(--space-major)*1.5)}
.lphero h1{max-width:18ch;margin:6px 0 var(--space-standard);font-size:clamp(2.25rem,6vw,3.5rem);line-height:1.06;letter-spacing:-.022em}
.lpsub{max-width:54ch;font-size:1.125rem;line-height:1.5;color:var(--muted)}
.lpcta{display:flex;flex-wrap:wrap;gap:var(--space-compact);margin-top:var(--space-composition)}
.lpcta .btn{min-height:2.75rem;padding:0 var(--space-section);font-size:.9375rem}
.lpnote{margin-top:var(--space-compact);font-size:.75rem;color:var(--muted)}
.lpsec{padding:calc(var(--space-major)*1.5) 0}
.lpsec h2{max-width:26ch;margin:6px 0 var(--space-composition);font-size:2rem;line-height:1.15;letter-spacing:-.021em}
.lpalt{background:var(--surfaceMuted)}
.lpsteps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-composition)}
.lpsteps li{display:flex;flex-direction:column;gap:var(--space-control)}
.lpstepnum{font-family:var(--font-data);font-size:.75rem;font-weight:600;color:var(--muted)}
.lpsteps h3{font-size:.9375rem;letter-spacing:-.009em}
.lpsteps p{font-size:.875rem;color:var(--muted);max-width:34ch}
.lpbody{font-size:.9375rem;line-height:1.6;color:var(--text);max-width:60ch}
.lph3{margin:var(--space-composition) 0 var(--space-compact);font-size:.9375rem;letter-spacing:-.009em}
.lplist{list-style:none;display:grid;gap:var(--space-control)}
.lplist li{display:flex;gap:var(--space-compact);align-items:baseline;font-size:.9375rem;line-height:1.5}
.lplist li::before{content:"";flex:none;width:.375rem;height:.375rem;margin-top:.5em;border-radius:50%;background:var(--slate)}
.lpjujur{margin-top:var(--space-composition);display:grid;grid-template-columns:auto 1fr;gap:var(--space-compact);padding:var(--space-standard) var(--space-section);background:color-mix(in srgb,var(--teal) 6%,var(--surface));border-radius:var(--radius-large)}
.lpjujur-ic{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:color-mix(in srgb,var(--teal) 14%,var(--surface));color:var(--teal)}
.lpjujur .lph3{margin:2px 0 var(--space-control)}
.lpjujur p{font-size:.875rem;line-height:1.6;margin-bottom:var(--space-control);max-width:62ch}
.lpjujur p:last-child{margin-bottom:0}
.lpbig{margin-top:var(--space-composition);min-height:2.75rem;padding:0 var(--space-section);font-size:.9375rem}
.lpdl{margin-top:var(--space-section)}
.lpdl>div{display:grid;grid-template-columns:12.5rem minmax(0,1fr);gap:var(--space-standard);padding:var(--space-standard) 0;border-top:1px solid var(--line)}
.lpdl>div:last-child{border-bottom:1px solid var(--line)}
.lpdl dt{font-size:.875rem;font-weight:600;line-height:1.45;color:var(--text)}
.lpdl dd{margin:0;font-size:.875rem;line-height:1.6;color:var(--muted)}
.lpdl dd a{color:var(--teal)}
.lptutup{padding:calc(var(--space-major)*1.5) 0;background:var(--gradient-brand-135);--on-teal:#FFFFFF}
.lptutup h2{margin:0 0 var(--space-compact);font-size:2rem;letter-spacing:-.021em;color:var(--on-teal)}
.lptutup a.lpmail{display:inline-block;font-size:1.5rem;font-weight:600;letter-spacing:-.017em;color:var(--on-teal);text-decoration:underline;text-underline-offset:6px}
.lpfoot{padding:var(--space-section) 0 var(--space-composition);background:var(--canvas)}
.lpfoot-in{display:flex;flex-wrap:wrap;align-items:center;gap:4px var(--space-standard);font-size:.75rem;color:var(--muted)}
.lpfoot-in a{display:inline-flex;align-items:center;min-height:2rem;color:var(--muted)}
.lpfoot-in a:hover{color:var(--text)}
.lpfoot-in button{margin-left:auto;min-height:2rem;border:0;background:none;color:var(--teal);font:inherit;font-size:.75rem;cursor:pointer}
.lpfoot-in button:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){
  .lphero{padding:calc(var(--space-major)*1.25) 0 var(--space-major)}
  .lpsec,.lptutup{padding:var(--space-major) 0}
  .lpsec h2,.lptutup h2{font-size:1.5rem}
  .lpsteps{grid-template-columns:1fr;gap:var(--space-section)}
  .lpdl>div{grid-template-columns:1fr;gap:4px}
  .lpcta{flex-direction:column;align-items:stretch}
  .lpfoot-in button{margin-left:0}
}

/* ---------- layar masuk ----------
   Satu-satunya tempat produk ini memakai gradasi merek: panel merek di kiri, sesuai
   brand book (login dan splash boleh). Isinya cuma logo putih dan satu kalimat putih besar. */
#login{min-height:100vh;background:var(--canvas)}
.lgsplit{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);min-height:100vh}
.lgbrand{display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-composition) var(--space-major);background:var(--gradient-brand);--on-teal:#FFFFFF;color:var(--on-teal)}
.lgbrand .nslogo{--ns:2.75rem}
.lgbrand .nslogo-img,.lgbrand .nslogo-mark{display:none}
.lgbrand .nslogo-mark-w{display:block}
.lgbrand .nslogo-t{display:flex}
.lgbrand .nslogo-1{color:var(--on-teal)}
.lgbrand .nslogo-2{color:var(--on-teal)}
.lgbrand-t{max-width:16ch;font-size:2rem;font-weight:600;line-height:1.15;letter-spacing:-.021em;color:var(--on-teal);text-wrap:balance}
.lgmain{display:flex;align-items:center;justify-content:center;padding:var(--space-composition) var(--space-section)}
.lgwrap{width:100%;max-width:24.5rem}
.lgwrap .lgmobile{display:none;margin-bottom:var(--space-section)}
.lgback{display:inline-flex;align-items:center;gap:6px;min-height:2rem;margin:0 0 var(--space-section) -6px;padding:0 6px;border:0;border-radius:var(--radius-small);background:none;color:var(--muted);font:inherit;font-size:.8125rem;cursor:pointer}
.lgback:hover{color:var(--text);background:var(--surfaceMuted)}
.lgtitle{font-size:2rem;line-height:1.15;letter-spacing:-.021em;margin:0}
.lgsub{margin:var(--space-control) 0 var(--space-composition);font-size:.9375rem;color:var(--muted)}
.lgform .btn.pri{width:100%;min-height:2.75rem;margin-top:var(--space-standard);font-size:.9375rem}
.lgform .ingat{display:flex;align-items:center;gap:10px;min-height:2rem;margin:0;font-size:.8125rem;font-weight:400;color:var(--muted);cursor:pointer}
.lgaksi{display:flex;justify-content:center;margin-top:var(--space-standard)}
@media (max-width:900px){
  .lgsplit{grid-template-columns:1fr}
  .lgbrand{display:none}
  .lgmain{align-items:flex-start;padding-top:var(--space-major)}
  .lgwrap .lgmobile{display:block}
}

/* ---------- L1 jawaban dan L2 perhatian di cockpit ---------- */
.ck-bar{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-control);flex-wrap:wrap;margin:0 0 var(--space-section)}
.ck-bar .btn .nv-icon{margin-right:2px}
#ckpit{margin-bottom:var(--space-composition)}
#ckpit .nv-answer h1{max-width:30ch}
#ckpit .nv-attention{margin-top:var(--space-composition)}
#ckpit .nv-signal{grid-template-columns:3rem minmax(0,1fr) auto;align-items:center}
#ckpit .nv-signal-num{font-family:var(--font-data)}
.ck-more{margin-top:var(--space-control)}
.ck-skel{max-width:36rem}
.ck-section{display:flex;align-items:baseline;gap:var(--space-compact);margin:0 0 var(--space-standard)}
.ck-section h2{font-size:1.25rem;letter-spacing:-.017em}
.ck-section .psub{margin:0}

/* ---------- halaman bertoken (klien, kandidat, asesmen, tinjauan) ---------- */
.pubhead{margin:0 0 var(--space-section)}
.pubhead .nv-answer h1{max-width:28ch}
#client,#apply,#grapho,#review,#cportal,#reportPage{--nv-body:.9375rem}

/* ---------- tambahan: kepala scorecard, jawaban L1, lapisan 5 ---------- */
.sc-top{display:flex;align-items:center;gap:var(--space-control);flex-wrap:wrap;margin:0 0 var(--space-standard)}
.sc-top-gap{flex:1}
.sc-answer{margin-bottom:var(--space-section)}
.sc-answer h1{max-width:34ch}
.ck-l5{margin-top:var(--space-standard);font-size:.875rem;color:var(--muted)}
.ck-l5 summary{cursor:pointer;display:inline-block;min-height:2rem;line-height:2rem}
.ck-l5 ol{margin:var(--space-control) 0 0;padding-left:1.25rem;display:grid;gap:var(--space-control)}
.nv-unknown-inline{font-weight:400;color:var(--muted)}
.aibig.is-unknown{font-size:.875rem;font-weight:400;color:var(--muted)}
.nv-answer-facts li>.nv-unknown-inline{font-size:1rem}

/* ---------- layar sempit: bilah atas turun baris bila tidak muat, sinyal L2 bertumpuk ---------- */
@media (max-width:520px){
  .appbar .row{flex-wrap:wrap;gap:2px;padding:0 var(--space-compact)}
  #mfaBtn .lbl{display:none}
  .appbar .pill,.appbar .who{display:none}
  .appbar .brand{margin-right:auto}
  .appbar .nav{padding:0 8px}
  #ckpit .nv-signal{grid-template-columns:2.5rem minmax(0,1fr);row-gap:var(--space-control)}
  #ckpit .nv-signal>.nv-link{grid-column:2;justify-self:start}
  .ck-bar{justify-content:flex-start}
}

/* ===================================================================================
   Suasana Nusva Kerja untuk halaman depan dan ruang kerja: dasar abu muda dengan kartu
   putih, cahaya teal lembut di hero, tombol ajakan bergradasi navy ke teal di halaman
   pemasaran, mockup produk. Semua nilai dari token, kecuali putih di atas gradasi.
   =================================================================================== */
/* canvas abu muda dan kartu putih datang dari token 3.6 (canvas #F3F5F6, surface putih), tanpa ditimpa lagi di sini */
body{background:var(--canvas)}

/* ---------- bilah atas ---------- */
.lpbar{background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px)}
.lpnav{gap:var(--space-micro)}
.lpnav .is-action{color:var(--muted)}
.lpnav .lpnav-cta{display:inline-flex;align-items:center;min-height:2.25rem;margin-left:var(--space-control);padding:0 var(--space-standard);border-radius:var(--radius-small);background:linear-gradient(135deg,var(--navy),var(--teal));--on-teal:#FFFFFF;color:var(--on-teal);font-weight:600;text-decoration:none}
.lpnav .lpnav-cta:hover{background:linear-gradient(135deg,var(--navy),var(--teal));color:var(--on-teal);filter:brightness(1.1)}

/* ---------- hero ---------- */
.lphero{position:relative;overflow:hidden;padding:calc(var(--space-major)*1.4) 0 calc(var(--space-major)*1.6);
  background:
    radial-gradient(56rem 34rem at 92% -12%,color-mix(in srgb,var(--cyan) 30%,transparent),transparent 66%),
    radial-gradient(42rem 28rem at 62% 60%,color-mix(in srgb,var(--cyan) 16%,transparent),transparent 72%),
    radial-gradient(34rem 26rem at -8% 108%,color-mix(in srgb,var(--cyan) 12%,transparent),transparent 72%),
    var(--canvas)}
[data-theme="dark"] .lphero{background:
    radial-gradient(56rem 34rem at 92% -12%,color-mix(in srgb,var(--teal) 24%,transparent),transparent 66%),
    radial-gradient(34rem 26rem at -8% 108%,color-mix(in srgb,var(--teal) 14%,transparent),transparent 72%),
    var(--canvas)}
@media (prefers-color-scheme:dark){:root:not([data-theme]) .lphero{background:
    radial-gradient(56rem 34rem at 92% -12%,color-mix(in srgb,var(--teal) 24%,transparent),transparent 66%),
    radial-gradient(34rem 26rem at -8% 108%,color-mix(in srgb,var(--teal) 14%,transparent),transparent 72%),
    var(--canvas)}}
.lphero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--space-major);align-items:center}
.lphero h1{max-width:15ch;font-size:clamp(2.25rem,4.6vw,3.5rem)}
.lpcta{align-items:center}
.lpcta-main{display:inline-flex;align-items:center;min-height:3rem;padding:0 var(--space-section);border-radius:var(--radius-small);background:linear-gradient(135deg,var(--navy),var(--teal));--on-teal:#FFFFFF;color:var(--on-teal);font-size:.9375rem;font-weight:600;text-decoration:none;box-shadow:var(--shadow-raised)}
.lpcta-main:hover{color:var(--on-teal);text-decoration:none;filter:brightness(1.1)}
.lpcta-alt{display:inline-flex;align-items:center;min-height:3rem;padding:0 var(--space-section);border:1px solid var(--teal);border-radius:var(--radius-small);background:var(--surface);color:var(--teal);font-size:.9375rem;font-weight:600;text-decoration:none}
.lpcta-alt:hover{background:var(--accent-tint);text-decoration:none}
.lpticks{list-style:none;display:grid;gap:var(--space-control);margin-top:var(--space-section);font-size:.875rem;color:var(--muted)}
.lpticks li{display:flex;align-items:center;gap:var(--space-control)}
.lpticks .nv-icon{flex:none;color:var(--positive)}

/* ---------- mockup papan mandat ---------- */
.lpmock{position:relative;margin:0}
.lpmock figcaption{margin-top:var(--space-compact);font-size:.75rem;color:var(--muted);text-align:center}
.lpwin{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 2px color-mix(in srgb,var(--navy) 6%,transparent),0 22px 44px -28px color-mix(in srgb,var(--navy) 40%,transparent);overflow:hidden}
.lpwin-bar{display:flex;align-items:center;gap:6px;padding:10px var(--space-compact);border-bottom:1px solid var(--line);background:var(--surfaceMuted)}
.lpwin-bar span{width:.5rem;height:.5rem;border-radius:50%;background:var(--line)}
.lpwin-bar em{margin-left:var(--space-control);font-style:normal;font-size:.75rem;color:var(--muted)}
.lpwin-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-compact);padding:var(--space-compact) var(--space-standard)}
.lpwin-head strong{display:block;font-size:.9375rem}
.lpwin-head small{font-size:.75rem;color:var(--muted)}
.lpchip{display:inline-flex;align-items:center;align-self:flex-start;min-height:1.25rem;padding:0 8px;border-radius:999px;background:var(--surfaceMuted);color:var(--muted);font-size:.75rem;white-space:nowrap}
.lpchip.is-ok{background:color-mix(in srgb,var(--positive) 12%,var(--surface));color:var(--positive)}
.lpboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-control);padding:0 var(--space-compact) var(--space-compact)}
.lpcol{display:flex;flex-direction:column;gap:var(--space-control);padding:var(--space-control);border-radius:var(--radius-medium);background:var(--surfaceMuted)}
.lpcol h4{display:flex;justify-content:space-between;gap:var(--space-control);font-size:.75rem;font-weight:600;color:var(--muted)}
.lpcol h4 b{font-weight:600;color:var(--text)}
.lpcard{display:flex;gap:var(--space-control);align-items:flex-start;padding:var(--space-control);border-radius:var(--radius-medium);background:var(--surface);box-shadow:var(--shadow-raised)}
.lpcard strong{display:block;font-size:.75rem}
.lpcard small{display:block;font-size:.75rem;color:var(--muted)}
.lpcard .lpchip{margin-top:4px;white-space:normal}
.lpcard.is-pick{box-shadow:var(--shadow-raised),0 0 0 2px color-mix(in srgb,var(--teal) 55%,transparent)}
.lpscore{flex:none;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:color-mix(in srgb,var(--teal) 12%,var(--surface));color:var(--teal);font-family:var(--font-data);font-size:.75rem;font-weight:600}
.lpfloat{position:absolute;left:-1.25rem;bottom:2.5rem;display:flex;align-items:center;gap:var(--space-compact);padding:var(--space-compact) var(--space-standard) var(--space-compact) var(--space-compact);border-radius:var(--radius-large);background:var(--surface);box-shadow:var(--shadow-tooltip),0 0 0 1px var(--line)}
.lpfloat strong{display:block;font-size:.8125rem}
.lpfloat small{font-size:.75rem;color:var(--muted)}
.lpfloat-ic{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:color-mix(in srgb,var(--teal) 12%,var(--surface));color:var(--teal)}

/* ---------- pita ringkasan, level, cara kerja ---------- */
.lpband{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lpband-in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-section);padding-top:var(--space-section);padding-bottom:var(--space-section)}
.lpband-in div{display:flex;flex-direction:column;gap:2px}
.lpband-in strong{font-size:1.75rem;letter-spacing:-.02em;line-height:1.1}
.lpband-in span{font-size:.875rem;color:var(--muted)}
.lpsec{background:var(--surface)}
.lpsec.lpalt{background:var(--canvas)}
.lplevels{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-standard)}
.lplevels li{display:flex;gap:var(--space-compact);padding:var(--space-section);border-radius:18px;background:var(--surface);box-shadow:0 1px 2px color-mix(in srgb,var(--navy) 6%,transparent),0 18px 36px -28px color-mix(in srgb,var(--navy) 40%,transparent)}
.lplevels .nv-icon{flex:none;width:1.5rem;height:1.5rem;padding:.375rem;box-sizing:content-box;border-radius:50%;background:color-mix(in srgb,var(--teal) 12%,var(--surface));color:var(--teal)}
.lplevels strong{display:block;margin-bottom:4px}
.lplevels p{font-size:.875rem;color:var(--muted)}
.lpsteps li{padding:var(--space-section);border-radius:18px;background:var(--canvas)}
.lpstepnum{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:color-mix(in srgb,var(--teal) 12%,var(--surface));color:var(--teal);font-size:.875rem}

/* ---------- kartu penilaian ---------- */
.lpfeat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-standard)}
.lpfc{display:flex;flex-direction:column;gap:var(--space-control);padding:var(--space-section);border-radius:18px;background:var(--surface);box-shadow:0 1px 2px color-mix(in srgb,var(--navy) 6%,transparent),0 18px 36px -28px color-mix(in srgb,var(--navy) 40%,transparent)}
.lpfc-vis{display:flex;flex-direction:column;justify-content:center;gap:var(--space-compact);min-height:10.5rem;margin-bottom:var(--space-control);padding:var(--space-standard);border-radius:var(--radius-large);background:var(--canvas)}
.lpfc h3{font-size:1rem;letter-spacing:-.011em}
.lpfc p{font-size:.875rem;color:var(--muted)}
.lpbar-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:var(--space-control);align-items:center;font-size:.75rem}
.lpbar-row span{color:var(--muted)}
.lpbar-row i{position:relative;height:.375rem;border-radius:999px;background:var(--line)}
.lpbar-row i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--v);border-radius:999px;background:var(--teal)}
.lpbar-row b{font-family:var(--font-data);font-weight:600}
.lpev{display:flex;gap:var(--space-control);align-items:flex-start}
.lpev strong{display:block;font-size:.8125rem}
.lpev small{font-size:.75rem;color:var(--muted)}
.lpev-ic{flex:none;display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%}
.lpev-ic .nv-icon{width:.875rem;height:.875rem}
.lpev-ic.is-ok{background:color-mix(in srgb,var(--positive) 14%,var(--surface));color:var(--positive)}
.lpev-ic.is-warn{background:color-mix(in srgb,var(--attention) 14%,var(--surface));color:var(--attention)}
.lptrack{list-style:none;display:grid;gap:var(--space-compact)}
.lptrack li{display:flex;align-items:center;gap:var(--space-control);font-size:.8125rem;color:var(--muted)}
.lptrack li span{flex:none;display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;border:1px solid var(--line);background:var(--surface)}
.lptrack li span .nv-icon{width:.75rem;height:.75rem}
.lptrack li.is-done{color:var(--text)}
.lptrack li.is-done span{border-color:transparent;background:color-mix(in srgb,var(--positive) 14%,var(--surface));color:var(--positive)}
.lptrack li.is-now{color:var(--text);font-weight:600}
.lptrack li.is-now span{border-color:var(--teal);background:color-mix(in srgb,var(--teal) 14%,var(--surface))}
.lpcap{margin-top:var(--space-section);font-size:.75rem;color:var(--muted)}

/* ---------- bagian bawah ---------- */
.lpbig{display:inline-flex;align-items:center;margin-top:var(--space-composition);min-height:3rem;padding:0 var(--space-section);border-radius:var(--radius-small);background:linear-gradient(135deg,var(--navy),var(--teal));--on-teal:#FFFFFF;color:var(--on-teal);font-size:.9375rem;font-weight:600;text-decoration:none}
.lpbig:hover{color:var(--on-teal);text-decoration:none;filter:brightness(1.1)}
.lpjujur{border-radius:18px}

@media (max-width:900px){
  .lphero-grid{grid-template-columns:1fr;gap:var(--space-composition)}
  .lphero h1{max-width:18ch}
  .lpfloat{left:var(--space-control);bottom:2rem}
  .lpfeat{grid-template-columns:1fr}
  .lplevels{grid-template-columns:1fr}
  .lpnav .lpnav-opt{display:none}
}
@media (max-width:640px){
  .lpband-in{grid-template-columns:1fr;gap:var(--space-standard)}
  .lpboard{grid-template-columns:1fr}
  .lpcol.is-last{order:-1}
  .lpcta{flex-direction:column;align-items:stretch}
  .lpcta-main,.lpcta-alt{justify-content:center}
}
.lpcard .lpchip{white-space:nowrap}
.lpfloat{bottom:1.75rem;left:auto;right:var(--space-compact)}
.lpmock figcaption{margin-top:var(--space-section)}
@media (max-width:900px){.lpfloat{right:var(--space-control);left:auto;bottom:1.5rem}}
.lpcard .lpchip{white-space:normal;border-radius:var(--radius-small);padding:2px 6px;line-height:1.3}
.lpcard>div{min-width:0}

/* ===================================================================================
   Nada editorial untuk halaman publik, mengikuti pendekatan firma executive search:
   judul serif, kartu prinsip bergaya testimoni dengan ilustrasi satu warna, bagian
   wawasan, dan halaman artikel. Judul memakai Plus Jakarta Sans 600, huruf standar Nusva Design System 3.6.
   Satu huruf untuk seluruh situs.
   =================================================================================== */
.lphero h1,.lpsec h2,.lptutup h2,.lpserif,.art-title,.art-body h2,.lpq blockquote,.wfeat-t strong{font-family:var(--font-sans);font-weight:400;letter-spacing:-.012em}
.lphero h1{line-height:1.08}
.lpsec h2{max-width:30ch}

/* ---------- kartu prinsip ---------- */
.lpquotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-standard)}
.lpq{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:30rem;margin:0;padding:var(--space-section);overflow:hidden;border-radius:var(--radius-large);color:#FFFFFF;isolation:isolate}
.lpq-1{background:linear-gradient(165deg,var(--navy),var(--teal))}
.lpq-2{background:linear-gradient(165deg,var(--teal),var(--cyan))}
.lpq-3{background:linear-gradient(165deg,var(--navy),var(--brand-teal))}
.lpq-ilu{position:absolute;inset:0 0 auto 50%;width:78%;height:auto;transform:translateX(-50%);z-index:-2}
.lpq::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,color-mix(in srgb,var(--navy) 96%,black) 0,color-mix(in srgb,var(--navy) 88%,transparent) 36%,transparent 68%)}
.lpq-tag{position:absolute;top:var(--space-section);left:var(--space-section);font-size:.875rem;font-weight:600;color:#FFFFFF}
.lpq blockquote{margin:0 0 var(--space-standard);font-size:1.25rem;line-height:1.4;color:#FFFFFF;text-wrap:balance}
.lpq figcaption{font-size:.8125rem;color:color-mix(in srgb,#FFFFFF 82%,transparent)}

/* ---------- tangkapan layar produk ---------- */
.lpshot{margin:0 0 var(--space-section)}
.lpshot .lpwin img{display:block;width:100%;height:auto}
.lpshot figcaption{margin-top:var(--space-compact);font-size:.75rem;color:var(--muted);text-align:center}
.lpshot-pts{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-section)}
.lpshot-pts li{font-size:.9375rem;color:var(--muted)}
.lpshot-pts strong{display:block;margin-bottom:4px;color:var(--text)}

/* ---------- wawasan: kartu, daftar, unggulan ---------- */
.wsplit{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--space-composition);align-items:start}
.wfeat{display:flex;flex-direction:column;gap:var(--space-standard);color:inherit;text-decoration:none}
.wfeat .wthumb{width:100%;height:auto;aspect-ratio:16/9;border-radius:var(--radius-large)}
.wfeat-t{display:flex;flex-direction:column;gap:var(--space-control)}
.wfeat-t small{font-size:.75rem;color:var(--muted)}
.wfeat-t strong{font-size:1.75rem;line-height:1.2}
.wfeat-t>span{font-size:.9375rem;color:var(--muted)}
.wfeat-t em{font-style:normal;color:var(--teal)}
.wfeat:hover em{text-decoration:underline;text-underline-offset:3px}
.wlist{display:grid;gap:var(--space-standard)}
.wgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-standard);margin-top:var(--space-composition)}
.wcard{display:flex;gap:var(--space-standard);align-items:flex-start;padding:var(--space-standard);border-radius:var(--radius-large);background:var(--surface);color:inherit;text-decoration:none;box-shadow:var(--shadow-raised)}
.wcard:hover{text-decoration:none;box-shadow:var(--shadow-tooltip),0 0 0 1px var(--line)}
.wcard-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.wcard-t strong{font-family:var(--font-sans);font-weight:400;font-size:1.0625rem;line-height:1.3}
.wcard-t small{font-size:.75rem;color:var(--muted)}
.wall{margin-top:var(--space-composition);display:inline-flex;align-items:center;min-height:2.75rem;padding:0 var(--space-section);border:1px solid var(--teal);border-radius:var(--radius-small);color:var(--teal);font-weight:600;text-decoration:none}
.wthumb{position:relative;flex:none;display:block;width:5.5rem;height:5.5rem;overflow:hidden;border-radius:var(--radius-medium)}
.wthumb i{position:absolute;display:block}
.wt-1{background:linear-gradient(135deg,var(--navy),var(--teal))}
.wt-1 i:nth-child(1){inset:auto -10% -30% 30%;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--cyan) 55%,transparent)}
.wt-1 i:nth-child(2){inset:12% auto auto 12%;width:34%;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,#FFFFFF 22%,transparent)}
.wt-2{background:linear-gradient(135deg,var(--teal),var(--cyan))}
.wt-2 i:nth-child(1){inset:0 auto 0 0;width:46%;background:color-mix(in srgb,var(--navy) 55%,transparent)}
.wt-2 i:nth-child(2){inset:auto 0 0 46%;height:42%;background:color-mix(in srgb,#FFFFFF 28%,transparent)}
.wt-3{background:var(--navy)}
.wt-3 i:nth-child(1){inset:14%;border:2px solid color-mix(in srgb,var(--cyan) 70%,transparent);border-radius:50%}
.wt-3 i:nth-child(2){inset:34%;border-radius:50%;background:color-mix(in srgb,var(--cyan) 60%,transparent)}
.wt-4{background:var(--surfaceMuted)}
.wt-4 i:nth-child(1){inset:0 50% 40% 0;background:var(--teal)}
.wt-4 i:nth-child(2){inset:60% 0 0 40%;background:var(--navy)}
.wt-5{background:linear-gradient(160deg,var(--brand-teal),var(--navy))}
.wt-5 i:nth-child(1){inset:auto 0 0 0;height:46%;background:color-mix(in srgb,#FFFFFF 18%,transparent);clip-path:polygon(0 100%,35% 20%,60% 70%,100% 0,100% 100%)}
.wt-5 i:nth-child(2){inset:14% auto auto 14%;width:22%;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,#FFFFFF 70%,transparent)}
.wt-6{background:linear-gradient(135deg,var(--cyan),var(--teal))}
.wt-6 i:nth-child(1){inset:18% 18% 18% auto;width:36%;background:color-mix(in srgb,var(--navy) 70%,transparent);border-radius:var(--radius-small)}
.wt-6 i:nth-child(2){inset:18% auto 18% 18%;width:36%;background:color-mix(in srgb,#FFFFFF 40%,transparent);border-radius:var(--radius-small)}

/* ---------- halaman artikel ---------- */
.pubpage{background:var(--surface)}
.lpnav .is-here{color:var(--text);background:var(--surfaceMuted)}
.art{padding:calc(var(--space-major)*1.2) 0 var(--space-major)}
.art-wrap{max-width:46rem}
.art-crumb{display:flex;gap:var(--space-control);align-items:center;margin-bottom:var(--space-section);font-size:.8125rem;color:var(--muted)}
.art-crumb a{color:var(--teal)}
.art-title{margin:0 0 var(--space-compact);font-size:clamp(2rem,5vw,2.75rem);line-height:1.12}
.art-meta{margin-bottom:var(--space-section);font-size:.8125rem;color:var(--muted)}
.art-lead{margin-bottom:var(--space-composition);font-size:1.1875rem;line-height:1.6;color:var(--text)}
.art-body{font-size:1.0625rem;line-height:1.75;color:var(--text)}
.art-body p{margin:0 0 var(--space-standard);max-width:none}
.art-body h2{margin:var(--space-composition) 0 var(--space-compact);font-size:1.625rem;line-height:1.25}
.art-body ul,.art-body ol{margin:0 0 var(--space-standard);padding-left:1.4rem;display:grid;gap:var(--space-control)}
.art-q{margin:var(--space-composition) 0;padding:var(--space-section);border-radius:var(--radius-large);background:color-mix(in srgb,var(--teal) 7%,var(--surface))}
.art-q p{margin:0;font-family:var(--font-sans);font-size:1.375rem;line-height:1.4}
.widx-head{padding-bottom:var(--space-section)}
.widx-head .art-title{max-width:20ch}
.widx-head .art-lead{max-width:44rem;margin-bottom:0}
.lpnav .lpnav-opt.is-here:hover{background:var(--surfaceMuted)}

@media (max-width:900px){
  .lpquotes{grid-template-columns:1fr}
  .lpq{min-height:26rem}
  .lpshot-pts{grid-template-columns:1fr}
  .wsplit{grid-template-columns:1fr}
  .wgrid{grid-template-columns:1fr}
}
.wfeat .wthumb{max-height:22rem}

/* ===================================================================================
   Putaran 2: pola interaksi firma executive search. Header lengket dengan menu mega,
   hero slider kartu, carousel, pencarian, footer gelap, dan kemunculan bertahap.
   Semua gerak mati bila pengguna memilih prefers-reduced-motion.
   =================================================================================== */
html.sh-lock{overflow:hidden}
.sh [hidden],.sq[hidden]{display:none!important}

/* ---------- header ---------- */
.sh{position:sticky;top:0;z-index:60;border-bottom:1px solid transparent;transition:transform .38s var(--easing-standard),border-color .2s,box-shadow .2s}
/* kaca buram dipasang di lapisan sendiri: backdrop-filter pada .sh akan menjadikannya acuan posisi fixed milik laci menu */
.sh::before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:saturate(1.5) blur(16px);-webkit-backdrop-filter:saturate(1.5) blur(16px);transition:background .2s}
.sh.is-scrolled{border-bottom-color:var(--line)}
.sh.is-hidden{transform:translateY(-100%)}
.sh.has-mega::before{background:var(--surface)}
.sh-in{max-width:82rem;margin:0 auto;height:4.25rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-section);padding:0 var(--space-section)}
.sh-brand{display:inline-flex;align-items:center}
.sh-nav ul{list-style:none;display:flex;justify-content:center;gap:2px}
.sh-btn,.sh-link{position:relative;display:inline-flex;align-items:center;gap:4px;min-height:2.5rem;padding:0 .75rem;border:0;border-radius:var(--radius-small);background:none;color:var(--text);font:inherit;font-size:.9375rem;text-decoration:none;cursor:pointer;white-space:nowrap}
.sh-btn::after,.sh-link::after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:.3rem;height:2px;border-radius:2px;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--easing-standard)}
.sh-btn:hover::after,.sh-link:hover::after,.sh-btn.is-here::after,.sh-btn[aria-expanded="true"]::after{transform:scaleX(1)}
.sh-btn[aria-expanded="true"]{color:var(--teal)}
.sh-chev{transition:transform .25s var(--easing-standard)}
.sh-btn[aria-expanded="true"] .sh-chev{transform:rotate(180deg)}
.sh-act{display:flex;align-items:center;gap:var(--space-control)}
.sh-ico,.sh-burger,.car-b,.hs-nav,.hs-play{display:inline-grid;place-items:center;border:0;cursor:pointer;font:inherit}
.sh-ico{width:2.5rem;height:2.5rem;border-radius:50%;background:none;color:var(--text);transition:background .2s}
.sh-ico:hover{background:var(--surfaceMuted)}
.sh-masuk{padding:0 .5rem;font-size:.9375rem;color:var(--text);text-decoration:none}
.sh-masuk:hover{color:var(--teal);text-decoration:none}
.sh-cta{display:inline-flex;align-items:center;min-height:2.5rem;padding:0 1.25rem;border-radius:999px;background:linear-gradient(135deg,var(--navy),var(--teal));--on-teal:#FFFFFF;color:var(--on-teal);font-size:.875rem;font-weight:600;text-decoration:none;transition:filter .2s,transform .2s}
.sh-cta:hover{color:var(--on-teal);text-decoration:none;filter:brightness(1.12);transform:translateY(-1px)}
.sh-burger{display:none;width:2.5rem;height:2.5rem;border-radius:50%;background:none;color:var(--text)}
.sh-bar{position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none}
.sh-bar i{display:block;height:100%;background:var(--teal);transform:scaleX(0);transform-origin:left}

/* ---------- menu mega ---------- */
.mega{position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-overlay);animation:megaIn .24s var(--easing-standard)}
@keyframes megaIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.mega-in{max-width:82rem;margin:0 auto;padding:var(--space-composition) var(--space-section) var(--space-major)}
.mega-h{margin-bottom:var(--space-compact);font-size:.8125rem;color:var(--muted)}
.mega-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-standard)}
.mcard{display:flex;flex-direction:column;gap:6px;padding:var(--space-section);border-radius:var(--radius-large);background:var(--canvas);color:var(--text);text-decoration:none;transition:transform .25s var(--easing-standard),box-shadow .25s}
.mcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-tooltip),0 0 0 1px var(--line);text-decoration:none}
.mcard strong{font-family:var(--font-sans);font-weight:400;font-size:1.25rem}
.mcard span:not(.orb){font-size:.875rem;color:var(--muted)}
.mega-all{display:inline-flex;align-items:center;gap:6px;margin-top:var(--space-section);color:var(--teal);font-weight:600;text-decoration:none}
.mega-all:hover{text-decoration:underline;text-underline-offset:4px}
.mega-list{list-style:none;display:grid;gap:.625rem}
.mega-list a{color:var(--text);font-size:1.0625rem;text-decoration:none}
.mega-list a:hover{color:var(--teal)}
.mega-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-major)}
.mfeats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-section)}
.mfeat{display:flex;flex-direction:column;gap:4px;color:var(--text);text-decoration:none}
.mfeat strong{font-family:var(--font-sans);font-weight:400;font-size:1.1875rem;line-height:1.3}
.mfeat span{font-size:.875rem;color:var(--muted)}
.mfeat:hover strong{color:var(--teal)}

/* bola warna: ikon layanan */
.orb{display:block;flex:none;width:2.75rem;height:2.75rem;border-radius:50%;margin-bottom:var(--space-control);transition:transform .6s var(--easing-standard)}
.orb-1{background:radial-gradient(circle at 32% 30%,color-mix(in srgb,#FFFFFF 70%,var(--cyan)),var(--cyan) 28%,var(--teal) 62%,var(--navy))}
.orb-2{background:radial-gradient(circle at 34% 30%,color-mix(in srgb,#FFFFFF 80%,var(--brand-teal)),var(--brand-teal) 40%,var(--navy) 100%)}
.orb-3{background:conic-gradient(from 210deg,var(--navy),var(--teal),var(--cyan),var(--teal),var(--navy))}
.orb-lg{width:4.5rem;height:4.5rem;margin-bottom:var(--space-standard)}
.mcard:hover .orb,.lsv:hover .orb{transform:rotate(25deg) scale(1.06)}

/* ---------- laci menu di layar sempit ---------- */
.sh-drawer{position:fixed;inset:4.25rem 0 0 0;z-index:59;display:flex;flex-direction:column;padding:var(--space-section);overflow:auto;background:var(--surface);animation:megaIn .24s var(--easing-standard)}
.sh-drawer details{border-bottom:1px solid var(--line)}
.sh-drawer summary{display:flex;justify-content:space-between;align-items:center;min-height:3.25rem;font-size:1.0625rem;font-weight:600;cursor:pointer;list-style:none}
.sh-drawer summary::-webkit-details-marker{display:none}
.sh-drawer details[open] .sh-chev{transform:rotate(180deg)}
.sh-drawer details a{display:block;padding:.625rem 0 .625rem var(--space-standard);color:var(--muted);text-decoration:none}
.sh-dl{display:flex;align-items:center;min-height:3.25rem;border-bottom:1px solid var(--line);color:var(--text);font-size:1.0625rem;font-weight:600;text-decoration:none}
.sh-dcta{display:flex;justify-content:center;align-items:center;min-height:3rem;margin-top:var(--space-section);border-radius:999px;background:linear-gradient(135deg,var(--navy),var(--teal));--on-teal:#FFFFFF;color:var(--on-teal);font-weight:600;text-decoration:none}

/* ---------- pencarian ---------- */
.sq{position:fixed;inset:0;z-index:100;display:grid;justify-items:center;align-items:start;padding:12vh var(--space-standard) 0;background:color-mix(in srgb,var(--navy) 55%,transparent);backdrop-filter:blur(4px)}
.sq-box{width:min(40rem,100%);overflow:hidden;border-radius:var(--radius-large);background:var(--surface);box-shadow:var(--shadow-overlay);animation:megaIn .22s var(--easing-standard)}
.sq-field{display:flex;align-items:center;gap:var(--space-compact);padding:0 var(--space-standard);border-bottom:1px solid var(--line);color:var(--muted)}
.sq-field input{flex:1;min-height:3.5rem;border:0;outline:0;background:none;color:var(--text);font:inherit;font-size:1.0625rem}
.sq-x{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:0;border-radius:50%;background:none;color:var(--muted);cursor:pointer}
.sq-x:hover{background:var(--surfaceMuted)}
.sq-out{list-style:none;max-height:50vh;overflow:auto;padding:var(--space-control)}
.sq-out li a{display:flex;flex-direction:column;gap:2px;padding:.75rem var(--space-compact);border-radius:var(--radius-medium);color:var(--text);text-decoration:none}
.sq-out li[aria-selected="true"] a,.sq-out li a:hover{background:var(--surfaceMuted);text-decoration:none}
.sq-out li strong{font-size:.9375rem}
.sq-out li span,.sq-none{font-size:.8125rem;color:var(--muted)}
.sq-none{padding:var(--space-standard)}
.sq-hint{padding:var(--space-compact) var(--space-standard);border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}

/* ---------- hero: slider kartu ---------- */
.hs{position:relative;padding:var(--space-section) 0 var(--space-composition);background:var(--canvas);overflow:hidden}
.hs-view{overflow:hidden;touch-action:pan-y}
.hs-track{display:flex;gap:var(--space-standard);transition:transform .8s var(--easing-emphasized);will-change:transform}
.hs-slide{position:relative;flex:0 0 86%;display:flex;align-items:center;min-height:clamp(28rem,62vh,40rem);border-radius:var(--radius-large);overflow:hidden;color:#FFFFFF;isolation:isolate;opacity:.5;transform:scale(.985);transition:opacity .8s var(--easing-standard),transform .8s var(--easing-standard)}
.hs-slide.is-active{opacity:1;transform:none}
.hs-art{position:absolute;inset:0;z-index:-1;overflow:hidden}
.hs-t1 .hs-art{background:linear-gradient(120deg,var(--navy),var(--teal))}
.hs-t2 .hs-art{background:linear-gradient(120deg,var(--navy),var(--brand-teal) 70%,var(--cyan))}
.hs-t3 .hs-art{background:linear-gradient(120deg,color-mix(in srgb,var(--navy) 80%,black),var(--navy) 40%,var(--teal))}
.hs-t4 .hs-art{background:linear-gradient(120deg,var(--teal),var(--navy))}
.hs-art i{position:absolute;border-radius:50%;filter:blur(40px);opacity:.5;animation:drift 16s ease-in-out infinite alternate}
.hs-art .b1{width:46%;aspect-ratio:1;right:-6%;top:-20%;background:var(--cyan)}
.hs-art .b2{width:38%;aspect-ratio:1;right:22%;bottom:-30%;background:var(--brand-teal);animation-duration:21s;animation-direction:alternate-reverse}
.hs-art .b3{width:30%;aspect-ratio:1;left:-8%;bottom:-24%;background:var(--navy);animation-duration:25s}
@keyframes drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-6%,8%,0) scale(1.15)}}
.hs-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--navy) 78%,transparent) 0,color-mix(in srgb,var(--navy) 40%,transparent) 44%,transparent 70%)}
.hs-fig{position:absolute;right:5%;bottom:0;width:auto;height:94%;opacity:.92;animation:floaty 9s ease-in-out infinite alternate}
@keyframes floaty{from{transform:translateY(0)}to{transform:translateY(-12px)}}
.hs-card{position:absolute;right:7%;top:50%;width:min(20rem,36%);padding:var(--space-section);border-radius:var(--radius-large);background:var(--surface);color:var(--text);box-shadow:var(--shadow-overlay);display:grid;gap:var(--space-compact);animation:floaty 7s ease-in-out infinite alternate;transform:translateY(-50%)}
.hs-card strong{font-size:1rem}
.hs-card small{font-size:.75rem;color:var(--muted)}
.hs-copy{position:relative;max-width:36rem;padding:var(--space-composition) clamp(1.5rem,5vw,4rem) 6rem}
.hs-h{margin:0 0 var(--space-compact);font-family:var(--font-sans);font-weight:400;font-size:clamp(2rem,4.6vw,3.5rem);line-height:1.08;letter-spacing:-.015em;color:#FFFFFF;text-wrap:balance}
.hs-sub{margin:0 0 var(--space-section);font-size:1.0625rem;color:color-mix(in srgb,#FFFFFF 88%,transparent);max-width:30rem}
.hs-cta{display:inline-flex;align-items:center;gap:8px;min-height:3rem;padding:0 1.5rem;border-radius:999px;background:#FFFFFF;color:var(--navy);font-weight:600;text-decoration:none;transition:transform .25s var(--easing-standard),box-shadow .25s}
.hs-cta:hover{color:var(--navy);text-decoration:none;transform:translateY(-2px);box-shadow:0 10px 24px -8px color-mix(in srgb,#000 45%,transparent)}
.hs-slide.is-active .hs-h,.hs-slide.is-active .hs-sub,.hs-slide.is-active .hs-cta{animation:rise .9s var(--easing-standard) both}
.hs-slide.is-active .hs-sub{animation-delay:.12s}
.hs-slide.is-active .hs-cta{animation-delay:.24s}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.hs-nav{position:absolute;top:50%;z-index:3;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--surface);color:var(--text);box-shadow:var(--shadow-tooltip);transform:translateY(-50%);transition:transform .2s,background .2s}
.hs-nav:hover{background:var(--surfaceMuted);transform:translateY(-50%) scale(1.06)}
.hs-prev{left:max(.75rem,calc(7% - 1.375rem))}
.hs-next{right:max(.75rem,calc(7% - 1.375rem))}
.hs-ctrl{position:absolute;left:50%;bottom:calc(var(--space-composition) + 1.25rem);z-index:3;display:flex;align-items:center;gap:var(--space-compact);transform:translateX(-50%)}
.hs-segs{display:flex;gap:6px}
.hs-seg{position:relative;width:3rem;height:1.5rem;padding:0;border:0;background:none;cursor:pointer}
.hs-seg i{position:absolute;left:0;right:0;top:50%;height:3px;border-radius:3px;background:color-mix(in srgb,#FFFFFF 38%,transparent);overflow:hidden;transform:translateY(-50%)}
.hs-seg i::after{content:"";position:absolute;inset:0;background:#FFFFFF;transform:scaleX(0);transform-origin:left}
.hs-seg.is-done i::after{transform:scaleX(1)}
.hs-seg.is-active i::after{animation:hsFill var(--hs-dur,3s) linear forwards}
.hs.is-paused .hs-seg.is-active i::after{animation-play-state:paused}
@keyframes hsFill{to{transform:scaleX(1)}}
.hs-play{width:2rem;height:2rem;border-radius:50%;background:color-mix(in srgb,#FFFFFF 22%,transparent);color:#FFFFFF;backdrop-filter:blur(6px)}
.hs-play:hover{background:color-mix(in srgb,#FFFFFF 38%,transparent)}
.hs-play .i-play{display:none}
.hs-play.is-paused .i-pause{display:none}
.hs-play.is-paused .i-play{display:block}

/* ---------- mengapa, layanan ---------- */
.lpwhy{text-align:center}
.lpwhy-in{max-width:54rem;margin:0 auto}
.lpwhy h2{max-width:none;margin:0 0 var(--space-compact);font-size:clamp(2rem,4.4vw,3rem)}
.lpwhy-lead{margin:0 0 var(--space-standard);font-size:1.25rem;font-weight:600}
.lpwhy-body{max-width:44rem;margin:0 auto var(--space-section);color:var(--muted)}
.lppill{display:inline-flex;align-items:center;gap:8px;min-height:3rem;padding:0 1.75rem;border:1px solid transparent;border-radius:999px;background:linear-gradient(135deg,var(--navy),var(--teal));--on-teal:#FFFFFF;color:var(--on-teal);font-weight:600;text-decoration:none;transition:filter .2s,transform .25s var(--easing-standard)}
.lppill:hover{color:var(--on-teal);text-decoration:none;filter:brightness(1.12);transform:translateY(-2px)}
.lppill-o{background:transparent;border-color:var(--teal);color:var(--teal);font-family:inherit;font-size:inherit;cursor:pointer}
.lppill-o:hover{color:var(--teal);background:var(--accent-tint);filter:none}
.lpfacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-section);margin-top:var(--space-major)}
.lpfacts dt{font-family:var(--font-sans);font-size:clamp(2rem,4vw,3rem);line-height:1.1}
.lpfacts dt b{font-weight:400}
.lpfacts dd{margin:4px 0 0;font-size:.875rem;color:var(--muted)}
.lsv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-standard)}
.lsv{display:flex;flex-direction:column;padding:var(--space-composition) var(--space-section);border-radius:18px;background:var(--surface);box-shadow:0 1px 2px color-mix(in srgb,var(--navy) 6%,transparent),0 18px 36px -28px color-mix(in srgb,var(--navy) 40%,transparent);transition:transform .3s var(--easing-standard),box-shadow .3s}
.lsv:hover{transform:translateY(-4px);box-shadow:var(--shadow-tooltip),0 0 0 1px var(--line)}
.lsv h3{margin-bottom:var(--space-control);font-family:var(--font-sans);font-weight:400;font-size:1.5rem}
.lsv p{margin-bottom:var(--space-standard);color:var(--muted);font-size:.9375rem}
.lsv ul{list-style:none;display:grid;gap:.5rem;margin-bottom:var(--space-section);font-size:.875rem}
.lsv li{display:flex;gap:var(--space-control)}
.lsv li::before{content:"";flex:none;width:.375rem;height:.375rem;margin-top:.5rem;border-radius:50%;background:var(--teal)}
.lsv-a{display:inline-flex;align-items:center;gap:6px;margin-top:auto;color:var(--teal);font-weight:600;text-decoration:none}
.lsv-a svg{transition:transform .25s var(--easing-standard)}
.lsv-a:hover{text-decoration:none}
.lsv-a:hover svg{transform:translateX(4px)}

/* ---------- carousel: level dan wawasan ---------- */
.lhead{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-section);margin-bottom:var(--space-section)}
.lhead h2{margin:6px 0 0}
.car-btns{display:flex;gap:var(--space-control)}
.car-b{width:2.75rem;height:2.75rem;border-radius:50%;background:var(--surface);color:var(--text);box-shadow:0 0 0 1px var(--line);transition:background .2s,opacity .2s}
.car-b:hover:not(:disabled){background:var(--surfaceMuted)}
.car-b:disabled{opacity:.35;cursor:default}
.car-track{display:flex;gap:var(--space-standard);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0}
.car-track::-webkit-scrollbar{display:none}
.lcard{flex:0 0 min(19rem,78%);scroll-snap-align:start}
.lcard-art{position:relative;aspect-ratio:4/5;margin-bottom:var(--space-compact);border-radius:var(--radius-large);overflow:hidden}
.lcard-fig{position:absolute;left:50%;bottom:0;width:90%;height:auto;transform:translateX(-50%);transition:transform .6s var(--easing-standard)}
.lcard:hover .lcard-fig{transform:translateX(-50%) scale(1.05)}
.lcard h3{margin-bottom:4px;font-family:var(--font-sans);font-weight:400;font-size:1.25rem}
.lcard p{margin-bottom:var(--space-compact);font-size:.875rem;color:var(--muted)}
.lsub{margin:var(--space-section) 0 var(--space-standard);font-family:var(--font-sans);font-weight:400;font-size:1.375rem}
.ifeat{flex:0 0 100%;scroll-snap-align:start}
.ifeat a{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-composition);align-items:center;color:inherit;text-decoration:none}
.ifeat .wthumb{width:100%;height:auto;aspect-ratio:16/10;border-radius:var(--radius-large)}
.ifeat-t{display:flex;flex-direction:column;gap:var(--space-control)}
.ifeat-t small{font-size:.75rem;color:var(--muted)}
.ifeat-t strong{font-family:var(--font-sans);font-weight:400;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}
.ifeat-t>span{color:var(--muted)}
.ifeat-t em{display:inline-flex;align-items:center;gap:6px;font-style:normal;color:var(--teal);font-weight:600}
.wall{margin-top:var(--space-composition)}
.lsubs{background:color-mix(in srgb,var(--navy) 72%,black);color:#FFFFFF}
.lsubs-in{display:flex;justify-content:space-between;align-items:center;gap:var(--space-section);padding-top:var(--space-composition);padding-bottom:var(--space-composition)}
.lsubs h2{margin:0;font-family:var(--font-sans);font-weight:400;font-size:clamp(1.5rem,3vw,2rem);color:#FFFFFF}
.lsubs .lppill-o{border-color:#FFFFFF;color:#FFFFFF}
.lsubs .lppill-o:hover{background:color-mix(in srgb,#FFFFFF 14%,transparent);color:#FFFFFF}

/* ---------- footer gelap ---------- */
.sf{background:color-mix(in srgb,var(--navy) 62%,black);color:#FFFFFF}
.sf-in{max-width:82rem;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2.6fr) auto;gap:var(--space-major);padding:var(--space-major) var(--space-section)}
.sf .nslogo-img,.sf .nslogo-mark{display:none}
.sf .nslogo-mark-w{display:block}
.sf .nslogo-t{display:flex}
.sf .nslogo-1,.sf .nslogo-2{color:#FFFFFF}
.sf-brand p{margin-top:var(--space-standard);max-width:20rem;font-size:.875rem;color:color-mix(in srgb,#FFFFFF 78%,transparent)}
.sf-brand .sf-c{margin-top:var(--space-section);font-size:.75rem}
.sf-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-section)}
.sf-cols h3{margin-bottom:var(--space-compact);font-size:.875rem;font-weight:600;color:#FFFFFF}
.sf-cols a{display:block;padding:.3rem 0;font-size:.875rem;color:color-mix(in srgb,#FFFFFF 78%,transparent);text-decoration:none}
.sf-cols a:hover{color:#FFFFFF;text-decoration:underline;text-underline-offset:3px}
.sf-cta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-compact)}
.sf-btn{display:inline-flex;align-items:center;min-height:3rem;padding:0 1.75rem;border-radius:999px;background:#FFFFFF;color:var(--navy);font-weight:600;text-decoration:none;transition:transform .25s var(--easing-standard)}
.sf-btn:hover{color:var(--navy);text-decoration:none;transform:translateY(-2px)}
.sf-masuk{font-size:.875rem;color:color-mix(in srgb,#FFFFFF 78%,transparent);text-decoration:none}
.sf-masuk:hover{color:#FFFFFF;text-decoration:underline}

/* ---------- indeks wawasan dan artikel ---------- */
.chips{display:flex;flex-wrap:wrap;gap:var(--space-control);margin-top:var(--space-section)}
.chip{min-height:2.25rem;padding:0 1rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-size:.875rem;cursor:pointer;transition:background .2s,border-color .2s}
.chip:hover{border-color:var(--teal)}
.chip.is-on{background:var(--teal);border-color:var(--teal);color:var(--on-teal)}
.wcard[hidden],.wfeat[hidden],.wempty[hidden]{display:none}
.wempty{margin-top:var(--space-section);color:var(--muted)}
.art-grid{display:grid;grid-template-columns:14rem minmax(0,46rem);gap:var(--space-major);justify-content:center}
.art-grid .art-wrap{max-width:none}
.art-side{position:sticky;top:6rem;align-self:start}
.art-toc p{margin-bottom:var(--space-control);font-size:.8125rem;color:var(--muted)}
.art-toc ol{list-style:none;display:grid;gap:.25rem}
.art-toc a{display:block;padding:.3rem 0;font-size:.875rem;color:var(--muted);text-decoration:none;transition:color .2s}
.art-toc a:hover{color:var(--text)}
.art-toc a.is-on{color:var(--teal);font-weight:600}
.art-share{display:flex;align-items:center;gap:var(--space-standard);margin-top:var(--space-composition);padding-top:var(--space-section);border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}
.art-share .lppill-o{min-height:2.5rem;padding:0 1.25rem;font-size:.875rem}
.wcard,.wfeat .wthumb{transition:transform .3s var(--easing-standard),box-shadow .3s}
.wcard:hover{transform:translateY(-3px)}
.wfeat:hover .wthumb{transform:scale(1.015)}
.lpq{transition:transform .35s var(--easing-standard)}
.lpq:hover{transform:translateY(-4px)}
.lpq-ilu{transition:transform .8s var(--easing-standard)}
.lpq:hover .lpq-ilu{transform:translateX(-50%) scale(1.04)}

/* ---------- kemunculan bertahap ---------- */
.js-ready [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .75s var(--easing-standard),transform .75s var(--easing-standard)}
.js-ready [data-reveal].is-in{opacity:1;transform:none}

@media (max-width:1000px){
  .art-grid{grid-template-columns:minmax(0,46rem)}
  .art-side{display:none}
  .sf-in{grid-template-columns:1fr}
}
@media (max-width:900px){
  .sh-in{grid-template-columns:minmax(0,1fr) auto}
  .sh-nav,.sh-masuk{display:none}
  .sh-burger{display:inline-grid}
  .sh-cta{display:none}
  .hs-slide{flex-basis:92%;min-height:30rem}
  .hs-fig{height:62%;right:-6%;opacity:.55}
  .hs-card{display:none}
  .hs-copy{padding-bottom:5.5rem}
  .hs-prev,.hs-next{display:none}
  .lsv-grid{grid-template-columns:1fr}
  .lpfacts{grid-template-columns:1fr}
  .ifeat a{grid-template-columns:1fr}
  .lsubs-in{flex-direction:column;align-items:flex-start}
  .lhead{align-items:flex-start;flex-direction:column}
}
@media (prefers-reduced-motion:reduce){
  .js-ready [data-reveal]{opacity:1;transform:none;transition:none}
  .hs-track,.hs-slide,.hs-art i,.hs-fig,.hs-card,.sh,.mega,.sq-box,.sh-drawer,.lsv,.mcard,.wcard,.lpq,.lpq-ilu,.lcard-fig,.orb{animation:none!important;transition:none!important}
  .hs-slide.is-active .hs-h,.hs-slide.is-active .hs-sub,.hs-slide.is-active .hs-cta{animation:none}
  .hs-seg.is-active i::after{animation:none;transform:scaleX(1)}
}

/* ---------- hero bersumber foto ---------- */
.hs-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 50%;transform:scale(1.02);transform-origin:70% 50%}
.hs-slide.is-active .hs-photo{animation:kenburns 16s ease-out both}
@keyframes kenburns{from{transform:scale(1.02)}to{transform:scale(1.12)}}
.hs-hasphoto .hs-art i{display:none}
.hs-hasphoto .hs-art{background:var(--navy)}
.hs-hasphoto .hs-art::after{background:linear-gradient(90deg,color-mix(in srgb,var(--navy) 72%,transparent) 0,color-mix(in srgb,var(--navy) 38%,transparent) 42%,transparent 66%),linear-gradient(0deg,color-mix(in srgb,var(--navy) 45%,transparent) 0,transparent 32%)}
.hs-kred{position:absolute;right:var(--space-standard);bottom:var(--space-standard);z-index:2;font-size:.75rem;color:color-mix(in srgb,#FFFFFF 78%,transparent)}
@media (max-width:900px){
  .hs-photo{object-position:78% 50%}
  .hs-hasphoto .hs-art::after{background:linear-gradient(0deg,color-mix(in srgb,var(--navy) 82%,transparent) 0,color-mix(in srgb,var(--navy) 45%,transparent) 55%,transparent 85%)}
}
@media (prefers-reduced-motion:reduce){.hs-slide.is-active .hs-photo{animation:none}}
@media (max-width:900px){.hs-kred{top:var(--space-standard);bottom:auto}}
/* foto terang (lobi siang): lapisan kiri dipertebal supaya teks putih tetap 4,5:1 */
.hs-t4.hs-hasphoto .hs-art::after,.hs-t3.hs-hasphoto .hs-art::after{background:linear-gradient(90deg,color-mix(in srgb,var(--navy) 88%,transparent) 0,color-mix(in srgb,var(--navy) 62%,transparent) 40%,transparent 64%),linear-gradient(0deg,color-mix(in srgb,var(--navy) 45%,transparent) 0,transparent 32%)}
@media (max-width:900px){
  .hs-hasphoto .hs-art::after,.hs-t3.hs-hasphoto .hs-art::after,.hs-t4.hs-hasphoto .hs-art::after{background:linear-gradient(0deg,color-mix(in srgb,var(--navy) 90%,transparent) 0,color-mix(in srgb,var(--navy) 70%,transparent) 50%,color-mix(in srgb,var(--navy) 25%,transparent) 100%)}
}

/* ---------- kartu level bersumber foto ---------- */
.lcard-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%;transition:transform .8s var(--easing-standard)}
.lcard:hover .lcard-photo{transform:scale(1.05)}
@media (prefers-reduced-motion:reduce){.lcard-photo{transition:none}}

/* ---------- kartu prinsip bersumber foto ---------- */
.lpq-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:transform .9s var(--easing-standard)}
.lpq:hover .lpq-photo{transform:scale(1.05)}
.lpq::after{background:linear-gradient(to top,color-mix(in srgb,var(--navy) 94%,black) 0,color-mix(in srgb,var(--navy) 78%,transparent) 34%,color-mix(in srgb,var(--navy) 18%,transparent) 62%,transparent 80%)}
@media (prefers-reduced-motion:reduce){.lpq-photo{transition:none}}
.lpq::before{content:"";position:absolute;inset:0 0 auto 0;height:28%;z-index:-1;background:linear-gradient(180deg,color-mix(in srgb,var(--navy) 62%,transparent),transparent)}

/* ---------- gambar artikel bersumber foto ---------- */
.wthumb.has-photo i{display:none}
.wthumb.has-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--easing-standard)}
.wcard:hover .wthumb.has-photo img,.wfeat:hover .wthumb.has-photo img,.ifeat a:hover .wthumb.has-photo img{transform:scale(1.06)}
.art-cover{margin:0 0 var(--space-composition)}
.art-cover img{display:block;width:100%;height:auto;border-radius:var(--radius-large)}
.art-cover figcaption{margin-top:var(--space-control);font-size:.75rem;color:var(--muted)}
@media (prefers-reduced-motion:reduce){.wthumb.has-photo img{transition:none}}

/* ===================================================================================
   Halaman artikel dan indeks bergaya firma executive search: hero gradasi lembut dengan
   judul serif di tengah, baris meta dengan ikon bagikan, paragraf pembuka serif, grid
   kartu bersampul, carousel tulisan terkait, dan tombol kembali ke atas.
   =================================================================================== */
.ah{background:linear-gradient(180deg,color-mix(in srgb,var(--cyan) 26%,var(--surface)) 0,color-mix(in srgb,var(--cyan) 8%,var(--surface)) 55%,var(--surface) 100%);padding:calc(var(--space-major)*1.2) 0 var(--space-composition);text-align:center}
[data-theme="dark"] .ah{background:linear-gradient(180deg,color-mix(in srgb,var(--teal) 24%,var(--surface)) 0,var(--surface) 100%)}
@media (prefers-color-scheme:dark){:root:not([data-theme]) .ah{background:linear-gradient(180deg,color-mix(in srgb,var(--teal) 24%,var(--surface)) 0,var(--surface) 100%)}}
.ah-in{max-width:56rem}
.ah .art-crumb{justify-content:center}
.ah-title{margin:0 auto var(--space-section);font-family:var(--font-sans);font-weight:400;font-size:clamp(2.25rem,5.4vw,3.75rem);line-height:1.12;letter-spacing:-.018em;text-wrap:balance}
.ah-meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-compact);margin:0 auto var(--space-composition);padding:var(--space-standard) 0;border-top:1px solid var(--line);font-size:.9375rem;color:var(--text)}
.ah-meta i{font-style:normal;color:var(--muted)}
.art-share-i{display:inline-flex;align-items:center;gap:var(--space-control)}
.shbtn{display:inline-grid;place-items:center;width:2rem;height:2rem;border:0;border-radius:50%;background:var(--teal);color:var(--on-teal);cursor:pointer;text-decoration:none;transition:transform .2s var(--easing-standard),filter .2s}
.shbtn:hover{color:var(--on-teal);text-decoration:none;filter:brightness(1.12);transform:translateY(-2px)}
.shbtn.is-ok{background:var(--positive)}
.ah-lead{max-width:44rem;margin:0 auto;font-family:var(--font-sans);font-size:clamp(1.1875rem,2.2vw,1.5rem);line-height:1.5;color:var(--text)}
.ah .chips-c{justify-content:center}
.art{padding-top:var(--space-composition)}
.art-body{font-size:1.0625rem}
.art-cover{margin-top:0}
.art-rel .lhead h2{margin:0}

/* kartu bersampul: indeks dan tulisan terkait */
.igrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-composition) var(--space-section)}
.icard a{display:flex;flex-direction:column;gap:var(--space-control);color:inherit;text-decoration:none}
.icard a:hover{text-decoration:none}
.icard .wthumb{width:100%;height:auto;aspect-ratio:16/10;margin-bottom:var(--space-control);border-radius:var(--radius-large)}
.icard h3{font-family:var(--font-sans);font-weight:400;font-size:1.5rem;line-height:1.25;letter-spacing:-.01em;transition:color .2s}
.icard a:hover h3{color:var(--teal)}
.icard-meta{font-size:.8125rem;color:var(--muted)}
.icard-d{font-size:.9375rem;color:var(--muted)}
.icard-more{display:inline-flex;align-items:center;gap:6px;margin-top:2px;color:var(--teal);font-weight:600}
.icard-more svg{transition:transform .25s var(--easing-standard)}
.icard a:hover .icard-more svg{transform:translateX(4px)}
.icard[hidden]{display:none}
.icard .wthumb.has-photo img{transition:transform .8s var(--easing-standard)}
.icard a:hover .wthumb.has-photo img{transform:scale(1.06)}
.art-rel .icard{flex:0 0 min(23rem,82%);scroll-snap-align:start}
.art-rel .lhead{align-items:center}

/* tombol kembali ke atas */
.totop{position:fixed;right:var(--space-section);bottom:var(--space-section);z-index:55;display:grid;place-items:center;width:3rem;height:3rem;border:1px solid var(--teal);border-radius:50%;background:var(--surface);color:var(--teal);cursor:pointer;box-shadow:var(--shadow-tooltip);transition:transform .25s var(--easing-standard),background .2s}
.totop[hidden]{display:none}
.totop:hover{background:var(--accent-tint);transform:translateY(-3px)}
@media (max-width:900px){
  .igrid{grid-template-columns:1fr}
  .ah-meta{gap:var(--space-control);font-size:.875rem}
}
@media (min-width:640px) and (max-width:900px){.igrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.icard .wthumb.has-photo img,.totop,.shbtn{transition:none}}

/* ---------- Nusva Design System 3.6: tombol utama bergradasi aksi, kartu putih di atas canvas ---------- */
.btn.pri{background:var(--gradient-action);border-color:transparent;color:var(--on-teal)}
.btn.pri:hover{background:var(--gradient-action);filter:brightness(.9)}
@media (forced-colors:active){.btn.pri{background:Highlight;color:HighlightText}}
.scard{background:var(--surface);box-shadow:var(--shadow-card)}
.card,.tcard,.pkard{box-shadow:var(--shadow-card)}

/* ---------- hero: rasio slide mengikuti foto (3:2), lebar dibatasi, titik fokus per foto ---------- */
.hs-view{max-width:1560px;margin:0 auto}
.hs-slide{aspect-ratio:16/9;min-height:28rem;max-height:calc(100svh - 7rem)}
.hs-h{font-size:clamp(2rem,3.9vw,3.25rem)}
.hs-copy{padding-bottom:5rem}
.hs-photo{object-position:72% 30%;transform-origin:72% 30%}
.hs-t1 .hs-photo{object-position:82% 28%}
.hs-t2 .hs-photo{object-position:70% 40%}
.hs-t3 .hs-photo{object-position:72% 30%}
.hs-t4 .hs-photo{object-position:72% 14%}
@keyframes kenburns{from{transform:scale(1.01)}to{transform:scale(1.06)}}
@media (max-width:900px){
  .hs-slide{aspect-ratio:auto;max-height:none;min-height:32rem}
  .hs-t1 .hs-photo{object-position:84% 28%}
  .hs-t2 .hs-photo{object-position:76% 40%}
  .hs-t3 .hs-photo{object-position:73% 30%}
  .hs-t4 .hs-photo{object-position:72% 14%}
}

/* header: menu lipat mulai 1100px supaya tautan tidak menabrak logo */
@media (max-width:1100px){
  .sh-in{grid-template-columns:minmax(0,1fr) auto}
  .sh-nav,.sh-masuk{display:none}
  .sh-burger{display:inline-grid}
}

/* hero di layar sempit: foto di atas, teks di bawah, supaya wajah tidak tertutup judul */
@media (max-width:900px){
  .hs-slide{align-items:flex-end;min-height:40rem}
  .hs-copy{padding-top:0;padding-bottom:4.75rem}
  .hs-hasphoto .hs-art::after{background:linear-gradient(0deg,color-mix(in srgb,var(--navy) 94%,transparent) 0,color-mix(in srgb,var(--navy) 80%,transparent) 42%,color-mix(in srgb,var(--navy) 18%,transparent) 62%,transparent 80%)}
  .hs-photo{object-position:var(--fx,75%) 0}
  .hs-t1 .hs-photo{--fx:84%}
  .hs-t2 .hs-photo{--fx:72%}
  .hs-t3 .hs-photo{--fx:73%}
  .hs-t4 .hs-photo{--fx:70%}
}

/* ---------- ikon layanan: ikon garis dalam lingkaran teal (menggantikan bola gradasi) ---------- */
.medal{display:grid;place-items:center;flex:none;width:3rem;height:3rem;margin-bottom:var(--space-standard);border-radius:50%;background:color-mix(in srgb,var(--teal) 12%,var(--surface));color:var(--teal);transition:transform .35s var(--easing-standard),background .25s}
.medal-lg{width:3.5rem;height:3.5rem}
.mcard:hover .medal,.lsv:hover .medal{transform:scale(1.06);background:color-mix(in srgb,var(--teal) 18%,var(--surface))}
@media (prefers-reduced-motion:reduce){.medal{transition:none}}

/* ---------- kartu layanan: ilustrasi sebagai sampul ---------- */
.lsv{padding:0;overflow:hidden}
.lsv-img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .8s var(--easing-standard)}
.lsv:hover .lsv-img{transform:scale(1.04)}
.lsv-b{display:flex;flex:1;flex-direction:column;padding:var(--space-section)}
@media (prefers-reduced-motion:reduce){.lsv-img{transition:none}}

/* timer hero digerakkan JavaScript lewat --p (0 sampai 1), bukan animasi CSS */
.hs-seg i::after{transform:scaleX(var(--p,0));animation:none!important}
@media (prefers-reduced-motion:reduce){.hs-seg.is-active i::after{transform:scaleX(1)}}


/* ===================================================================================
   Judul memakai Plus Jakarta Sans 600, satu-satunya huruf Nusva Design System 3.6.
   Jarak huruf mengikuti ukuran: h1 -1,8%, h2 -1,4%, h3 -1%. Paragraf pembuka dan
   kutipan sorot memakai 400 dan 600 saja.
   =================================================================================== */
.hs-h,.ah-title,.lphero h1{font-weight:600;letter-spacing:-.018em}
.lpsec h2,.lptutup h2,.lpserif,.art-body h2,.lsubs h2,.lhead h2{font-weight:600;letter-spacing:-.014em}
.lsv h3,.lcard h3,.icard h3,.lsub,.mcard strong,.mfeat strong,.wcard-t strong,.ifeat-t strong,.wfeat-t strong{font-weight:600;letter-spacing:-.01em}
.lpq blockquote{font-weight:600;letter-spacing:-.008em;font-size:1.1875rem;line-height:1.4}
.lpfacts dt{font-weight:600;letter-spacing:-.02em}
.lpfacts dt b{font-weight:600}
.ah-lead{font-weight:400;letter-spacing:0;font-size:clamp(1.0625rem,1.8vw,1.25rem);line-height:1.6}
.art-q p{font-weight:600;letter-spacing:-.01em;font-size:1.25rem;line-height:1.45}
.hs-h{font-size:clamp(1.75rem,3.5vw,2.875rem);line-height:1.12}
.ah-title{font-size:clamp(2rem,4.6vw,3.25rem);line-height:1.14}
.lpsec h2,.lpserif{font-size:clamp(1.625rem,3.2vw,2.125rem);line-height:1.2}
.lpwhy h2{font-size:clamp(1.75rem,3.8vw,2.5rem)}
.art-body h2{font-size:clamp(1.375rem,2.4vw,1.5rem);line-height:1.3}
.wfeat-t strong,.ifeat-t strong{font-size:clamp(1.375rem,2.6vw,1.75rem);line-height:1.25}
.icard h3{font-size:1.25rem;line-height:1.3}
.lsv h3{font-size:1.25rem}


/* ---------- layar masuk: panel kiri berfoto, senada dengan halaman depan ---------- */
.lgbrand{position:sticky;top:0;height:100vh;overflow:hidden;isolation:isolate;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--navy) 62%,transparent) 0,color-mix(in srgb,var(--navy) 18%,transparent) 36%,color-mix(in srgb,var(--navy) 38%,transparent) 62%,color-mix(in srgb,var(--navy) 92%,transparent) 100%),
    url("/assets/foto/wawasan-1-executive-search.webp") 82% 50%/cover no-repeat,
    var(--navy)}
.lgbrand-t{max-width:15ch;font-size:clamp(1.75rem,2.6vw,2.5rem);line-height:1.15;letter-spacing:-.018em}
.lgbrand-k{position:absolute;top:var(--space-composition);right:var(--space-section);font-size:.75rem;color:color-mix(in srgb,#FFFFFF 78%,transparent)}
.lgbrand-t,.lgbrand .nslogo{position:relative;z-index:1}


/* ---------- layar masuk: panel kiri teal dengan ilustrasi vektor (tanpa foto) ---------- */
.lgbrand{background:var(--gradient-brand)}
.lgbrand-art{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.lgbrand-k{display:none}


/* ---------- ruang kerja konsultan: latar teal, tab, dan jendela layar asli ---------- */
.lpshow{position:relative;overflow:hidden;color:#FFFFFF;background:linear-gradient(135deg,var(--navy) 0%,color-mix(in srgb,var(--teal) 78%,var(--navy)) 52%,var(--brand-teal) 100%);isolation:isolate}
.lpshow::before{content:"";position:absolute;z-index:-1;inset:-20% -10% auto auto;width:60rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cyan) 38%,transparent) 0,transparent 68%)}
.lpshow::after{content:"";position:absolute;z-index:-1;inset:auto auto -30% -12%;width:46rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,#FFFFFF 12%,transparent) 0,transparent 66%)}
.lpshow .nv-eyebrow{color:color-mix(in srgb,#FFFFFF 78%,transparent)}
.lpshow h2{max-width:24ch;color:#FFFFFF}
.lpshow-lead{max-width:40rem;margin:0 0 var(--space-section);font-size:1.0625rem;color:color-mix(in srgb,#FFFFFF 86%,transparent)}
.lptabs{display:inline-flex;gap:4px;padding:4px;margin-bottom:var(--space-composition);border-radius:999px;background:color-mix(in srgb,#FFFFFF 16%,transparent);backdrop-filter:blur(8px);max-width:100%;overflow-x:auto;scrollbar-width:none}
.lptabs::-webkit-scrollbar{display:none}
.lptabs button{min-height:2.5rem;padding:0 1.25rem;border:0;border-radius:999px;background:none;color:#FFFFFF;font:inherit;font-size:.9375rem;white-space:nowrap;cursor:pointer;transition:background .25s,color .25s}
.lptabs button:hover{background:color-mix(in srgb,#FFFFFF 14%,transparent)}
.lptabs button[aria-selected="true"]{background:#FFFFFF;color:var(--navy);font-weight:600}
.lppanel{margin:0}
.lppanel[hidden]{display:none}
.lppanel.is-on .lpwin{animation:tabIn .55s var(--easing-standard)}
@keyframes tabIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.lpwin-d{border:0;border-radius:var(--radius-large);background:var(--surface);box-shadow:0 2px 4px color-mix(in srgb,#000 12%,transparent),0 48px 90px -24px color-mix(in srgb,var(--navy) 80%,black),0 0 0 1px color-mix(in srgb,#FFFFFF 22%,transparent)}
.lpwin-d .lpwin-bar{background:color-mix(in srgb,var(--surfaceMuted) 80%,var(--surface))}
.lpwin-d img{display:block;width:100%;height:auto}
.lpshow .lpshot-pts{margin-top:var(--space-composition)}
.lpshow .lpshot-pts li{color:color-mix(in srgb,#FFFFFF 84%,transparent)}
.lpshow .lpshot-pts strong{color:#FFFFFF}
.lpshow-cap{margin-top:var(--space-section);font-size:.75rem;color:color-mix(in srgb,#FFFFFF 70%,transparent)}
@media (max-width:640px){.lptabs button{padding:0 .875rem;font-size:.875rem}.lpwin-d{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.lpwin-d img{width:46rem;max-width:none;height:auto}}
@media (prefers-reduced-motion:reduce){.lppanel.is-on .lpwin{animation:none}}

/* kartu level: foto duotone penuh warna, teks putih di atas foto (gaya testimoni Notion) */
.lq-1{--hue:var(--brand-teal)}
.lq-2{--hue:var(--tahap-amber)}
.lq-3{--hue:var(--tahap-biru)}
.lq-4{--hue:var(--tahap-coral)}
.lcard{position:relative;display:flex;flex-direction:column;justify-content:flex-end;flex-basis:min(21rem,82%);aspect-ratio:4/5;padding:var(--space-section);border-radius:var(--radius-large);overflow:hidden;color:#FFFFFF;isolation:isolate}
.lcard-art{position:absolute;inset:0;z-index:-1;margin:0;border-radius:0;aspect-ratio:auto;background:var(--hue)}
.lcard-photo{filter:grayscale(1) contrast(1.12) brightness(1.02);mix-blend-mode:multiply}
.lcard-art::after{content:"";position:absolute;inset:0;height:auto;background:linear-gradient(0deg,color-mix(in srgb,var(--hue) 40%,#000000) 0%,color-mix(in srgb,var(--hue) 40%,#000000) 24%,transparent 62%)}
.lcard h3{color:#FFFFFF;margin-bottom:var(--space-control)}
.lcard p{color:color-mix(in srgb,#FFFFFF 90%,transparent);margin-bottom:var(--space-standard)}
.lcard .lsv-a{margin-top:0;color:#FFFFFF}
.lcard .lsv-a:focus-visible{outline-color:#FFFFFF}

/* foto level berlatar berbeda dan terang: duotone tanpa penambah kecerahan */
.lcard-photo{object-position:50% 12%}

/* pemilih bahasa: dua pilihan berbendera, yang aktif berlatar terangkat */
.lang{display:inline-flex;gap:2px;padding:2px;border-radius:999px;background:var(--surfaceMuted)}
.lang-o{display:inline-flex;align-items:center;gap:6px;min-height:2rem;padding:0 .625rem 0 .5rem;border-radius:999px;color:var(--muted);font-size:.8125rem;text-decoration:none;transition:background .2s,color .2s}
.lang-o:hover{color:var(--text);text-decoration:none}
.lang-o[aria-current="true"]{background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow-raised)}
.flag{flex:none;width:1.25rem;height:.875rem;border-radius:2px;box-shadow:0 0 0 1px color-mix(in srgb,var(--text) 18%,transparent)}
@media (pointer:coarse){.lang-o{min-height:2.75rem}}
@media (max-width:480px){
  .lang-o{min-width:2.75rem;justify-content:center;padding:0}
  .lang-o span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
.sf .lang{background:color-mix(in srgb,#FFFFFF 12%,transparent)}
.sf .lang-o{color:color-mix(in srgb,#FFFFFF 78%,transparent)}
.sf .lang-o:hover{color:#FFFFFF}
.sf .lang-o[aria-current="true"]{background:#FFFFFF;color:var(--navy);box-shadow:none}

/* footer di HP: dua kolom (Layanan dan Kandidat berdampingan), Wawasan melebar penuh di bawahnya */
@media (max-width:640px){
  .sf-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf-cols>div:nth-child(3){grid-column:1/-1}
}

/* verifikasi dua langkah: kode QR dan kunci manual */
.mfa-qr{display:block;margin:0 auto var(--space-compact);padding:var(--space-control);border:1px solid var(--line);border-radius:var(--radius-medium);background:#FFFFFF}
.mfa-secret{margin:0 0 var(--space-compact);padding:var(--space-control) var(--space-compact);border-radius:var(--radius-small);background:var(--surfaceMuted);font-family:var(--font-data);font-size:.8125rem;letter-spacing:.06em;overflow-wrap:anywhere;user-select:all}
.inp.mfa-kode{text-align:center;font-family:var(--font-data);font-size:1.25rem;letter-spacing:.35em}

/* Cockpit editorial. Halaman putih tanpa deretan kotak: kalimat jawaban besar di kiri, jalur kandidat
   sebagai perjalanan vertikal di rel kanan, kandidat unggulan dengan cincin skor, briefing sebagai
   baris. Warna tempat hanya dari token tahap-*; nama tahap selalu tertulis di samping warnanya. */
body:has(#cockpit:not(.hide)){background:var(--surface)}
.ck-grid{display:grid;grid-template-columns:minmax(0,1fr) 21rem;gap:var(--space-major);align-items:start}
.ck-main{min-width:0}
.ck-main>*{max-width:46rem}
.ck-rail{position:sticky;top:calc(var(--workbar-height) + var(--space-section));padding-top:var(--space-section)}
#ckpit .nv-answer h1{max-width:15ch;font-size:clamp(2.125rem,4vw,3.25rem);line-height:1.06;letter-spacing:-.032em}
#ckpit .nv-answer .nv-answer-why{font-size:1.0625rem}

/* jalur kandidat */
.ck-jalur h2,.ck-unggul h2{margin:0 0 4px;font-size:1.25rem;font-weight:600;letter-spacing:-.017em}
.ck-jalur-ket{margin:0 0 var(--space-section);font-size:.8125rem;color:var(--muted)}
.ck-jalur.nv,.ck-unggul.nv{background:transparent}
.ck-track{position:relative;display:grid;margin:0 0 var(--space-standard);padding:0;list-style:none}
.ck-track::before{content:"";position:absolute;left:34.5px;top:36px;bottom:36px;width:3px;border-radius:2px;opacity:.5;
  background:linear-gradient(180deg,var(--tahap-ungu),var(--tahap-amber),var(--tahap-coral),var(--tahap-biru),var(--tahap-tosca),var(--tahap-hijau))}
.ck-node{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:var(--space-standard);min-height:76px}
.ck-node.ungu{--base:var(--tahap-ungu);--latar:var(--tahap-ungu-latar);--tinta:var(--tahap-ungu-tinta)}
.ck-node.amber{--base:var(--tahap-amber);--latar:var(--tahap-amber-latar);--tinta:var(--tahap-amber-tinta)}
.ck-node.coral{--base:var(--tahap-coral);--latar:var(--tahap-coral-latar);--tinta:var(--tahap-coral-tinta)}
.ck-node.biru{--base:var(--tahap-biru);--latar:var(--tahap-biru-latar);--tinta:var(--tahap-biru-tinta)}
.ck-node.tosca{--base:var(--tahap-tosca);--latar:var(--tahap-tosca-latar);--tinta:var(--tahap-tosca-tinta)}
.ck-node.hijau{--base:var(--tahap-hijau);--latar:var(--tahap-hijau-latar);--tinta:var(--tahap-hijau-tinta)}
.ck-bub{position:relative;justify-self:center;display:grid;place-items:center;width:var(--d);height:var(--d);border-radius:50%;background:var(--latar);box-shadow:0 0 0 2px var(--base),0 0 0 6px var(--surface);animation:ckPop .7s var(--easing-enter) both;animation-delay:calc(var(--i)*80ms)}
.ck-bub b{font-family:var(--font-data);font-size:calc(var(--d)*.4);font-weight:600;line-height:1;letter-spacing:-.02em;color:var(--tinta);font-variant-numeric:tabular-nums}
.ck-node.kosong .ck-bub{background:var(--surface);box-shadow:0 0 0 2px var(--line),0 0 0 6px var(--surface);border-radius:50%}
.ck-node.kosong .ck-bub b{font-size:.9375rem;color:var(--muted)}
.ck-info{display:grid;justify-items:start;gap:3px}
.ck-sub{font-size:.75rem;color:var(--muted)}
@keyframes ckPop{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}

/* kandidat unggulan */
.ck-unggul{margin-top:var(--space-major)}
.ck-rk-ket{display:flex;gap:var(--space-control);align-items:flex-start;margin:0 0 var(--space-compact);font-size:.8125rem;color:var(--muted);max-width:46ch}
.ck-rk-ket .nv-spark{flex:none;width:1rem;height:1rem;margin-top:2px}
.ck-rk-list{margin:0;padding:0;list-style:none}
.ck-rk{display:grid;grid-template-columns:2.75rem minmax(0,1fr) auto 3.25rem;gap:var(--space-standard);align-items:center;width:calc(100% + 2*var(--space-compact));margin:0 calc(-1*var(--space-compact));padding:var(--space-compact);border:0;border-radius:var(--radius-large);background:none;font:inherit;text-align:left;color:var(--text);cursor:pointer;transition:background .2s}
.ck-rk:hover{background:var(--surfaceMuted)}
.ck-rk:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.ck-av{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--surfaceMuted);color:var(--muted);font-size:.8125rem;font-weight:600;letter-spacing:.02em}
.ck-rk:hover .ck-av{background:var(--surface)}
.ck-rk .id{display:grid;min-width:0}
.ck-rk .id b{font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-rk .id span{font-size:.8125rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-ring{--tebal:5px;position:relative;display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:50%;
  background:conic-gradient(var(--navy) 0%,var(--brand-teal) calc(var(--p)*.6%),var(--cyan) calc(var(--p)*1%),var(--surfaceMuted) 0)}
.ck-ring::before{content:"";position:absolute;inset:var(--tebal);border-radius:50%;background:var(--surface)}
.ck-rk:hover .ck-ring::before{background:var(--surfaceMuted)}
.ck-ring b{position:relative;font-family:var(--font-data);font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums}

/* briefing sebagai baris */
.ck-flowbar{display:flex;gap:2px;height:.375rem;border-radius:999px;overflow:hidden}
.ck-flowbar>i{display:block;min-width:5px}
.ck-flowbar>i.ungu{background:var(--tahap-ungu)}.ck-flowbar>i.amber{background:var(--tahap-amber)}.ck-flowbar>i.coral{background:var(--tahap-coral)}
.ck-flowbar>i.biru{background:var(--tahap-biru)}.ck-flowbar>i.tosca{background:var(--tahap-tosca)}.ck-flowbar>i.hijau{background:var(--tahap-hijau)}
.sbar-teks{display:block;margin-top:6px;font-size:.75rem;color:var(--muted)}
.sbar-teks b{font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}
#list.scards,#archList.scards{display:block}
#list .scard,#archList .scard{display:grid;grid-template-columns:minmax(0,1.6fr) auto minmax(9rem,1fr) auto auto;grid-template-areas:"pos st bar meta acts" "cli st bar meta acts";column-gap:var(--space-section);row-gap:2px;align-items:center;margin:0;position:relative;padding:var(--space-standard) var(--space-compact);border:0;border-radius:var(--radius-large);background:transparent;box-shadow:none;transition:background .2s}
#list .scard::after,#archList .scard::after{content:"";position:absolute;left:var(--space-compact);right:var(--space-compact);bottom:0;height:1px;background:var(--line);transition:opacity .2s}
#list .scard:hover::after,#archList .scard:hover::after{opacity:0}
#list .scard:hover,#archList .scard:hover{background:var(--surfaceMuted);box-shadow:none}
#list .scard .pos,#archList .scard .pos{grid-area:pos;font-size:1.0625rem}
#list .scard .cli,#archList .scard .cli{grid-area:cli;margin:0}
#list .scard .badge,#archList .scard .badge{grid-area:st;justify-self:start}
#list .scard .sbar{grid-area:bar;margin:0}
#list .scard .bar,#archList .scard .bar{display:none}
#list .scard .meta,#archList .scard .meta{grid-area:meta;display:grid;justify-items:end;gap:2px;margin:0;text-align:right}
#list .scard .cardacts,#archList .scard .cardacts{grid-area:acts;margin:0}
#archList .scard.arch .pos{color:var(--muted)}

@media (prefers-reduced-motion:reduce){.ck-bub{animation:none}}
@media (max-width:1100px){
  .ck-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-composition)}
  .ck-rail{position:static;padding-top:0}
}
@media (max-width:900px){
  #list .scard,#archList .scard{grid-template-columns:minmax(0,1fr);grid-template-areas:"pos" "cli" "st" "bar" "meta" "acts";row-gap:var(--space-control)}
  #list .scard .meta,#archList .scard .meta{justify-items:start;text-align:left}
  #list .scard .cardacts,#archList .scard .cardacts{flex-wrap:wrap;justify-self:start;margin-top:var(--space-control)}
}
@media (max-width:640px){
  .ck-rk{grid-template-columns:2.5rem minmax(0,1fr) 3rem}
  .ck-rk>.nv-pil-tahap{display:none}
  .ck-av{width:2.5rem;height:2.5rem}
}

/* Sidebar konsultan. Setinggi jendela, ground side, garis 1px di sisi konten; item aktif berupa kartu putih
   dengan garis tipis (3.6). Menu memakai ModuleBadge per warna tempat. Dibuat hanya untuk konsultan dan
   admin; tautan klien, pelamar, asesmen, dan review tidak pernah memuatnya. */
.nv-side{display:none;position:fixed;inset:0 auto 0 0;z-index:45;width:var(--nav-width);flex-direction:column;gap:var(--space-control);padding:0 var(--space-compact) var(--space-compact);background:var(--side);border-right:1px solid var(--line);overflow-x:hidden;overflow-y:auto;transition:width .24s var(--easing-standard),transform .24s var(--easing-standard)}
body.has-side .nv-side{display:flex}
body.has-side{padding-left:var(--nav-width);transition:padding-left .24s var(--easing-standard)}
.nv-side-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-control);flex:none;min-height:var(--topbar-height);padding:0 4px}
.nv-side-brand{display:inline-flex;align-items:center;flex:none;min-width:0;cursor:pointer;border-radius:var(--radius-small)}
.nv-side-brand .nslogo{flex:none}
.nv-side-brand .nslogo-img,.nv-side-brand .nslogo-mark,.nv-side-brand .nslogo-mark-w{flex:none;max-width:none;width:auto;height:var(--ns);border-radius:0}
.nv-side-brand:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.nv-side-toggle{display:inline-grid;place-items:center;flex:none;width:2.25rem;height:2.25rem;padding:0;border:0;border-radius:var(--radius-small);background:none;color:var(--muted);cursor:pointer}
.nv-side-toggle:hover{background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--text)}
.nv-side-cta{width:100%;justify-content:flex-start;gap:var(--space-control);min-height:2.5rem;border-radius:var(--radius-medium)}
.nv-side-list{display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;margin-top:var(--space-control)}
.nv-side .nv-nav-item{width:100%;min-height:2.5rem;padding:6px 8px;border:0;border-radius:var(--radius-medium);background:none;color:var(--text);font:inherit;font-size:.875rem;font-weight:400;text-align:left;cursor:pointer}
.nv-side .nv-nav-item:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}
.nv-side .nv-nav-item.is-active{background:var(--surface);box-shadow:var(--shadow-card);font-weight:600}
.nv-side .nv-nav-item:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.nv-side .nv-modul{flex:none}
.nv-side .nv-modul .nv-icon{width:14px;height:14px}
.nv-side-recent{margin-top:var(--space-standard)}
.nv-side .nv-nav-label{padding:var(--space-control) 8px 4px;font-size:.75rem;font-weight:400;color:var(--muted)}
.nv-recent-item{display:block;width:100%;padding:6px 8px;border:0;border-radius:var(--radius-small);background:none;color:var(--muted);font:inherit;font-size:.8125rem;line-height:1.35;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nv-recent-item:hover{background:color-mix(in srgb,var(--text) 5%,transparent);color:var(--text)}
.nv-recent-item.is-active{color:var(--text);font-weight:600}
.nv-recent-item:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.nv-side-kosong{display:block;padding:6px 8px;font-size:.8125rem;color:var(--muted)}
.nv-side-foot{display:grid;gap:2px;flex:none;padding-top:var(--space-compact);border-top:1px solid var(--line)}
.nv-side-me{display:flex;align-items:center;gap:var(--space-compact);padding:6px 8px;min-width:0}
.nv-side-me .nv-avatar{width:2rem;height:2rem;font-size:.75rem;background:var(--surfaceMuted)}
.nv-side-me .who{display:grid;min-width:0;line-height:1.25}
.nv-side-me .who b{font-size:.8125rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nv-side-me .who small{font-size:.75rem;color:var(--muted)}
.nv-side-foot .nv-nav-item{min-height:2.25rem;color:var(--muted);font-size:.8125rem}
.nv-side-foot .nv-nav-item:hover{color:var(--text)}
.nv-side-foot .nv-icon{width:1.125rem;height:1.125rem;margin:0 .1875rem}
#sideScrim{display:none;position:fixed;inset:0;z-index:55;background:var(--scrim)}
#sideMenuBtn{display:none}

@media (min-width:901px){
  /* bilah atas lama: hanya Kembali yang tersisa; pada Cockpit seluruh bilahnya disembunyikan */
  body.has-side .appbar .brand,body.has-side .appbar .pill,body.has-side .appbar .who,body.has-side #temaBtn,
  body.has-side .appbar .nav:not(#backBtn){display:none}
  body.has-side:has(#cockpit:not(.hide)) .appbar{display:none}
  body.has-side .ck-bar{display:none}
  /* mode ciut: rel ikon */
  body.has-side.side-ciut{padding-left:var(--nav-compact)}
  body.side-ciut .nv-side{width:var(--nav-compact);align-items:center}
  body.side-ciut .nv-side-label,body.side-ciut .nv-side-recent{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  body.side-ciut .nv-side-top{flex-direction:column;justify-content:flex-start;gap:var(--space-control);height:auto;min-height:0;padding:var(--space-compact) 0}
  body.side-ciut .nv-side .nslogo-img{display:none}
  body.side-ciut .nv-side .nslogo-mark{display:block}
  [data-theme="dark"] body.side-ciut .nv-side .nslogo-mark{display:none}
  [data-theme="dark"] body.side-ciut .nv-side .nslogo-t{display:none}
  body.side-ciut .nv-side-cta{width:2.5rem;justify-content:center;padding:0}
  body.side-ciut .nv-side-cta .nv-icon{margin:0}
  body.side-ciut .nv-side .nv-nav-item,body.side-ciut .nv-side-me{justify-content:center;width:auto;padding-left:6px;padding-right:6px}
}
@media (max-width:900px){
  .nv-side{z-index:60;width:min(var(--nav-width),86vw);transform:translateX(-100%)}
  body.has-side{padding-left:0}
  body.side-buka .nv-side{transform:none;box-shadow:var(--shadow-workspace)}
  body.side-buka #sideScrim{display:block}
  body.side-buka{overflow:hidden}
  body.has-side #sideMenuBtn{display:inline-flex}
  body.has-side .appbar .pill,body.has-side .appbar .who,body.has-side #temaBtn,
  body.has-side .appbar .nav:not(#backBtn):not(#sideMenuBtn){display:none}
  .nv-side-toggle{display:none}
  /* DS menjadikan nv-side rel ikon di bawah 650px; laci di HP butuh label penuh */
  .nv-side .nv-side-label,.nv-side .nv-nav-item span{display:block;position:static;width:auto;height:auto;overflow:hidden;clip:auto;white-space:nowrap}
  .nv-side .nv-nav-item span.nv-modul{display:inline-flex}
  .nv-side .nv-nav-label,.nv-side .nv-side-recent{display:block}
  .nv-side .nv-side-top{justify-content:space-between;padding:0 4px}
  .nv-side .nv-nav-item{justify-content:flex-start}
  .nv-side .nv-side-me{flex:none;width:auto;justify-content:flex-start;padding:6px 8px}
  .nv-side .nv-side-me .who{display:grid}
}
@media (prefers-reduced-motion:reduce){.nv-side,body.has-side{transition:none}}
@media print{.nv-side,#sideScrim{display:none!important}body.has-side{padding-left:0!important}}


/* Layar mandat editorial. Sama arahnya dengan Cockpit: halaman putih, satu kalimat jawaban besar, satu
   saran Nexa, lalu papan kandidat tanpa kotak abu. Kolom hanya dibedakan garis tipis warna tahap;
   nama tahap selalu tertulis di sebelahnya. Kartu putih bersinar lembut, skor Nexa sebagai cincin kecil. */
body:has(#scorecard:not(.hide)){background:var(--surface)}
#scorecard .sc-top{margin-bottom:var(--space-composition)}
#scorecard .sc-top .badge{background:transparent;padding:0;color:var(--muted)}
#scorecard #mandBtn{border-color:transparent;background:transparent;color:var(--muted)}
#scorecard #mandBtn:hover{background:var(--surfaceMuted);color:var(--text)}
#scorecard .nv-answer h1{max-width:22ch;font-size:clamp(2rem,3.6vw,3rem);line-height:1.08;letter-spacing:-.03em}
#scorecard .nv-answer .nv-answer-why{font-size:1.0625rem}
.sc-nexa{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-control);margin:var(--space-section) 0 0;font-size:.875rem;color:var(--muted);max-width:46rem}
.sc-nexa.hide{display:none}
.sc-nexa .nv-spark{flex:none;width:1rem;height:1rem}
.sc-nexa b{font-weight:600;color:var(--text)}
.sc-nexa .lnk{margin-left:var(--space-control)}
#scorecard .sctabs{margin-top:var(--space-composition)}

.mw-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-standard);flex-wrap:wrap;margin:0 0 var(--space-standard)}
.mw-act{display:flex;align-items:center;gap:var(--space-standard);flex-wrap:wrap}
#candWrap .plseg{background:transparent;padding:0;margin:0;gap:var(--space-micro)}
#candWrap .plsegb{border-radius:999px;padding:6px 14px;color:var(--muted)}
#candWrap .plsegb.on{background:var(--surfaceMuted);box-shadow:none;color:var(--text);font-weight:600}

/* bilah filter: kolom cari bergaris bawah dan pilihan sebagai teks, bukan deretan tombol berbingkai */
#candWrap .plbar{gap:var(--space-micro) var(--space-control);margin:0 0 var(--space-standard)}
#candWrap .plsearch{flex:0 1 15rem;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;padding:6px 2px}
#candWrap .plsearch:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-bottom-color:transparent}
#candWrap .trfbtn{border:0;background:transparent;color:var(--muted);border-radius:999px;padding:6px 12px;box-shadow:none}
#candWrap .trfbtn:hover{background:var(--surfaceMuted);color:var(--text)}
#candWrap .trfbtn.on{background:var(--surfaceMuted);color:var(--text);font-weight:600}
#candWrap .trfbtn.kosong{opacity:.55}
#candWrap .trfbtn .chipn{background:none;color:var(--muted);font-weight:400;margin-left:4px;padding:0}
#candWrap .trfbtn .nv-spark{width:.875rem;height:.875rem;margin-right:6px;vertical-align:-2px}
#candWrap .placts{margin-left:auto;display:flex;align-items:center;gap:var(--space-micro)}
#candWrap .btn.gho{border-color:transparent;background:transparent;color:var(--muted)}
#candWrap .btn.gho:hover{background:var(--surfaceMuted);color:var(--text)}

/* papan kanban */
#candWrap .plkan{gap:var(--space-section);padding-bottom:var(--space-standard)}
#candWrap .plkan::-webkit-scrollbar-track{background:transparent}
#candWrap .plkcol{--garis:var(--line);flex:0 0 14.5rem;min-width:14.5rem;height:min(72vh,42rem);background:transparent;border-radius:var(--radius-medium)}
#candWrap .plkcol.h-ungu{--garis:var(--tahap-ungu)}
#candWrap .plkcol.h-amber{--garis:var(--tahap-amber)}
#candWrap .plkcol.h-coral{--garis:var(--tahap-coral)}
#candWrap .plkcol.h-biru{--garis:var(--tahap-biru)}
#candWrap .plkcol.h-tosca{--garis:var(--tahap-tosca)}
#candWrap .plkcol.h-hijau{--garis:var(--tahap-hijau)}
#candWrap .plkcol.h-merah{--garis:var(--critical)}
#candWrap .plkhead{padding:var(--space-compact) 0 var(--space-control);border-top:2px solid var(--garis);margin-bottom:var(--space-control)}
#candWrap .plkhead.is-positive>span:first-child::before,#candWrap .plkhead.is-critical>span:first-child::before{display:none}
#candWrap .plkhead>span:first-child{font-size:.875rem}
#candWrap .plkn{font-weight:400}
#candWrap .plktunggu{margin-top:2px;gap:0 var(--space-control)}
#candWrap .plktunggu .sp{background:none;border:0;padding:0;color:var(--muted)}
#candWrap .plktunggu .sp i{display:none}
#candWrap .plktunggu .sp-anda{color:var(--text)}
#candWrap .plkdiam,#candWrap .plkdiam.bahaya{font-weight:400;color:var(--muted)}
#candWrap .plkdiam.awas,#candWrap .plkdiam.bahaya{color:var(--attention)}
#candWrap .plkbody{padding:var(--space-micro) var(--space-micro) var(--space-control);gap:var(--space-compact)}
#candWrap .plkbody:empty::after{content:"Belum ada";padding:var(--space-control) 0;font-size:.75rem;color:var(--muted)}
#candWrap .plkcard{background:var(--surface);border-radius:var(--radius-medium);padding:var(--space-compact);box-shadow:var(--shadow-card);transition:box-shadow var(--duration-quick,160ms) var(--easing-standard,ease),transform var(--duration-quick,160ms) var(--easing-standard,ease)}
#candWrap .plkcard:hover{box-shadow:var(--shadow-raised);transform:translateY(-1px)}
#candWrap .plkname{font-size:.875rem}
#candWrap .plkmeta{margin:2px 0 0}
#candWrap .plksig{display:flex;align-items:center;gap:var(--space-control);margin-top:var(--space-compact)}
#candWrap .plksig .ktier{padding:0}
#candWrap .plkproses{margin-top:var(--space-control)}
#candWrap .kmsg{border-color:transparent;background:transparent}
#candWrap .kmsg:hover{background:var(--surfaceMuted)}
.ck-ring.kecil{--tebal:3px;width:1.75rem;height:1.75rem}
.ck-ring.kecil b{font-size:.75rem}
@media (prefers-reduced-motion:reduce){#candWrap .plkcard{transition:none}#candWrap .plkcard:hover{transform:none}}
@media (max-width:640px){#candWrap .plkcol{flex-basis:15rem;min-width:15rem}#candWrap .plsearch{flex:1 1 100%}}
#candWrap .plkhead{border-radius:0}
#candWrap .plkdiam{flex:0 0 100%}
.plhint{display:flex;align-items:center;gap:var(--space-micro);margin:0 0 var(--space-compact)}
.plhint .ch{flex:1;margin:0;font-size:.75rem;color:var(--muted)}
#candWrap .kscr{border-color:transparent;background:transparent}
#candWrap .kscr:hover{background:var(--surfaceMuted)}
/* Dengan sidebar, bilah "Kembali" di layar mandat menggandakan tautan Cockpit di judul halaman. */
@media (min-width:901px){body.has-side:has(#scorecard:not(.hide)) #appbar{display:none}}
#candWrap .plkcard{background:var(--nv-raised)}
#candWrap .plkcard .ck-ring::before{background:var(--nv-raised)}
.sc-nexa>span{flex:1 1 14rem;min-width:0}