/* ==========================================================
   SPMI USER FILES - LAYOUT FIX ONLY
   File ini hanya memperbaiki alignment/equal-height.
   Tidak mengubah narasi, query, route, atau struktur data.
   ========================================================== */

/* 1. Judul section/portlet selalu rata kiri */
.spmi-portlet > .portlet-title{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:left !important;
}
.spmi-portlet > .portlet-title > .caption{
    float:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex:1 1 auto !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
}
.spmi-portlet > .portlet-title > .caption > i,
.spmi-portlet > .portlet-title > .caption > .caption-subject{
    float:none !important;
    margin-left:0 !important;
    text-align:left !important;
}
.spmi-portlet > .portlet-title > .actions{
    float:none !important;
    flex:0 0 auto !important;
    margin-left:auto !important;
    margin-right:0 !important;
}

/* 2. Semua row card langsung di dalam portlet dibuat equal-height */
.spmi-portlet > .portlet-body > .row{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:stretch !important;
}
.spmi-portlet > .portlet-body > .row > [class*="col-"]{
    float:none !important;
    display:flex !important;
    flex-direction:column !important;
}

/* 3. Dashboard cards: tinggi sama + tombol selalu satu baseline */
.spmi-portlet > .portlet-body > .row .spmi-dashboard-card{
    width:100% !important;
    height:100% !important;
    min-height:176px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
}
.spmi-dashboard-card p{
    flex:1 1 auto !important;
    width:100% !important;
    margin-bottom:16px !important;
}
.spmi-dashboard-card a{
    position:static !important;
    left:auto !important;
    bottom:auto !important;
    margin-top:auto !important;
}

/* 4. Topic/evidence cards: tinggi konsisten */
.spmi-group-block > .row{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:stretch !important;
}
.spmi-group-block > .row > [class*="col-"]{
    float:none !important;
    display:flex !important;
}
.spmi-group-block .spmi-topic-card{
    width:100% !important;
    height:100% !important;
    min-height:112px !important;
    margin-bottom:18px !important;
}

/* 5. KPI cards */
.spmi-kpi-row{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:stretch !important;
}
.spmi-kpi-row > [class*="col-"]{
    float:none !important;
    display:flex !important;
}
.spmi-kpi-row .spmi-kpi-card{
    width:100% !important;
    height:100% !important;
    min-height:168px !important;
    display:flex !important;
    flex-direction:column !important;
}
.spmi-kpi-row .spmi-kpi-note{
    margin-top:auto !important;
}

/* 6. Lima card PPEPP */
.spmi-cycle-strip{
    align-items:stretch !important;
}
.spmi-cycle-card{
    height:100% !important;
    display:flex !important;
    flex-direction:column !important;
}
.spmi-cycle-card .spmi-cycle-evidence{
    margin-top:auto !important;
}

/* 7. Evidence Chain: card sama tinggi, link selalu di bawah */
.spmi-chain{
    align-items:stretch !important;
}
.spmi-chain-step{
    height:100% !important;
    min-height:178px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
}
.spmi-chain-step p{
    min-height:0 !important;
    flex:1 1 auto !important;
    margin-bottom:16px !important;
}
.spmi-chain-step a{
    margin-top:auto !important;
    align-self:flex-start !important;
}

/* 8. Responsive: jangan paksa flex column bootstrap di layar kecil */
@media (max-width:991px){
    .spmi-portlet > .portlet-body > .row,
    .spmi-group-block > .row,
    .spmi-kpi-row{
        display:block !important;
    }

    .spmi-portlet > .portlet-body > .row > [class*="col-"],
    .spmi-group-block > .row > [class*="col-"],
    .spmi-kpi-row > [class*="col-"]{
        display:block !important;
    }

    .spmi-portlet > .portlet-body > .row .spmi-dashboard-card,
    .spmi-group-block .spmi-topic-card,
    .spmi-kpi-row .spmi-kpi-card{
        height:auto !important;
    }
}