.bpr-tahunan-section {
margin-bottom: 1.75rem;
border: 1px solid #e4e7ec;
border-radius: 10px;
overflow: hidden;
background: #ffffff;
} .bpr-tahunan-header {
display: flex;
align-items: center;
gap: 12px;
padding: 1rem 1.25rem;
background: #185FA5;
border-bottom: 1px solid #1458a0;
}
.bpr-tahunan-icon {
width: 38px;
height: 38px;
border-radius: 8px;
background: rgba(255,255,255,0.2);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
color: #ffffff;
}
.bpr-tahunan-title {
font-size: 15px;
font-weight: 600;
color: #ffffff;
margin: 0;
padding: 0;
border: none;
} .bpr-table {
width: 100%;
border-collapse: collapse;
font-size: 13.5px;
} .bpr-tr {
border-bottom: 1px solid #e4e7ec;
transition: background 0.15s ease;
}
.bpr-tr:last-child {
border-bottom: none;
}
.bpr-tr:hover {
background: #f8fafc;
}
.bpr-tr-empty {
opacity: 0.6;
}
.bpr-td-no {
padding: 12px 16px;
color: #98a2b3;
font-size: 13px;
text-align: center;
width: 48px;
}
.bpr-td-nama {
padding: 12px 16px;
color: #101828;
font-weight: 500;
}
.bpr-td-aksi {
padding: 10px 32px;
text-align: right;
width: 210px;
} .bpr-td-nama .bpr-file-left {
display: flex;
align-items: center;
gap: 10px;
}
.bpr-td-nama .bpr-pdf-icon {
color: #D85A30;
flex-shrink: 0;
} @media (max-width: 600px) {
.bpr-td-no { display: none; }
.bpr-td-aksi { width: auto; }
.bpr-table td { padding: 10px 12px; }
.bpr-td-aksi .bpr-btn-group {
flex-direction: column;
gap: 6px;
}
.bpr-td-aksi .bpr-btn-view,
.bpr-td-aksi .bpr-btn-download {
width: 100%;
justify-content: center;
}
}