#br-dir{margin:1.2em 0 2em}
#br-dir .brd-bar{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:8px;align-items:end}
#br-dir label{display:block;font-size:13px;font-weight:600;margin-bottom:3px}
#br-dir input,#br-dir select{width:100%;padding:10px;border:1px solid #c9ced6;border-radius:6px;font-size:16px;background:#fff;box-sizing:border-box}
#br-dir button{padding:10px 14px;border:1px solid #0b5cad;background:#fff;color:#0b5cad;border-radius:6px;font-size:15px;cursor:pointer}
#brd-count{margin:12px 0 6px;font-weight:600}
#brd-list{list-style:none;margin:0;padding:0}
.brd-item{border:1px solid #e3e6ea;border-radius:8px;padding:12px 14px;margin:0 0 8px;background:#fff}
.brd-name{font-weight:700;font-size:16px;line-height:1.35}
.brd-meta{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0;font-size:13px}
.brd-meta span{background:#f1f4f8;border-radius:4px;padding:2px 7px}
.brd-links{display:flex;flex-wrap:wrap;gap:14px;font-size:14px}
#brd-more{display:none;width:100%;margin-top:8px;background:#0b5cad;color:#fff}
.brd-empty{padding:14px;color:#555}
@media(max-width:720px){#br-dir .brd-bar{grid-template-columns:1fr 1fr}#br-dir .brd-q{grid-column:1/-1}}

.brd-progs{margin:6px 0;font-size:14px}.brd-progs summary{cursor:pointer;color:#0b5cad;font-weight:600}
.brd-progs table{width:100%;border-collapse:collapse;margin-top:6px;font-size:13px}.brd-progs th,.brd-progs td{border-bottom:1px solid #eee;padding:4px 6px;text-align:left}.brd-progs td:nth-child(n+2),.brd-progs th:nth-child(n+2){text-align:right;white-space:nowrap}