/* Responsive catalogue v1; header and preview-text consistency hotfix v2. */
#app .filter-console{position:relative;top:auto;display:grid;grid-template-columns:minmax(0,2fr) minmax(160px,1fr) minmax(160px,1fr);gap:12px;margin-bottom:16px}
#app .filter-console>.filter-tags{grid-column:1 / -1}
#app .filter-console.cp-responsive-filters{grid-template-columns:minmax(0,1fr)}
#app .cp-filter-top{display:grid;grid-template-columns:minmax(0,2fr) minmax(160px,1fr) minmax(160px,1fr);gap:12px}
#app .cp-filter-top>.cp-filter-disclosure{display:contents}
#app .cp-filter-disclosure>summary{display:none}
#app .cp-filter-fields{display:contents}
#app .cp-filter-fields>.filter-tags{grid-column:1 / -1}
#app .cp-filter-fields>.legitimacy-filter-panel{grid-column:1 / -1}
#app .cp-filter-fields>.filter-block,#app .cp-filter-top>.filter-block{min-width:0}
#app .cp-filter-disclosure::details-content{display:contents;content-visibility:visible}
#app .filter-console select{min-width:0;padding-right:26px}
#app .tag-filter{min-height:34px;letter-spacing:.015em}
#app .results-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}
#app .results-count{margin:0}
#app .results-bar>.density{justify-self:center;flex-wrap:nowrap}
#app .results-bar>.cp-filter-tools{justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
#app .cp-filter-tools label{display:flex;align-items:center;gap:7px;font-size:10px}
#app .cp-filter-tools select{max-width:155px;background:#11141a;color:#eef1f4;border:1px solid #303640;border-radius:7px;padding:9px;font-size:10px}
/* auto-fit provides readable SSR cards before the measured column count is applied. */
#app #patchGrid,#app #tradingGroups .patch-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))!important;gap:10px}
#app #patchGrid[style*="--cp-cols"],#app #tradingGroups[style*="--cp-cols"] .patch-grid{grid-template-columns:repeat(var(--cp-cols),minmax(0,1fr))!important}
#app :is(#patchGrid,#tradingGroups) .patch-card{min-width:0}
#app .patch-card h3{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.4;word-break:normal;overflow-wrap:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.8em}
#app .patch-card h4{font-size:11px;line-height:1.4;word-break:normal;overflow-wrap:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#app :is(#patchGrid,#tradingGroups) .chip{white-space:nowrap;overflow-wrap:normal;font-size:9px;letter-spacing:0}
@media (min-width:701px) and (max-width:1200px){
 #app .cp-filter-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 #app .cp-filter-top>.filter-block:first-child{grid-column:1 / -1}
 #app .filter-console:not(.cp-responsive-filters){grid-template-columns:1fr 1fr}
 #app .filter-console:not(.cp-responsive-filters)>.filter-block:first-child{grid-column:1 / -1}
 #app .results-bar{grid-template-columns:1fr auto}
 #app .results-bar>.density{grid-row:2;grid-column:1 / -1}
}
@media(max-width:700px){

 #app .filter-console.cp-responsive-filters{padding:0;border:0;background:transparent;backdrop-filter:none}
 #app .cp-filter-top{display:flex;flex-direction:column;gap:9px}
 #app .cp-filter-top>.cp-filter-disclosure{display:block}
 #app .cp-filter-disclosure::details-content{display:block;content-visibility:hidden}
 #app .cp-filter-disclosure[open]::details-content{content-visibility:visible}
 #app .cp-filter-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;border:1px solid #35594e;border-radius:9px;padding:11px 12px;min-height:44px;color:var(--mint);background:#0d0f14;font-size:13px}
 #app .cp-filter-disclosure>summary::-webkit-details-marker{display:none}
 #app .cp-filter-disclosure>summary::after{content:'+';font-size:20px}
 #app .cp-filter-disclosure[open]>summary::after{content:'−'}
 #app .cp-filter-disclosure:not([open])>.cp-filter-fields{display:none}
 #app .cp-filter-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:14px 10px;border:1px solid #272b34;border-radius:9px;margin-top:8px}
 #app .cp-filter-fields select{font-size:12px;padding-left:8px;padding-right:20px}
 #app .tag-filter{min-height:40px}
 #app .results-bar{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:12px}
 #app .results-bar>.density{display:none}
 #app .results-bar>.cp-filter-tools{max-width:190px}
 #app #patchGrid,#app #patchGrid[style*="--cp-cols"],#app #tradingGroups .patch-grid,#app #tradingGroups[style*="--cp-cols"] .patch-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
 #app :is(#patchGrid,#tradingGroups) .patch-card-body{padding:9px}
 .archive-commandbar .global-search-wrap input{font-size:12px}
}
#app .cp-filter-disclosure>summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px}

/* cp-legitimacy-circle-v1 */
.filter-console .legitimacy-help-toggle{
  display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;margin:0;padding:0;
  color:var(--muted,#89919d);border:0;border-radius:50%;
  background:transparent;cursor:pointer;
}
.legitimacy-help-toggle .legitimacy-help-arrow{display:none}
.legitimacy-help-toggle .cp-legitimacy-question{
  display:flex;align-items:center;justify-content:center;
  width:16px;height:16px;box-sizing:border-box;
  border:1px solid currentColor;border-radius:50%;
  font-size:11px;font-weight:700;line-height:1;
}
.filter-console .legitimacy-help-toggle:hover,
.filter-console .legitimacy-help-toggle[aria-expanded="true"]{
  color:var(--mint,#63f5c5);
}

/* cp-legitimacy-hover-v2 */

/* Integrate responsive geometry with LIVE's existing stable toolbar. */
#app .results-bar>.results-count{grid-column:1;grid-row:1;width:auto}
#app .results-bar>.density{grid-column:2;grid-row:1;margin:0}
#app .results-bar>.cp-filter-tools{grid-column:3;grid-row:1;margin:0;width:auto}
@media(min-width:701px) and (max-width:1200px){
 #app .results-bar>.density{grid-column:1 / -1;grid-row:2}
 #app .results-bar>.cp-filter-tools{grid-column:2}
}
@media(max-width:700px){
 #app .results-bar>.cp-filter-tools{grid-column:2}
}