/* Dashboard CS Holigo — mengikuti mockup yang disetujui.
   Sebagian besar gaya ditulis inline di template/JS (seperti mockup).
   Berkas ini hanya reset, font, dan kelas bantu (.hb, .fi, .sr, .scr). */

:root{
  --main:#358529; --dark:#358529; --accent:#4BA035;
  --soft:#E6F2E3; --ring:#9CCB90;
  --ink:#172230; --muted:#556273; --muted2:#3E4A5A;
  --line:#E1E6EC; --fieldline:#D5DCE4;
  --page:#F1F3F4; --chat:#EDF1EA; --bubble:#DCF5D3;
  --merah:#8E1C1C;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#F3F5F8;font-family:'Nunito','Segoe UI',system-ui,sans-serif;
  color:#172230;font-size:14px;line-height:1.45}
a{color:#2F7D24;text-decoration:none}
a:hover{color:#256A1C}
button{font-family:inherit}

/* tombol/field bantu dari mockup */
.hb{cursor:pointer;transition:background .12s ease}
.hb:hover{filter:brightness(.96)}
.hb:disabled{cursor:not-allowed}
.hb:focus-visible,.fi:focus-visible{outline:2px solid #358529;outline-offset:2px}
.fi{font:inherit}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.scr::-webkit-scrollbar{width:8px}
.scr::-webkit-scrollbar-thumb{background:#CBD3DC;border-radius:8px}
@media (prefers-reduced-motion: reduce){*{transition:none !important}}

/* wordmark logo sementara (ganti dengan /static/holigo-logo.png bila tersedia) */
.logo-mark{font-weight:800;letter-spacing:-.02em;color:#358529;line-height:1}
.logo-mark b{color:#4BA035}

/* padding halaman (kontak/broadcast/laporan/pengaturan) */
.pagepad{padding:24px}
@media(max-width:900px){ .pagepad{padding:16px} }

/* toast sederhana */
.toast{position:fixed;bottom:76px;left:50%;transform:translateX(-50%);background:#172230;
  color:#fff;padding:10px 18px;border-radius:10px;z-index:9999;opacity:0;
  transition:opacity .25s;font-weight:700;font-size:13px}
.toast.tampil{opacity:1}