/* =========================================================
   PUBLIC REPORT CARDS - V33
   Compact grid to reduce vertical scrolling
   ========================================================= */

.report-public-section{
    padding-top:52px;
}

.report-card-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}

.report-card{
    min-width:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:16px;
    background:#fff;
    box-shadow:0 14px 34px -30px rgba(11,30,61,.28);
    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.report-card:hover{
    transform:translateY(-2px);
    border-color:#C5D3E9;
    box-shadow:0 20px 36px -30px rgba(11,30,61,.36);
}

.report-card-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:15px 15px 0;
}

.report-card-icon{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    border-radius:10px;
    background:#EEF4FF;
    color:var(--royal);
    font-size:.9rem;
}

.report-card-type{
    overflow:hidden;
    color:var(--royal);
    font-family:'JetBrains Mono',monospace;
    font-size:.57rem;
    font-weight:600;
    letter-spacing:.06em;
    text-align:right;
    text-overflow:ellipsis;
    text-transform:uppercase;
    white-space:nowrap;
}

.report-card-body{
    flex:1;
    padding:13px 15px 15px;
}

.report-card-body h3{
    margin:0 0 10px;
    color:var(--navy);
    font-size:.9rem;
    line-height:1.45;
}

.report-card-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px 9px;
    margin-bottom:8px;
}

.report-card-meta span{
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:var(--ink-soft);
    font-size:.66rem;
}

.report-card-meta i{
    color:#8191AE;
}

.report-card-date{
    color:#8A98B1;
    font-size:.64rem;
    line-height:1.45;
}

.report-card-actions{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:7px;
    padding:11px 15px 15px;
    border-top:1px solid #E4EAF3;
}

.report-action{
    min-height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:0 10px;
    border-radius:10px;
    font-size:.7rem;
    font-weight:700;
    text-decoration:none;
    transition:
        transform .2s ease,
        background .2s ease,
        border-color .2s ease;
}

.report-action:hover{
    transform:translateY(-1px);
}

.report-action-primary{
    border:1px solid var(--royal);
    background:var(--royal);
    color:#fff;
}

.report-action-primary:hover{
    background:var(--navy);
    border-color:var(--navy);
    color:#fff;
}

.report-action-secondary{
    border:1px solid #D4DEEC;
    background:#fff;
    color:var(--navy);
}

.report-action-secondary:hover{
    border-color:#AEBFDA;
    background:#F7FAFE;
}

.report-file-empty{
    grid-column:1/-1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:36px;
    padding:0 12px;
    border-radius:10px;
    background:#F5F7FB;
    color:var(--ink-soft);
    font-size:.75rem;
    font-weight:600;
}

.report-public-section .pagination-wrap,
.report-public-section nav[aria-label="Pagination Navigation"]{
    margin-top:26px;
}

/* 4 card desktop: ideal untuk 4 laporan publikasi/triwulan per tahun. */
@media(max-width:1180px){
    .report-card-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:900px){
    .report-card-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:620px){
    .report-public-section{
        padding-top:38px;
    }

    .report-card-grid{
        grid-template-columns:1fr;
        gap:14px;
    }

    .report-card-actions{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:420px){
    .report-card-actions{
        grid-template-columns:1fr;
    }
}