/* ============================================================
 * styles.css — Posyandu Demalang
 * Seluruh kode CSS dipindahkan dari <style> di index.html
 * ============================================================ */

/* Transisi halus antar view — terasa natural, bukan template kaku */
.spa-view { animation: fadeIn 0.25s ease-out; }
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Tombol besar: feedback sentuhan jelas di layar HP */
.btn-primary {
    min-height: 3.25rem;
    transition: background-color 0.15s, transform 0.1s, box-shadow 0.15s;
}
.btn-primary:active:not(:disabled) { transform: scale(0.98); }
.btn-primary:disabled { opacity: 0.6; cursor: not-allowed; }

#preview-foto { object-fit: contain; max-width: 100%; }

.admin-tab-btn { transition: background-color 0.15s, color 0.15s; }
.admin-tab-btn.active { background-color: #059669; color: #fff; }