/* Match-detail icon system. Presentation only; layout and controls stay intact. */

html:root .pd-md-v9 .pd-v9-icon-sprite {
 position:absolute;
 width:0;
 height:0;
 overflow:hidden;
 pointer-events:none;
}

html:root .pd-md-v9 :is(.pd-v9-icon,.pd-v9-heading-icon) {
 display:block;
 width:18px;
 height:18px;
 flex:0 0 18px;
 fill:none;
 stroke:currentColor;
 stroke-width:1.8;
 stroke-linecap:round;
 stroke-linejoin:round;
}

/* Fixed-size containers retain their V8 geometry; only the glyph treatment changes. */
html:root .pd-md-v9 :is(.pd-v7-market-icon,.pd-v8-analysis-icon) {
 color:var(--rt-data-blue);
 border:1px solid color-mix(in srgb,var(--rt-data-blue) 28%,transparent);
 background:color-mix(in srgb,var(--rt-data-blue) 10%,var(--rt-surface-2));
 box-shadow:none;
}

html:root .pd-md-v9 .pd-v7-slip-icon {
 color:color-mix(in srgb,var(--rt-brand) 72%,var(--rt-data-blue));
 border:1px solid color-mix(in srgb,var(--rt-brand) 30%,transparent);
 background:color-mix(in srgb,var(--rt-brand) 10%,var(--rt-surface-2));
 box-shadow:none;
}

html:root .pd-md-v9 .pd-v7-empty-icon {
 color:color-mix(in srgb,var(--rt-brand) 70%,var(--rt-data-blue));
 background:color-mix(in srgb,var(--rt-brand) 8%,var(--rt-surface-2));
 transform:none;
}

html:root .pd-md-v9 .pd-v7-empty-icon .pd-v9-icon {
 width:20px;
 height:20px;
 flex-basis:20px;
}

html:root .pd-md-v9 .pd-v9-heading-icon {
 width:17px;
 height:17px;
 flex-basis:17px;
 color:var(--rt-data-blue);
}

html:root .pd-md-v9 .pd-v8-card-head h3,
html:root .pd-md-v9 .pd-md-h2h .pd-md-panel-title,
html:root .pd-md-v9 #pd-toon-title {
 display:inline-flex;
 align-items:center;
 gap:6px;
}

html:root .pd-md-v9 .pd-md-form-team .pd-v9-heading-icon {
 margin-right:1px;
}

@media(max-width:390px) {
 html:root .pd-md-v9 :is(.pd-v9-icon,.pd-v9-heading-icon) { width:16px; height:16px; flex-basis:16px; }
 html:root .pd-md-v9 .pd-v7-empty-icon .pd-v9-icon { width:18px; height:18px; flex-basis:18px; }
}