/* LEGACORP Professional Icon System V2 */

.lc-pro-icon{
  width:1.05em;
  height:1.05em;
  flex:0 0 auto;
  display:inline-block;
  vertical-align:-.16em;
  color:currentColor;
}

.lc-has-pro-icon{
  display:inline-flex !important;
  align-items:center;
  gap:.58em;
}

/* ===== KPI strip ===== */
.lc-metric-card-upgraded{
  position:relative !important;
  display:grid !important;
  grid-template-columns:54px minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  column-gap:16px !important;
  align-items:center !important;
  padding-left:max(22px,1.45rem) !important;
}

.lc-metric-pro-icon{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  width:44px !important;
  height:44px !important;
  border:1px solid color-mix(in srgb,var(--lc-accent,var(--theme-accent,#ff6b1a)) 44%,transparent) !important;
  border-radius:12px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--lc-accent,var(--theme-accent,#ff6b1a)) !important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb,var(--lc-accent,var(--theme-accent,#ff6b1a)) 8%,white),
      rgba(255,255,255,.86)
    ) !important;
  box-shadow:
    0 7px 18px rgba(7,24,43,.07),
    inset 0 1px 0 rgba(255,255,255,.8) !important;
}

.lc-pro-icon--metric{
  width:23px !important;
  height:23px !important;
  stroke-width:1.55 !important;
}

/* Ensure text is not pushed oddly by legacy icon layouts */
.lc-metric-card-upgraded > :not(.lc-metric-pro-icon){
  min-width:0;
}

/* ===== Header utility icon ===== */
.lc-header-utility-pro{
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
  padding:0 !important;
  border-radius:10px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#d7e2ee !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.025) !important;
  transition:
    border-color .18s ease,
    background .18s ease,
    color .18s ease,
    transform .18s ease !important;
}

.lc-header-utility-pro:hover{
  color:#fff !important;
  border-color:color-mix(in srgb,var(--lc-accent,var(--theme-accent,#ff6b1a)) 58%,transparent) !important;
  background:color-mix(in srgb,var(--lc-accent,var(--theme-accent,#ff6b1a)) 10%,transparent) !important;
  transform:translateY(-1px);
}

.lc-pro-icon--utility{
  width:18px !important;
  height:18px !important;
  stroke-width:1.6 !important;
}

/* Viewer/button icons */
.sf52-toolbar .lc-pro-icon,
.lc-has-pro-icon .lc-pro-icon{
  width:1rem;
  height:1rem;
}

/* Hide obvious old decorative glyphs that overlap metric icons */
.lc-metric-card-upgraded > i,
.lc-metric-card-upgraded > svg:not(.lc-pro-icon),
.lc-metric-card-upgraded > img[class*="icon"]{
  display:none !important;
}

@media(max-width:900px){
  .lc-metric-card-upgraded{
    grid-template-columns:46px minmax(0,1fr) !important;
    column-gap:12px !important;
  }

  .lc-metric-pro-icon{
    width:40px !important;
    height:40px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .lc-header-utility-pro{
    transition:none !important;
  }
}