/* ====================================================
   PEMERINTAHAN — Pemerintahan styles
==================================================== */
.pejabat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.pejabat-card { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); border-radius:var(--radius); padding:24px; text-align:center; transition:var(--tr); backdrop-filter:blur(8px); }
.pejabat-card:hover { border-color:rgba(255,255,255,.2); transform:translateY(-4px); box-shadow:0 12px 40px rgba(4,16,31,.4); }
.pejabat-photo { width:80px; height:80px; border-radius:50%; background:var(--g-vivid); margin:0 auto 14px; display:flex; align-items:center; justify-content:center; font-size:2rem; border:3px solid rgba(255,255,255,.15); }
.pejabat-name { font-weight:800; font-size:.92rem; margin-bottom:4px; }
.pejabat-role { font-size:.75rem; color:#6EB0F0; margin-bottom:10px; }
.pejabat-contact { font-size:.77rem; color:rgba(255,255,255,.4); display:flex; flex-direction:column; gap:4px; }
.badge-status { display:inline-block; padding:3px 10px; border-radius:50px; font-size:.67rem; font-weight:700; }
.badge-berlaku { background:rgba(74,222,128,.15); color:#4ade80; border:1px solid rgba(74,222,128,.25); }
.badge-lama    { background:rgba(255,100,100,.1); color:#f87171; border:1px solid rgba(248,113,113,.2); }
@media(max-width:900px){ .pejabat-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:640px){ .pejabat-grid{grid-template-columns:1fr;} }