/* OSP Premium Icon System — isolated to icon wrappers, no form/checkout CSS. */
.osp-vector {
  display:inline-block;
  vertical-align:middle;
  width:1em;
  height:1em;
  flex:0 0 auto;
  overflow:visible;
  stroke:currentColor;
  fill:none;
  stroke-width:1.85;
  shape-rendering:geometricPrecision;
}
.osp-vector-host {line-height:1;}
.osp-vector-host > .osp-vector {display:block;margin:auto;}
.osp-nav-group-symbol .osp-vector,.osp-nav-item .nav-icon .osp-vector {width:18px;height:18px;}
.osp-nav-search-icon .osp-vector {width:18px;height:18px;}
.osp-bottom-icon .osp-vector {width:23px;height:23px;}
.osp-bottom-icon:has(.osp-vector) {display:grid;place-items:center;}
.osp-bottom-link--primary .osp-bottom-icon .osp-vector {width:25px;height:25px;}
.osp-bottom-link.active .osp-vector {stroke-width:2.2;}
.osp-bottom-link .osp-vector {transition:transform .17s ease,stroke-width .17s ease;}
.osp-bottom-link:hover .osp-vector {transform:translateY(-1px);}
.osp-dash-icon .osp-vector {width:22px;height:22px;}
.osp-dash-wallet-icon .osp-vector {width:26px;height:26px;}
.osp-dash-task-icon .osp-vector {width:20px;height:20px;}
.osp-dash-kpi-arrow .osp-vector,.osp-dash-action-arrow .osp-vector {width:15px;height:15px;}
.osp-nav-expand .osp-vector {width:15px;height:15px;}
.card-icon .osp-vector,.product-icon .osp-vector,.aud-icon .osp-vector,.eco-card-icon .osp-vector {width:26px;height:26px;}
.control-icon .osp-vector,.preview-icon .osp-vector {width:20px;height:20px;}
.pdp-section-icon .osp-vector,.cshop-section-icon .osp-vector,.cshop-wallet-icon .osp-vector {width:22px;height:22px;}
.pdp-product-symbol .osp-vector {width:38px;height:38px;}
.pdp-related-icon .osp-vector,.cshop-card-symbol .osp-vector {width:21px;height:21px;}
.cshop-coupon-icon .osp-vector,.cshop-pay-icon .osp-vector {width:22px;height:22px;}
.ref-stat-icon .osp-vector,.academy-stat-icon .osp-vector {width:21px;height:21px;}
.academy-field-icon .osp-vector {width:18px;height:18px;}
.pf-link-icon .osp-vector {width:14px;height:14px;}
.header .arrow .osp-vector {width:14px;height:14px;}
.admin-menu-button > .osp-vector,.admin-sidebar-close > .osp-vector {width:19px;height:19px;}
.admin-theme > .osp-vector,#theme > .osp-vector {width:19px;height:19px;}
/* Light and dark modes inherit the site's existing color tokens. */
body.light .osp-vector,body:not(.light) .osp-vector {color:inherit;}
@media (prefers-reduced-motion:reduce){.osp-bottom-link .osp-vector{transition:none}}

.alex-tab-icon .osp-vector,.alex-mode-icon .osp-vector{width:17px;height:17px;}
.sk-ai-iconbtn .osp-vector{width:19px;height:19px;}
/* Static SVG icons now render with the HTML, independent of JavaScript. */
.eco-mini .osp-vector{display:block;width:20px;height:20px}
.point > i .osp-vector{display:block;width:20px;height:20px}
.academy-topic .osp-vector,.academy-category .osp-vector{width:16px;height:16px;vertical-align:-3px}
.academy-category .osp-vector{width:14px;height:14px}
.osp-dash-kpi-arrow .osp-vector,.osp-dash-action-arrow .osp-vector{width:15px;height:15px}
.osp-dash-task-icon .osp-vector{width:20px;height:20px}
.pf-link-icon .osp-vector{width:14px;height:14px}
.header #theme .osp-vector,.admin-topbar #admin-theme .osp-vector{width:19px;height:19px;vertical-align:middle}