.berita-index-wrapper { margin: 1rem 0; font-family: inherit; }
.berita-index-form .bi-row { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:10px; }
.berita-index-form label { display:flex; gap:6px; align-items:center; font-size:0.95rem; color:inherit; }
.berita-index-form input[type="date"], .berita-index-form select { padding:6px 8px; border:1px solid currentColor; border-radius:4px; background:transparent; color:inherit; }
.bi-button { padding:8px 12px; border-radius:4px; cursor:pointer; background:transparent; color:inherit; border:1px solid currentColor; }
.bi-button-secondary { opacity:0.9; }
.bi-loading { color:inherit; }
.bi-error { color: #b00020; }

.berita-index-table { width:100%; border-collapse: collapse; color:inherit; }
.berita-index-table th, .berita-index-table td { border:1px solid rgba(0,0,0,0.08); padding:8px; text-align:left; }
.berita-index-table th { background: rgba(0,0,0,0.04); font-weight:600; }

.bi-pagination { text-align:center; margin-top:12px; }
.bi-pagination-list { list-style:none; padding:0; margin:0; display:inline-flex; gap:6px; align-items:center; }
.bi-pagination-list li a, .bi-pagination-list li span { display:inline-block; padding:6px 10px; border-radius:4px; text-decoration:none; border:1px solid rgba(0,0,0,0.08); color:inherit; background:transparent; }
.bi-pagination-list li.active span { font-weight:700; background: rgba(0,0,0,0.06); }
.bi-pagination-list li a:hover { text-decoration:none; opacity:0.85; }