.rdl { display: grid; gap: 14px; }
.rdl .page-h { margin-bottom: 0; }
.rdl-view-tabs { margin: 0; overflow-x: auto; overflow-y: hidden; }
.rdl-categories { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 2px; }
.rdl-categories a { display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; min-height: 36px; border: 1px solid var(--line, #ded6c5); border-radius: 8px; background: #fff; padding: 7px 10px; color: var(--green, #173d2e); font-size: .82rem; font-weight: 750; text-decoration: none; }
.rdl-categories a.on { border-color: #9eb5a6; background: #e8f0ea; }
.rdl-categories span { min-width: 20px; border-radius: 999px; background: #f2eee4; padding: 1px 6px; color: var(--muted, #69716b); text-align: center; }
.rdl-grid { min-width: 520px; }
.rdl-grid th:first-child, .rdl-grid td:first-child { width: 70%; }
.rdl-folder-link { display: inline-flex; align-items: center; gap: 9px; color: var(--green, #173d2e); font-weight: 750; text-decoration: none; }
.rdl-folder-link:hover, .rdl-folder-link:focus-visible { text-decoration: underline; }
.rdl-folder-icon { color: var(--gold, #c19420); font-size: 1rem; }
.rdl-display-toggle { display: flex; gap: 2px; margin-left: auto; border: 1px solid var(--line, #ded6c5); border-radius: 7px; padding: 2px; background: #fff; }
.rdl-display-toggle a { min-height: 30px; border-radius: 5px; padding: 5px 10px; color: var(--green, #173d2e); font-size: .8rem; font-weight: 750; text-decoration: none; }
.rdl-display-toggle a[aria-current="true"] { background: #e8f0ea; }
.rdl-folder-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(136px, 1fr)); gap: 12px; padding: 16px; }
.rdl-folder-icon { display: inline-block; width: 22px; height: 20px; flex: 0 0 auto; background: url('assets/icons/file-types/folder.svg') center / contain no-repeat; }
.rdl-folder-tile { min-width: 0; border: 1px solid transparent; border-radius: 7px; }
.rdl-folder-tile a { display: flex; flex-direction: column; align-items: center; gap: 7px; min-height: 148px; padding: 14px 8px; color: var(--green, #173d2e); text-align: center; text-decoration: none; }
.rdl-folder-tile .rdl-folder-icon { width: 76px; height: 68px; }
.rdl-folder-tile strong { max-width: 160px; font-size: .86rem; font-weight: 550; overflow-wrap: anywhere; }
.rdl-folder-tile small { color: var(--muted, #69716b); }
.rdl-folder-tile a:hover, .rdl-folder-tile a:focus-visible { background: #edf3f8; border-radius: 7px; outline: 2px solid #afc6da; outline-offset: -2px; }
.rdl-record-head { display: grid; gap: 10px; }
.rdl-breadcrumb { display: flex; align-items: center; gap: 7px; overflow-x: auto; color: var(--muted, #69716b); font-size: .8rem; white-space: nowrap; }
.rdl-breadcrumb a { color: var(--green, #173d2e); }
@media (max-width: 640px) {
  .rdl .page-h { align-items: flex-start; gap: 10px; }
  .rdl .page-h .btn { width: 100%; text-align: center; }
  .rdl-grid { min-width: 0; }
  .rdl-grid th:first-child, .rdl-grid td:first-child { width: auto; }
  .rdl-grid th:nth-child(2), .rdl-grid td:nth-child(2) { display: table-cell; width: 38%; }
  .rdl-display-toggle { width: 100%; margin-left: 0; }
  .rdl-display-toggle a { flex: 1; text-align: center; }
  .rdl-folder-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 10px; }
  .rdl-folder-tile a { min-height: 140px; padding: 10px 6px; }
}

.rdl-filters { display:flex; align-items:end; gap:16px; flex-wrap:wrap; }
.rdl-filters > label:first-child { display:grid; gap:5px; flex:1 1 300px; max-width:620px; font-size:.85rem; }
.rdl-filters input[type="search"] { width:100%; min-height:40px; border:1px solid var(--line,#ded6c5); border-radius:6px; padding:8px 12px; background:#fff; }
.rdl-filters .rdl-empty-toggle { display:flex; align-items:center; gap:8px; min-height:40px; font-size:.85rem; }
.rdl-empty-toggle input { width:16px; height:16px; margin:0; }