/* ═══ Etalase putih · lapisan bersama halaman kontributor (2026-10-04) ═══
   Dimuat SETELAH CSS bawaan tiap halaman (app, aturan, privasi, store, product) agar seragam
   dengan landing kontributor & Toshokan: putih, tinta #0D0C22, satu aksen 朱, Mona Sans, tombol pil. */
:root {
  --wp-ink: #0D0C22; --wp-ink-2: #3D3D4E; --wp-ink-3: #6E6D7A; --wp-ink-4: #9E9EA7;
  --wp-line: #E7E7E9; --wp-line-2: #DBDBDE; --wp-soft: #F6F6F7; --wp-soft-2: #EFEFF1;
  --wp-acc: #D9442A; --wp-acc-ink: #B5361F; --wp-acc-soft: #FDEEEA;
  --wp-sans: "Mona Sans", "LINE Seed JP", system-ui, -apple-system, "Segoe UI", sans-serif;
  --wp-jp: "LINE Seed JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  /* panel kontributor: variabel lama dipetakan ke palet putih */
  --paper: #FFFFFF; --paper-2: #F6F6F7; --rice: #FFFFFF;
  --ink: #0D0C22; --ink-soft: #3D3D4E; --ash: #6E6D7A;
  --line: #E7E7E9; --line-2: #DBDBDE;
  --verm: #D9442A; --verm-ink: #B5361F; --verm-soft: #FDEEEA;
  --ai: #0D0C22; --ai-2: #0D0C22; --ai-3: #2A2A40; --ai-soft: #F0F0F3;
  --sky: #0D0C22; --sky-deep: #0D0C22;
  --fd: var(--wp-sans); --fs: var(--wp-sans); --fm: var(--wp-sans);
}
html, body { background: #fff !important; overflow-x: clip; }
body:not([data-view="ok"]) { font-family: var(--wp-sans); color: var(--wp-ink); }
/* judul: hanya halaman panel/aturan/privasi, bukan isi etalase (tema etalase punya font & warna sendiri) */
:where(.auth-shell, .card, #v-onboard, #v-dash, .main, .nf) :is(h1, h2, h3) { font-family: var(--wp-sans); font-weight: 600; letter-spacing: normal; color: var(--wp-ink); }
:focus-visible { outline-color: var(--wp-ink) !important; }

/* label kecil: pil 朱 lembut (pengganti garis + huruf kapital) */
.label, .eyebrow { display: inline-flex; align-items: center; height: 28px; padding: 0 12px; border-radius: 999px; background: var(--wp-acc-soft); color: var(--wp-acc-ink) !important; font-size: 12px; font-weight: 500; letter-spacing: 0; text-transform: none; }
.label::before, .eyebrow::before { display: none; }

/* ── panel kontributor (/app) ── */
.hdr { background: rgba(255, 255, 255, .9); border-bottom-color: var(--wp-line); }
.brand b { font-weight: 600; border-left-color: var(--wp-line); }
.btn { border-radius: 999px; font-weight: 600; font-size: 14px; min-height: 44px; padding: 0 22px; }
.btn-sm { min-height: 38px; padding: 0 16px; font-size: 13px; border-radius: 999px; }
.btn-primary, .btn-ai { background: var(--wp-ink); color: #fff; box-shadow: none; }
.btn-primary:hover:not(:disabled), .btn-ai:hover:not(:disabled) { background: #2A2A40; }
.btn-ghost { border: 0; box-shadow: inset 0 0 0 1px var(--wp-line-2); background: #fff; }
.btn-ghost:hover:not(:disabled) { box-shadow: inset 0 0 0 1px var(--wp-ink-3); }
.card { border-radius: 16px; border-color: var(--wp-line); box-shadow: none; }
.card h2 { font-size: 20px; font-weight: 600; }
.tabs { background: var(--wp-soft); border: 0; border-radius: 999px; padding: 4px; }
.tabs button { border-radius: 999px; font-weight: 600; font-size: 13px; color: #7B7194; }
.tabs button.on { background: #fff; color: var(--wp-ink); box-shadow: 0 1px 2px rgba(13, 12, 34, .08), inset 0 0 0 1px var(--wp-line); }
.fld label { font-weight: 600; }
.fld input, .fld textarea, .fld select { background: #fff; border-color: var(--wp-line-2); border-radius: 10px; }
.fld input:focus, .fld textarea:focus, .fld select:focus { border-color: var(--wp-ink); box-shadow: 0 0 0 4px rgba(13, 12, 34, .08); }
.decl { background: var(--wp-soft); border-color: var(--wp-line); }

/* ── aturan & privasi ── */
.top { background: rgba(255, 255, 255, .92) !important; border-bottom-color: var(--wp-line) !important; }
.top span { font-weight: 600; border-left-color: var(--wp-line) !important; }
.top .go a { border-radius: 999px !important; background: var(--wp-ink) !important; font-weight: 600; }
.main h1 { font-weight: 600; letter-spacing: normal; font-size: clamp(28px, 4vw, 40px); line-height: 1.2; }
.main h2 { font-weight: 600; letter-spacing: normal; border-top-color: var(--wp-line) !important; }
.main p, .main li { color: var(--wp-ink-2); }
.main a { color: var(--wp-ink); text-decoration: underline; }
.main b { color: var(--wp-ink); }
.upd { color: var(--wp-ink-3) !important; }
.toc, .box { background: var(--wp-soft) !important; border-color: var(--wp-line) !important; }
.terms div { border-color: var(--wp-line) !important; box-shadow: none !important; border-radius: 14px !important; }
.terms dt, .tbl th { color: var(--wp-ink-3) !important; }
.terms dd { font-weight: 600 !important; }
.tbl th, .tbl td { border-bottom-color: var(--wp-line) !important; }
.note { background: var(--wp-soft) !important; border-color: var(--wp-line) !important; color: var(--wp-ink) !important; }
.jp { font-family: var(--wp-jp); }

/* ── etalase /profile & detail karya: bingkai luar ── */
.sk { background: var(--wp-soft) !important; }
.nf .gl { color: var(--wp-ink) !important; font-family: var(--wp-jp) !important; }
.nf a { border-radius: 999px !important; background: var(--wp-ink) !important; font-weight: 600 !important; }