/* ==========================================
   RHPP HEADER
========================================== */

.rhppPage{

    max-width:900px;
    margin:auto;
    padding:20px;

}

.rhppHeader{

    text-align:center;
    margin-bottom:25px;

}

.rhppHeader h1{

    color:#1f6b45;
    margin-bottom:6px;

}

.rhppHeader h2{

    margin:0;
    font-size:20px;

}

.rhppHeader small{

    color:#777;

}

.rhppInfo{

    width:100%;
    border-collapse:collapse;

}

.rhppInfo td{

    padding:10px;
    border-bottom:1px solid #e5e7eb;

}

.rhppInfo td:first-child{

    width:180px;
    font-weight:600;

}

/* ==========================================
   RHPP KPI
========================================== */

.rhppGrid{

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:15px;
    margin-top:15px;

}

.rhppItem{

    background:#f8fafc;
    border:1px solid #dbe5df;
    border-radius:14px;
    padding:16px;
    text-align:center;

}

.rhppItem span{

    display:block;
    color:#6b7280;
    font-size:14px;
    margin-bottom:8px;

}

.rhppItem b{

    font-size:22px;
    color:#1f6b45;

}

/* ==========================================
   RHPP TABLE
========================================== */

.rhppPage .tableEkonomi{

    margin-top:15px;
    border-radius:14px;
    overflow:hidden;

}

.rhppPage h3{

    color:#1f6b45;

}

/* ==========================================
   RHPP REALISASI PANEN
========================================== */

.rhppPage .tableEkonomi table{

    font-size:13px;

}

.rhppPage .tableEkonomi td b{

    color:#1f6b45;

}

/* ==========================================
   RHPP KEUANGAN
========================================== */

.rhppInfo{

    width:100%;

    border-collapse:collapse;

    margin-top:15px;

}

.rhppInfo td{

    padding:12px;

    border-bottom:1px solid #e5e5e5;

    font-size:14px;

}

.rhppInfo td:first-child{

    color:#666;

    width:55%;

}

.rhppInfo td:last-child{

    text-align:right;

    font-weight:700;

    color:#0B8F43;

}

.dark .rhppInfo td{

    border-color:#444;

}

.dark .rhppInfo td:first-child{

    color:#ccc;

}

.dark .rhppInfo td:last-child{

    color:#6EEB83;

}

/* ==========================================
   RHPP SIGNATURE
========================================== */

.rhppSignature{

    display:flex;

    justify-content:space-between;

    gap:40px;

    margin-top:25px;

    text-align:center;

}

.rhppSignature div{

    flex:1;

}

/* ==========================================
   IDENTITAS RHPP
========================================== */

.rhppIdentitas{

    width:100%;

    border-collapse:collapse;

}

.rhppIdentitas td{

    padding:10px 0;

    border-bottom:1px dashed #dcdcdc;

}

.rhppIdentitas td:first-child{

    width:160px;

    color:#666;

    font-weight:600;

}

.rhppIdentitas td:last-child{

    text-align:right;

}