/* ============================================
   STANDAR HEADER HALAMAN — gaya Oafindo (2026-07-04)
   Dipakai seragam di semua menu: judul tebal + deskripsi agak besar.
   Kelas ini SATU sumber kebenaran — ubah di sini, seragam di semua menu.
   ============================================ */

.page-head {
    margin: 0 0 20px;
}
.page-head h1,
.page-head h2 {
    margin: 0 0 5px;
    font-size: 26px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.4px;
    line-height: 1.2;
}
.page-head .desc {
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    color: #64748b;
    line-height: 1.55;
    max-width: 780px;
}
/* Ikon di depan judul (opsional) tetap selaras */
.page-head h1 > i,
.page-head h2 > i { margin-right: 8px; }

/* Judul section di dalam kartu (mis. "Widget data ringkas") — tebal, ukuran sedang */
.sec-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    letter-spacing: 0 !important;
    margin: 0 0 12px !important;
}
.sec-title > i { margin-right: 7px; }

/* Judul halaman versi "di dalam kartu" (h3 di header kartu) — konsisten antar menu.
   Sedikit lebih kecil dari .page-head (26px) karena berada di dalam kartu. */
.pg-title {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.3px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}
.pg-title > i { margin-right: 8px; }
.pg-desc {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #64748b !important;
    line-height: 1.5 !important;
    margin: 6px 0 0 !important;
}

/* Deskripsi kecil di bawah section (opsional) */
.sec-desc {
    font-size: 13px;
    color: #94a3b8;
    margin: 0 0 12px;
    line-height: 1.5;
}

@media (max-width: 576px) {
    .page-head h1, .page-head h2 { font-size: 22px; }
    .page-head .desc { font-size: 14px; }
}