/* Crit Pick shared tool UI — 20 Oct 2026. Layout/logic and semantic rank colours remain local. */
.cp-tool{--cp-tool-surface:var(--cp-surface,#20232B);--cp-tool-panel:var(--cp-surface-2,#1B1E25);--cp-tool-line:var(--cp-border,#2D313B);--cp-tool-accent:var(--cp-gold,#FFB22E);--cp-tool-radius:12px;--cp-tool-field-radius:9px;color:var(--cp-body,#C9CBD1);font-family:var(--cp-font-body,Inter,system-ui,sans-serif)}
.cp-tool :is(input[type="search"],input[type="text"],input[type="number"],select){box-sizing:border-box;min-height:42px;max-width:100%;padding:10px 12px!important;border:1px solid var(--cp-tool-line)!important;border-radius:var(--cp-tool-field-radius)!important;background:var(--cp-tool-panel)!important;color:var(--cp-text,#ECEAE4)!important;font:400 14px/1.4 var(--cp-font-body,Inter,system-ui,sans-serif)!important}
.cp-tool :is(button,select,input){font-family:var(--cp-font-body,Inter,system-ui,sans-serif)}
.cp-tool :is(button.cp-btn,button[class$="__btn"],button[class$="-btn"],[role="tab"]),.cp-tool .cpq button{min-height:42px;padding:10px 14px;border:1px solid var(--cp-tool-line);border-radius:var(--cp-tool-field-radius);font-size:14px;line-height:1.4;cursor:pointer}
.cp-tool :is(button,input,select,summary,a):focus-visible{outline:2px solid var(--cp-tool-accent)!important;outline-offset:3px!important}
.cp-tool :is(button,input,select):disabled{opacity:.5;cursor:not-allowed}
.cp-tool :is([role="tab"][aria-selected="true"],button[aria-pressed="true"]){border-color:var(--cp-tool-accent)!important;box-shadow:inset 0 0 0 1px var(--cp-tool-accent)}
.cp-tool :is(.cp-tier__items,.cp-tier__drawer-inner,.cp-tier__detail,.cpq__card,.cpq__panel,.cpb-card,.pdx-filter,.adx-panel){border-color:var(--cp-tool-line);border-radius:var(--cp-tool-radius);background:var(--cp-tool-panel)}
.cp-tool :is(th,td){text-align:left;vertical-align:top}
.cp-tool th{font-family:var(--cp-font-body,Inter,system-ui,sans-serif);color:var(--cp-text,#ECEAE4)}
.cp-tool .cp-crumb{font:400 11px/1.6 var(--cp-font-mono,monospace);letter-spacing:.04em}
@media(max-width:600px){.cp-tool :is(input[type="search"],input[type="text"],input[type="number"],select){font-size:16px!important}}