.category-field{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0;font-size:13px}.category-field input:not([type=checkbox]):not([type=color]),.category-field select,.category-field textarea{max-width:65%;padding:9px;background:var(--surface-2);color:var(--text-bright);border:1px solid var(--border);border-radius:8px}.category-field input[type=checkbox]{width:18px;height:18px;flex-shrink:0}.category-field textarea{min-height:75px}.category-access{gap:12px;flex-wrap:wrap}.category-access select{background:var(--surface-2);color:var(--text-bright);padding:8px;border:1px solid var(--border);border-radius:8px}#pagesGrid .card h3,#categoriesGrid .card h3{margin-bottom:8px}#pagesGrid details,#categoriesGrid details{margin:14px 0}#pagesGrid summary,#categoriesGrid summary{cursor:pointer;color:var(--accent-soft)}#pagesGrid .badge{width:fit-content;margin-top:8px}#pageFilters{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}#pageFilters input,#pageFilters select{padding:10px;background:var(--surface-2);color:var(--text-bright);border:1px solid var(--border);border-radius:8px}#pageSearch{flex:1;min-width:180px}@media(max-width:500px){#pagesGrid,#categoriesGrid{grid-template-columns:1fr!important}.category-field{align-items:flex-start}.category-access select{width:100%}}
.category-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.category-toolbar input{flex:1;min-width:180px;max-width:400px;padding:10px;background:var(--surface-2);color:var(--text-bright);border:1px solid var(--border);border-radius:8px}.category-toolbar p{flex:2;min-width:240px}#categoriesGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;align-items:start}.category-column{min-width:0;margin-bottom:0;transition:background .15s,border-color .15s,box-shadow .15s}.category-protection{font-size:12px;margin:10px 0}.category-site-list{list-style:none;padding:0;margin:16px 0 0;max-height:360px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;min-height:66px}.category-site{display:flex;align-items:center;gap:8px;padding:10px 8px;margin-bottom:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);cursor:grab}.category-site:active{cursor:grabbing}.category-site-label{min-width:0;flex:1;overflow-wrap:anywhere}.category-site-label .host{display:block;font-size:12px}.category-site-label small{display:block;margin-top:4px;font-size:11px}.category-drag-handle{color:var(--text-dim);font-size:22px;user-select:none}.category-move-button{padding:6px;font-size:11px;flex-shrink:0}.category-site.is-dragging{opacity:.4}.category-column.is-drop-target{border-color:var(--accent);background:#172336;box-shadow:0 0 0 2px var(--accent)}.category-drop-hint{padding:10px 6px;text-align:center;font-size:12px;color:var(--text-dim);border:1px dashed var(--border);border-radius:8px;margin-top:12px}.is-drop-target .category-drop-hint{color:var(--accent-soft);border-color:var(--accent)}.category-empty{padding:18px 8px;color:var(--text-dim);font-size:12px;text-align:center}.category-site.just-moved{border-color:var(--accent)}#categoriesGrid[aria-busy=true]{opacity:.65;cursor:progress}@media(max-width:500px){.category-toolbar input{max-width:none;width:100%}.category-toolbar p{min-width:0}.category-site-list{max-height:280px}}
