.catalog-control-panel{position:relative;display:grid;grid-gap:var(--space-4);gap:var(--space-4);min-width:0;margin-bottom:var(--space-4);padding:var(--space-5);overflow:clip;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-primary);box-shadow:var(--shadow-sm)}.catalog-control-panel:before{position:absolute;inset:0 auto 0 0;width:4px;background:var(--color-primary);content:""}.catalog-control-header,.catalog-control-title-block{min-width:0}.catalog-control-title{margin:0 0 var(--space-2);color:var(--color-text-primary);font-size:clamp(1.4rem,1.2rem + .7vw,1.75rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.025em}.catalog-control-section{display:flex;align-items:center;gap:var(--space-2);min-width:0;margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.catalog-control-section>span{min-width:0;overflow:hidden;color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap}.catalog-control-section svg{flex:0 0 auto;color:var(--color-text-tertiary)}.catalog-control-filters-toggle,.catalog-control-rules,.catalog-control-section-btn,.catalog-control-tab{display:inline-flex;min-height:var(--touch-target-min);align-items:center;justify-content:center;border-radius:var(--radius-lg);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer}.catalog-control-section-btn{flex:0 0 auto;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background:var(--color-primary-light);color:var(--color-primary-dark)}.catalog-control-tabs-wrap{display:grid;min-width:0;grid-gap:var(--space-2);gap:var(--space-2)}.catalog-control-filters-toggle{background:var(--color-bg-secondary);color:var(--color-text-primary)}.catalog-control-filters-toggle,.catalog-control-rules{justify-self:start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border)}.catalog-control-rules{background:var(--color-bg-primary);color:var(--color-primary-dark)}.catalog-control-filters-toggle.is-active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary-dark)}.catalog-control-filters-toggle.is-filtered{border-color:var(--color-primary)}.catalog-control-filters-count{display:inline-flex;min-width:22px;height:22px;align-items:center;justify-content:center;padding:0 6px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:1}.catalog-control-tabs{display:flex;min-width:0;gap:var(--space-2);padding:1px 1px var(--space-1);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.catalog-control-tab{flex:0 0 auto;padding:var(--space-2) var(--space-4);border:1px solid transparent;background:var(--color-bg-secondary);color:var(--color-text-secondary);white-space:nowrap}.catalog-control-tab.active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse)}.catalog-control-filters-toggle:hover:not(:disabled),.catalog-control-rules:hover:not(:disabled),.catalog-control-section-btn:hover:not(:disabled),.catalog-control-tab:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary-dark)}.catalog-control-tab.active:hover:not(:disabled){background:var(--color-primary-hover);color:var(--color-text-inverse)}.catalog-control-section-btn:disabled,.catalog-control-tab:disabled{cursor:wait;opacity:.6}.catalog-control-loading-bar{position:relative;height:3px;overflow:hidden;border-radius:var(--radius-full);background:transparent}.catalog-control-loading-bar:before{position:absolute;inset:0 auto 0 -35%;width:35%;border-radius:inherit;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);content:"";opacity:0}.catalog-control-loading-bar.is-active{background:var(--color-primary-light)}.catalog-control-loading-bar.is-active:before{animation:catalog-control-loading-slide 1s ease-in-out infinite;opacity:1}@keyframes catalog-control-loading-slide{to{transform:translateX(385%)}}@media (min-width:1024px){.catalog-control-panel{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);align-items:center;gap:var(--space-6);padding:var(--space-5) var(--space-6)}.catalog-control-tabs-wrap{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"filter tabs rules" "loading loading loading";align-items:center;gap:var(--space-2) var(--space-4)}.catalog-control-filters-toggle{grid-area:filter}.catalog-control-tabs{grid-area:tabs}.catalog-control-rules{grid-area:rules}.catalog-control-loading-bar{grid-area:loading}}@media (max-width:600px){.catalog-control-panel{padding:var(--space-4)}.catalog-control-section{align-items:flex-start;flex-wrap:wrap}.catalog-control-section>span{max-width:calc(100% - 24px)}}@media (prefers-reduced-motion:reduce){.catalog-control-loading-bar.is-active:before{animation-duration:1.8s}}