/* Contextual catalogue presentation shared by the list, search and detector. */
.catalogue-software-icon{display:inline-block;object-fit:contain;flex:0 0 auto;vertical-align:middle;filter:drop-shadow(0 1px 2px #10213a15)}
.catalogue-suggested-profile{font-size:11px;color:var(--text-secondary)}
.kb-catalogue-profile{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;align-items:center;margin:12px 0;color:var(--text-secondary);font-size:12px}.kb-catalogue-profile label{grid-column:1/-1;font-weight:650}.kb-catalogue-profile select{min-width:0;width:100%;padding:9px;border-radius:9px;border:1px solid var(--border);background:var(--modal-surface);color:var(--text-primary);font:inherit}
.kb-method-steps{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.kb-method-steps button{display:inline-flex;gap:7px;align-items:center;flex-wrap:wrap;max-width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:9px;background:var(--bg-surface-2);color:var(--text-secondary);font-size:11px;cursor:pointer}.kb-method-steps button>span:first-child{font-weight:750;color:var(--accent)}.kb-method-steps button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-light);color:var(--text-primary)}.kb-info .catalogue-software-icon{margin-right:8px}.kb-info .kbd-key{font-size:11px}.kb-info .catalogue-method{justify-content:center}
.catalogue-context-badges{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0}
.catalogue-context-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:8px;background:var(--bg-surface-2);color:var(--text-secondary);font-size:10px;line-height:1.35}
.catalogue-context-badge img,.catalogue-context-badge svg{width:17px;height:17px}
.catalogue-card .card-title{line-height:1.45}.catalogue-card .card-desc{margin-top:10px;margin-bottom:18px}
.catalogue-card .card-keys-zone{display:block;padding:12px;cursor:default;margin-bottom:0}
.catalogue-variant-row{padding:8px 2px;border-top:1px dashed var(--border-color);min-width:0}
.catalogue-variant-row:first-child{border-top:0;padding-top:2px}
.catalogue-position-note{margin:9px 0 0;font-size:11px;line-height:1.5;color:var(--text-secondary);overflow-wrap:anywhere}
.catalogue-variant-method .catalogue-position-key{white-space:normal;line-height:1.4}
.catalogue-variant-label{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:10px;font-weight:650;margin-bottom:7px;color:var(--text-secondary)}
.catalogue-variant-method{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0}
button.catalogue-variant-method{max-width:100%;padding:4px 0;margin:0;border:0;border-radius:5px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
button.catalogue-variant-method:hover .kbd-key{border-color:var(--accent)}
button.catalogue-variant-method:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.catalogue-variant-explanation{font-size:11px;line-height:1.5;color:var(--text-secondary);overflow-wrap:anywhere;margin-bottom:8px}.catalogue-variant-explanation strong{color:var(--text-primary);font-weight:650}.catalogue-variant-explanation p{margin:5px 0 0}
.catalogue-variant-method .kbd-key{font-size:11px;min-width:22px;padding:4px 7px}.catalogue-variant-meta{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:8px}
.catalogue-variant-meta>small{font-size:9px;line-height:1.5;color:var(--text-tertiary);overflow-wrap:anywhere}
.catalogue-variant-actions{display:flex;gap:5px;align-items:center;flex-shrink:0}.catalogue-variant-actions .card-act{width:31px;height:31px;display:grid;place-items:center}
.catalogue-risk{font-size:9px;color:var(--text-secondary);background:#d49b2520;border:1px solid #d49b2540;padding:2px 5px;border-radius:5px}
.catalogue-method{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.catalogue-stroke{display:inline-flex;align-items:center;gap:3px;flex-wrap:wrap}.catalogue-then{font-weight:750;color:var(--accent);font-size:16px}.catalogue-code{font-family:monospace;font-size:16px;letter-spacing:3px}.catalogue-method small{font-size:9px;color:var(--text-tertiary)}
.catalogue-card .card-footer{margin-top:0;padding-top:10px;gap:12px}
.shortcut-card .card-keys-zone{margin-bottom:0}
.det-card-footer{display:flex;align-items:center;justify-content:space-between}
.catalogue-keypad{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid var(--border-color,var(--border,#99a5bb));border-radius:7px;background:var(--bg-surface-2,#edf1f7);color:var(--text-primary,#1e293b);font-size:12px;font-weight:650;line-height:1.3;white-space:nowrap;letter-spacing:normal}.catalogue-keypad svg{flex:none}
.catalogue-archive{padding:9px;line-height:1.6;color:var(--text-secondary);font-size:11px;background:var(--bg-surface-2);border-radius:9px}.catalogue-archive p{margin:8px 0}.catalogue-replacement{padding:7px;border:1px solid var(--border-color);border-radius:7px;color:var(--accent);background:var(--bg-card);font:inherit;cursor:pointer}
.catalogue-software-filters{max-height:240px;overflow:auto;scrollbar-width:thin;padding:2px 4px 3px 1px}.catalogue-filter-group{margin-top:18px}
#categoryFilters .cat-btn,#softwareFilters .cat-btn,#collectionFilters .cat-btn{display:flex;align-items:center;gap:7px;text-align:left}
#softwareFilters .cat-btn>span:not(.cat-count),#categoryFilters .cat-btn>span:not(.cat-count){flex:1;min-width:0}#softwareFilters .cat-count{margin-left:auto}
.catalogue-context-filter-section{margin-top:12px}.catalogue-context-filter-heading{display:block;margin:0 7px 5px;font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}#softwareFilters .catalogue-context-child{padding-left:22px}#softwareFilters .catalogue-context-family{font-weight:700}
.catalogue-mobile-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.catalogue-mobile-filters label{font-size:10px;color:var(--text-secondary);min-width:0;display:grid;gap:4px}.catalogue-mobile-filters select{width:100%;min-width:0;border:1px solid var(--border-color);border-radius:8px;background:var(--modal-surface);color:var(--text-primary);padding:8px;font:inherit;font-size:12px}.bottom-filter-sheet{max-height:70dvh;overflow:auto}
.suggestion-item .catalogue-context-badges{margin:4px 0 0}.suggestion-item .kbd-key{font-size:10px}.suggestion-item .suggestion-keys{flex-wrap:wrap;max-width:190px}.suggested-keys{flex-wrap:wrap}.suggested-footer>.sp-guide-btn{margin-left:auto;margin-right:10px}
@media(max-width:480px){.catalogue-card .card-keys-zone{padding:8px}.catalogue-variant-meta{gap:5px}.catalogue-variant-actions .sp-guide-btn{width:31px;height:31px}.catalogue-context-badge{font-size:9px}.suggestion-right{max-width:40%}.suggestion-item .catalogue-context-badge{font-size:8px}}
@media(prefers-reduced-motion:reduce){.catalogue-variant-group summary:before{transition:none}}

/* Software groups navigate to a single execution context. */
.catalogue-context-filter-section summary{cursor:pointer;font-size:.82rem;font-weight:700;padding:.7rem .3rem;color:var(--text)}
.catalogue-context-filter-section[open] summary{margin-bottom:.25rem}
.catalogue-context-filter-section .cat-btn{margin-left:.4rem;width:calc(100% - .4rem)}
.catalogue-software-section{grid-column:1/-1;display:flex;align-items:center;gap:.65rem;margin:1rem 0 .2rem;font-size:1.1rem}
.kb-catalogue-supplement{padding:.6rem 1rem}.kb-catalogue-supplement .kb-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.kb-catalogue-supplement .kb-key{min-width:3rem;min-height:2.5rem;padding:.4rem}
.train-software-group{grid-column:1/-1}.train-software-group summary{cursor:pointer;padding:.8rem;font-weight:700}.train-software-group[open]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem}.train-software-group summary{grid-column:1/-1}
