/* Catalog tables, delete buttons, header search scope. */
.catalog-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.catalog-tools input{flex:1 1 280px;max-width:420px}
.catalog-count{color:#667085;font-size:13px}
.catalog-tools [data-catalog-reset]{margin-left:auto}
.catalog-table th{vertical-align:middle}
.catalog-table .sort-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 0;border:0;background:none;color:#475467;font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}
.catalog-table .sort-btn:hover{color:var(--brand)}
.sort-ind{display:inline-block;width:10px;height:14px;background:linear-gradient(currentColor,currentColor) no-repeat;opacity:.35;-webkit-mask:url(/static/icons/modern/arrow-up-down.svg) center/contain no-repeat;mask:url(/static/icons/modern/arrow-up-down.svg) center/contain no-repeat}
.catalog-table th[aria-sort=ascending] .sort-btn,.catalog-table th[aria-sort=descending] .sort-btn{color:var(--brand)}
.catalog-table th[aria-sort=ascending] .sort-ind,.catalog-table th[aria-sort=descending] .sort-ind{opacity:1;background:var(--brand);-webkit-mask:url(/static/icons/modern/chevron-down.svg) center/contain no-repeat;mask:url(/static/icons/modern/chevron-down.svg) center/contain no-repeat}
.catalog-table th[aria-sort=ascending] .sort-ind{transform:rotate(180deg)}
.catalog-table .filter-row th{padding:6px 8px 10px;background:#fff}
.catalog-table .filter-row input,.catalog-table .filter-row .choice-button{height:34px;margin:0;padding:4px 8px;font-size:13px;font-weight:400;text-transform:none}
.catalog-table td{vertical-align:middle}
.col-drag{width:44px}
.col-actions{width:100px}
.catalog-name{display:flex;align-items:center;gap:10px}
.catalog-thumb{width:44px;height:44px;border-radius:6px;object-fit:cover;flex:none}
.catalog-desc{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.badge-filter{padding:5px 8px;border:0;cursor:pointer}
.badge-filter:hover{outline:2px solid color-mix(in srgb,var(--brand) 20%,transparent)}
.danger-fill{border-color:#d92d20;background:#d92d20;color:#fff}.danger-fill:hover{background:#b42318}
.danger-outline{border-color:#fecdca;color:#d92d20}.danger-outline:hover{border-color:#d92d20;background:#fef3f2}

header{gap:12px}
header .search{flex:1 1 auto;max-width:760px;align-items:center}
header .search input{height:40px}
.search-scope{position:relative;flex:0 0 auto;margin-left:auto}
header .search-scope~.bell-menu{margin-left:0}
.scope-toggle{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;width:180px;height:40px;padding:0 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054}
.scope-toggle .solid-icon{width:16px;height:16px;flex-basis:16px;transition:transform .2s}
.search-scope.opened .scope-toggle .solid-icon{transform:rotate(180deg)}
.scope-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scope-panel{display:none;position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:220px;padding:8px;border:1px solid #e4e7ec;border-radius:10px;background:#fff;box-shadow:0 12px 32px #1018282e}
.search-scope.opened .scope-panel{display:block}
.scope-panel label{display:flex;align-items:center;gap:8px;margin:0;padding:8px 10px;border-radius:6px;color:#344054;font-size:14px;cursor:pointer}
.scope-panel label:hover{background:#f2f6ff}
.scope-all{width:100%;margin-top:4px}
header .profile-toggle{height:40px}
@media(max-width:760px){.scope-toggle{width:44px;padding:0;justify-content:center}.scope-label{display:none}.catalog-tools [data-catalog-reset]{margin-left:0}}

/* Quick search with a field scope on the right (replaces the per-column filter row). */
.catalog-search{display:flex;align-items:center;gap:8px;flex:1 1 420px;max-width:680px;min-width:0}
.catalog-tools .catalog-search input{flex:1 1 auto;max-width:none;min-width:0}
.catalog-scope{position:relative;display:none;flex:none}
.catalog-scope.shown{display:block}
.catalog-scope-toggle{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;width:210px;height:40px;padding:0 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054}
.catalog-scope-toggle .solid-icon{width:16px;height:16px;flex-basis:16px;transition:transform .2s}
.catalog-scope.opened .catalog-scope-toggle .solid-icon{transform:rotate(180deg)}
.catalog-scope-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catalog-scope .scope-panel{right:0;left:auto}
.catalog-scope.opened .scope-panel{display:block}
@media(max-width:760px){.catalog-search{flex-wrap:wrap}.catalog-scope.shown{flex:1 1 100%}.catalog-scope-toggle{width:100%}}