/* KolabRiset — dunia "editorial akademik" untuk halaman masuk/daftar, tentang, legal, dan profil publik. */
:root {
  --font-display: "Bricolage Grotesque", "Public Sans", system-ui, sans-serif;
  --font-ui: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}
body { font-family: var(--font-ui); }
:root {
  --ed-ink: #12211c;
  --ed-muted: #55635c;
  --ed-line: #dde4e0;
  --ed-rule: #c9d4ce;
  --ed-paper: #fbfcfb;
  --ed-rail: #0d3b30;
  --ed-green: #0f725c;
  --ed-archive: #8a5a14;
}
h1, h2, h3 { font-family: var(--font-display); font-weight: 700; letter-spacing: -0.015em; }
.brand, .brand span, .footer-brand, .pp-brand b { font-family: var(--font-ui) !important; letter-spacing: -0.01em; }
::selection { background: rgba(15, 114, 92, .2); }

/* ---------- Masuk / Daftar ---------- */
.auth-story { background: var(--ed-rail); }
.auth-story::before { display: none; }
.story-copy h1 { font-weight: 700; letter-spacing: -0.02em; }
.story-copy p { color: #cfe3da; font-weight: 400; }
.faces span { border-color: var(--ed-rail); }
.faces span:first-child { color: var(--ed-rail); background: #9fe0c6; }
.auth-panel { background: var(--ed-paper); }
.tabs { border: 1px solid var(--ed-line); border-radius: 8px; background: #f1f5f2; box-shadow: none; }
.tabs button { border-radius: 6px; box-shadow: none !important; }
.form-heading h2 { font-size: 30px; }
.form-heading p { font-weight: 500; color: var(--ed-muted); }
.auth-form input, .auth-form select, .auth-form textarea { border-radius: 6px; box-shadow: none; }
.submit-button { border-radius: 6px; background: var(--ed-green); box-shadow: none !important; transform: none !important; }
.submit-button:hover { background: #0a5a48; }
.auth-file-picker { flex-wrap: wrap; border-style: solid; border-color: var(--ed-line); border-radius: 6px; }
.auth-file-picker input { max-width: 100%; }
.auth-file-picker small { flex-basis: 100%; font-weight: 600; }
html[data-theme="dark"] .auth-story { background: #0a1a16; }
html[data-theme="dark"] .auth-panel { background: #0b1310; }
html[data-theme="dark"] .tabs { background: #121d19; border-color: #24332e; }
html[data-theme="dark"] .submit-button { color: #06231a; background: #4fd1a5; }

/* ---------- Tentang Kami ---------- */
.about-header { border-bottom: 1px solid var(--ed-line); box-shadow: none; }
.header-cta { border-radius: 6px; }
.about-hero { background: var(--ed-paper); border-bottom: 1px solid var(--ed-line); }
.hero-copy h1 { font-weight: 700; letter-spacing: -0.02em; }
.hero-values span { border-radius: 6px; }
.network { opacity: .9; }
.origin-grid h2 { font-weight: 700; }
.principles-section { background: #f1f5f2; border-top: 1px solid var(--ed-line); border-bottom: 1px solid var(--ed-line); }
.principles-grid article, .advisory-card, .person-card { border: 1px solid var(--ed-line); border-radius: 8px; box-shadow: none !important; }
.principle-number { color: var(--ed-archive); font-weight: 700; }
.photo-accent { display: none; }
.founder-badge { border-radius: 6px; box-shadow: none; }
.founder-highlights > * { border-radius: 6px; }
.vision-section { background: var(--ed-rail); }
html[data-theme="dark"] .about-hero { background: #0b1310; }
html[data-theme="dark"] .principles-section { background: #0e1714; }
html[data-theme="dark"] .principle-number { color: #e2b66d; }
html[data-theme="dark"] .vision-section { background: #0f2a24; }

/* ---------- Privasi & Ketentuan ---------- */
.legal h1, main h1 { letter-spacing: -0.02em; }

/* ---------- Profil publik: entri jurnal ---------- */
.pp-card { border: 1px solid var(--ed-line); border-radius: 8px; box-shadow: none !important; }
.pp-head h1 { font-weight: 700; letter-spacing: -0.015em; }
.pp-inst { font-style: italic; }
.pp-badge { border-radius: 6px; }
.pp-card section h2 { font-size: 18px; }
.pp-chips span { padding: 0; border: 0; background: none; color: var(--ed-ink); font-style: italic; }
.pp-chips span:not(:last-child)::after { content: ";"; }
.pp-cta { border-radius: 6px; box-shadow: none; }
.founder-badge span { color: #d3e6dd; }

/* Tentang Kami — mode gelap lengkap */
html[data-theme="dark"] .about-header { background: #0b1310; border-color: #24332e; }
html[data-theme="dark"] .about-header nav a { color: #c9d6d0; }
html[data-theme="dark"] .brand { color: #e8efeb; }
html[data-theme="dark"] .hero-values span { color: #c9d6d0; border-color: #2e413a; background: #121d19; }
html[data-theme="dark"] :is(.principles-grid article, .advisory-card, .person-card, .founder-highlights > *, blockquote, .founder-quote) { color: #e8efeb; border-color: #24332e; background: #121d19; }
html[data-theme="dark"] :is(.principles-grid article, .advisory-card, .person-card, .founder-highlights > *) :is(h3, strong, b) { color: #e8efeb; }
html[data-theme="dark"] :is(.principles-grid article, .advisory-card, .person-card, .founder-highlights > *) :is(p, small, span) { color: #a5b4ad; }
html[data-theme="dark"] .founder-highlights strong { color: #4fd1a5; }
html[data-theme="dark"] .header-cta { color: #06231a; background: #4fd1a5; }
html[data-theme="dark"] .founder-role { color: #4fd1a5 !important; }
html[data-theme="dark"] .person-initials, html[data-theme="dark"] .person-card .person-initials { color: #06231a !important; background: #4fd1a5; }
.pp-card section h2 { color: var(--ed-ink); text-transform: none; letter-spacing: -0.01em; font-size: 19px; }
.pp-inst { font-weight: 400 !important; color: var(--ed-muted) !important; }
.pp-chips span { font-weight: 500; }
.pp-foot { border-radius: 8px; background: var(--ed-rail) !important; }
.pp-photo { border-radius: 50%; box-shadow: none; }
html[data-theme="dark"] .pp-card section h2 { color: #e8efeb; }

/* Profil publik: datar, entri jurnal, fallback inisial */
body { background: var(--ed-paper) !important; }
html[data-theme="dark"] body { background: #0b1310 !important; }
.pp-photo { position: relative; background: var(--ed-rail) !important; border: 1px solid var(--ed-line); }
.pp-photo span { font: 700 32px var(--font-ui); }
.pp-photo img { position: absolute; inset: 0; }
.pp-affiliation { margin: 2px 0 8px; color: var(--ed-muted); font-style: italic; }
.pp-keywords { margin: 0 0 8px; font-size: 15px; }
.pp-keywords span { color: var(--ed-muted); font-weight: 600; }
html[data-theme="dark"] .pp-affiliation, html[data-theme="dark"] .pp-keywords span { color: #a5b4ad; }
.pp-photo { border: 0 !important; }
.pp-photo img { border: 0; outline: 0; color: transparent; }

/* Placeholder form masuk/daftar & profil publik mode gelap */
::placeholder { color: #66736d; opacity: 1; }
html[data-theme="dark"] ::placeholder { color: #93a59d; }
html[data-theme="dark"] .pp-card b, html[data-theme="dark"] .pp-card strong { color: #e8efeb; }
html[data-theme="dark"] .pp-card b span { color: #4fd1a5; }
html[data-theme="dark"] .pp-card { background: #121d19; border-color: #24332e; color: #e8efeb; }
html[data-theme="dark"] .pp-card p, html[data-theme="dark"] .pp-note { color: #a5b4ad; }
/* Masuk/Daftar di HP: panel merek diciutkan agar kolom email cepat terlihat */
@media (max-width: 800px) {
  .auth-story { min-height: 0; padding: 22px 22px 18px; }
  .auth-story .story-copy p, .auth-story .story-proof, .auth-story::after { display: none; }
  .story-copy h1 { margin: 16px 0 0; font-size: clamp(26px, 8vw, 32px); }
}