#categories-controls{display:flex;align-items:center;gap:6px}.shell #categories-search,.shell #categories-scope{height:30px;width:160px;font-size:10px;margin:0;padding:6px 9px}.categories-list{background:var(--surface);border-radius:13px;overflow:hidden}.categories-list table{width:100%;border-collapse:collapse;table-layout:fixed}.categories-list th:nth-child(1){width:47%}.categories-list th:last-child{width:58px}.shell .categories-list th,.shell .categories-list td{font-size:11px;padding:12px}.categories-list th{text-align:left}.categories-list td:last-child,.categories-list th:last-child{border-left:1px solid var(--line);text-align:center}.category-identity{display:flex;align-items:center;gap:12px;min-width:0}.category-identity .member-name{overflow-wrap:anywhere;text-align:left;font-size:11px}.category-thumbnail{width:45px;height:27px;flex-shrink:0;background:var(--bg);border-radius:5px;display:flex;align-items:center;justify-content:center}.category-thumbnail svg{width:18px;height:18px;color:var(--muted)}.category-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:5px}.category-cover-preview{height:140px;display:flex;align-items:center;justify-content:center;background:var(--bg);border-radius:8px;margin:12px 0}.category-cover-preview img{max-width:100%;max-height:140px;object-fit:contain}.category-cover-preview svg{width:30px;height:30px}.categories-list .history-page-controls input{width:50px;height:30px;font-size:10px}.categories-cards .table-wrap{overflow:visible}.categories-cards table,.categories-cards tbody{display:block}.categories-cards thead{display:none}.categories-cards tbody{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px}.categories-cards tr{display:flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:8px;min-width:0}.shell .categories-cards td{border:0;display:block;padding:12px}.categories-cards td:first-child{width:100%;box-sizing:border-box}.categories-cards td:nth-child(2){flex:1}.categories-cards td:last-child{border:0;align-self:flex-end}.categories-cards .category-thumbnail{width:65px;height:40px}
@media(max-width:800px){.categories-cards tbody{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){#categories-controls{flex-wrap:wrap;width:100%}.shell #categories-search,.shell #categories-scope{width:auto;min-width:0;flex:1;font-size:16px}.categories-list table{min-width:480px}.categories-cards table{min-width:0}.categories-cards tbody{grid-template-columns:1fr}}