.search .search-icon { position:absolute; left:12px; top:50%; transform:translateY(-50%); width:16px; height:16px; margin:0; pointer-events:none; }
.file-toolbar .preference-trigger,.file-pagination .preference-trigger { display:inline-flex; align-items:center; gap:7px; min-height:36px; padding:7px 10px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--ink); font-size:11px; white-space:nowrap; }
.file-toolbar .preference-symbol { width:16px; height:16px; margin:0; }
.file-toolbar .preference-value { max-width:145px; }
.managed-table { table-layout:fixed; min-width:0; max-width:none; }
.managed-table th { position:relative; padding:4px 12px 4px 4px; white-space:nowrap; height:44px; overflow:visible; }
.managed-table td { overflow:hidden; text-overflow:ellipsis; min-width:0; text-align:left; }
.managed-table td[data-column="actions"] { white-space:normal; overflow:visible; }
.managed-table td[data-column="name"] a { max-width:100%; }
.managed-table td[data-column="name"] a>span:last-child { min-width:0; overflow:hidden; text-overflow:ellipsis; }
.managed-table .column-grip { padding:4px; width:23px; min-height:30px; border:0; background:transparent; color:var(--muted); cursor:grab; font-size:17px; }
.managed-table .column-sort { border:0; min-height:30px; padding:4px; background:transparent; font-size:11px; color:var(--ink); }
.column-resize { position:absolute; right:0; top:0; bottom:0; width:9px; cursor:col-resize; touch-action:none; z-index:2; }
.column-resize::after { content:''; position:absolute; left:4px; top:10px; bottom:10px; width:1px; background:var(--line); }
.column-resize:hover::after,.column-resize:focus-visible::after { background:var(--gold); width:2px; }
.column-dragging { opacity:.5; }.column-drop-target { box-shadow:inset 3px 0 var(--gold); }
.resizing-columns { cursor:col-resize; user-select:none; }
.file-list-footer { display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; align-items:center; padding-top:14px; }
.file-pagination { display:flex; align-items:center; flex-wrap:wrap; gap:7px; font-size:11px; }
.file-pagination button { padding:6px 9px; min-height:34px; font-size:11px; }
.file-pagination button:disabled { opacity:.4; cursor:default; }
#page-jump { display:flex; gap:5px; align-items:center; }
#page-number { width:58px; padding:6px; min-height:34px; border:1px solid var(--line); border-radius:6px; background:var(--surface); color:var(--ink); }
.column-help { font-size:10px; color:var(--muted); line-height:1.8; margin:12px 0 6px; }
#columns-reset { font-size:10px; padding:5px 8px; }
.crumb [aria-current="page"] { color:var(--ink); }.crumb button { min-height:30px; padding:4px 7px; margin-right:8px; font-size:10px; }
@media(max-width:560px) { .file-toolbar { flex-wrap:wrap; }.file-toolbar .search { min-width:140px; }.file-pagination { width:100%; }.file-pagination .preference-trigger { min-height:34px; } }

.file-toolbar .preference-trigger .preference-symbol { display:block; }

.managed-table .column-header { display:flex; align-items:center; gap:2px; min-width:0; height:36px; }
.managed-table .column-grip { display:grid; place-items:center; padding:0; width:26px; height:32px; min-height:32px; flex:none; line-height:1; }
.managed-table .column-grip img { width:16px; height:16px; display:block; margin:0; pointer-events:none; }
.managed-table .column-sort { display:inline-flex; align-items:center; justify-content:flex-start; gap:5px; min-width:0; height:32px; min-height:32px; padding:4px; line-height:1.4; }
.managed-table .column-sort span { overflow:hidden; text-overflow:ellipsis; }
.managed-table .column-sort-icon { display:block; width:14px; height:14px; margin:0; flex:none; }
.page-size-label { cursor:default; }

/* The text/sort target fills the column; its indicator stays at the far edge. */
.managed-table .column-sort { flex:1 1 0; width:0; justify-content:space-between; }
.managed-table .column-sort > span { flex:1; min-width:0; text-align:left; }
.managed-table .column-sort-icon { margin-left:auto; }

.column-layout-actions { display:flex; gap:7px; flex-wrap:wrap; }
#columns-fit { font-size:10px; padding:5px 8px; }