/* Exclusive console catalogue: neutral pearl controls, shared portal cards. */
.bsp.bsp-console-page #catalogo{--catalog-pearl:oklch(.96 .005 240);--catalog-dim:oklch(.7 .014 240);--catalog-base:oklch(.16 .012 240);--catalog-edge:oklch(.95 .005 240 / .13);--catalog-glow:oklch(.96 .005 240 / .22);--portal-filter-bg:var(--catalog-base);--portal-filter-surface:var(--card);--portal-filter-text:var(--ink);--portal-filter-muted:var(--mute);--portal-filter-line:var(--line);--portal-filter-action:var(--c);--portal-filter-highlight:var(--catalog-base)}
.bsp.bsp-console-page #catalogo .bsp-catalog-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 20px;align-items:center;margin-bottom:20px}
.bsp.bsp-console-page #catalogo h2{flex-wrap:wrap;line-height:1.35}
.bsp.bsp-console-page #catalogo .bsp-catalog-controls{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap;min-width:0}
.bsp.bsp-console-page #catalogo :is(.bsp-sort,.bsp-view-switch){display:flex;align-items:center;gap:5px;padding:5px;border:1px solid var(--catalog-edge);border-radius:999px;background:linear-gradient(180deg,color-mix(in oklab,var(--catalog-pearl) 3%,var(--catalog-base)),var(--catalog-base));box-shadow:inset 0 1px 0 var(--catalog-edge);width:auto}
.bsp.bsp-console-page #catalogo :is(.bsp-sort,.bsp-view-switch) a{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 13px;border:1px solid transparent;border-radius:999px;color:var(--catalog-dim);background:transparent;font-size:12px;font-weight:700;line-height:1.25;white-space:nowrap;letter-spacing:0;transition:color .18s,border-color .18s,box-shadow .18s,background .18s}
.bsp.bsp-console-page #catalogo :is(.bsp-sort,.bsp-view-switch) a:hover{color:var(--catalog-pearl);border-color:var(--catalog-edge);background:color-mix(in oklab,var(--catalog-pearl) 5%,var(--catalog-base))}
.bsp.bsp-console-page #catalogo :is(.bsp-sort,.bsp-view-switch) a.is-on{color:var(--catalog-pearl);border-color:color-mix(in oklab,var(--catalog-pearl) 52%,var(--catalog-base));background:linear-gradient(180deg,color-mix(in oklab,var(--catalog-pearl) 17%,var(--catalog-base)),color-mix(in oklab,var(--catalog-pearl) 6%,var(--catalog-base)));box-shadow:inset 0 1px 0 var(--catalog-glow),0 0 0 3px color-mix(in oklab,var(--catalog-pearl) 4%,transparent),0 0 17px var(--catalog-glow)}
.bsp.bsp-console-page #catalogo .bsp-sort a.is-on::after{content:"";position:absolute;bottom:1px;left:25%;right:25%;height:1px;background:var(--catalog-pearl);box-shadow:0 0 7px var(--catalog-pearl)}
.bsp.bsp-console-page #catalogo :is(.bsp-sort,.bsp-view-switch) a:focus-visible{outline:2px solid var(--catalog-pearl);outline-offset:3px}
.bsp.bsp-console-page #catalogo :is(.bsp-sort,.bsp-view-switch) svg{display:block;width:16px;height:16px;flex:0 0 16px}
.bsp.bsp-console-page #catalogo .bsp-view-switch a{width:38px;padding:0}
.bsp.bsp-console-page #catalogo .bsp-sort{border:0;border-radius:0;background:none;box-shadow:none;padding:5px 0;overflow:visible}
@media(max-width:1240px){.bsp.bsp-console-page #catalogo .bsp-catalog-head{grid-template-columns:minmax(0,1fr)}.bsp.bsp-console-page #catalogo .bsp-catalog-controls{justify-content:space-between}}
@media(max-width:760px){.bsp.bsp-console-page #catalogo .bsp-catalog-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.bsp.bsp-console-page #catalogo .bsp-sort{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;width:100%}.bsp.bsp-console-page #catalogo .bsp-sort a{padding:0 8px;min-width:0}.bsp.bsp-console-page #catalogo .bsp-view-switch{justify-self:end}.bsp.bsp-console-page #catalogo h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.bsp.bsp-console-page #catalogo :is(.bsp-sort,.bsp-view-switch) a{transition:none}}
