/* Minimal styling - override if you want */
.rdfdir-wrap{border:1px solid rgba(0,0,0,.08); padding:14px; border-radius:12px}
.rdfdir-form{display:flex; flex-wrap:wrap; gap:10px; align-items:end; margin-bottom:12px}
.rdfdir-field{display:flex; flex-direction:column; gap:6px; min-width:180px}
.rdfdir-field label{font-size:13px; opacity:.85}
.rdfdir-field select,.rdfdir-field input{padding:10px 12px; border:1px solid rgba(0,0,0,.14); border-radius:10px; width:100%}
.rdfdir-actions{min-width:auto; flex-direction:row; gap:8px}
.rdfdir-actions button{padding:10px 14px; border:1px solid rgba(0,0,0,.14); border-radius:10px; background:#fff; cursor:pointer}
.rdfdir-actions button:hover{filter:brightness(.98)}
.rdfdir-status{margin:6px 0 12px; font-size:13px; opacity:.85}
.rdfdir-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(210px, 1fr)); gap:12px}
.rdfdir-card{border:1px solid rgba(0,0,0,.08); border-radius:14px; overflow:hidden; background:#fff}
.rdfdir-thumb{display:block; aspect-ratio: 4 / 3; overflow:hidden; background:rgba(0,0,0,.03)}
.rdfdir-thumb img{width:100%; height:100%; object-fit:cover; display:block}
.rdfdir-thumb-placeholder{width:100%; height:100%}
.rdfdir-card-body{padding:10px 12px}
.rdfdir-title{margin:0 0 6px; font-size:16px; line-height:1.35}
.rdfdir-title a{text-decoration:none}
.rdfdir-meta{font-size:13px; opacity:.85}
.rdfdir-empty{padding:16px; border:1px dashed rgba(0,0,0,.15); border-radius:12px}
.rdfdir-pagination{display:flex; justify-content:center; align-items:center; gap:10px; margin-top:12px}
.rdfdir-pagination .rdfdir-page{padding:8px 12px; border:1px solid rgba(0,0,0,.14); border-radius:10px; background:#fff; cursor:pointer}
.rdfdir-pagination .rdfdir-page[disabled]{opacity:.5; cursor:not-allowed}
.rdfdir-page-info{font-size:13px; opacity:.85}