/**
 * SF Symbols–style rendering for SeizeControl native (Capacitor) shell.
 * Active when html/body have .sc-sf-symbols (set by sf-symbols.js).
 */

html.sc-sf-symbols body.sc-native-app i.bi.sc-sf-host,
html.sc-sf-symbols body.sc-sf-symbols i.bi.sc-sf-host,
body.sc-native-app.sc-sf-symbols i.bi.sc-sf-host {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  font-style: normal !important;
  line-height: 1 !important;
  vertical-align: -0.125em;
}

/* Hide Bootstrap Icons glyph; show SF-style SVG instead */
html.sc-sf-symbols body.sc-native-app i.bi.sc-sf-host::before,
body.sc-native-app.sc-sf-symbols i.bi.sc-sf-host::before {
  content: none !important;
  display: none !important;
}

.sc-sf-icon {
  width: 1.12em;
  height: 1.12em;
  display: block;
  flex: 0 0 auto;
  overflow: visible;
  color: inherit;
}

/* Dock / capture sheet: slightly larger for HIG touch targets */
body.sc-native-app .care-mobile-dock .sc-sf-icon,
body.sc-native-app .sc-capture-sheet__item > i .sc-sf-icon {
  width: 1.35em;
  height: 1.35em;
}

body.sc-native-app .sc-capture-sheet__item > i.sc-sf-host {
  width: 42px;
  height: 42px;
}

body.sc-native-app .sc-capture-sheet__item > i .sc-sf-icon {
  width: 22px;
  height: 22px;
}

/* Product nav & more menu */
body.sc-native-app .sc-product-nav__link .sc-sf-icon,
body.sc-native-app .sc-product-more__link .sc-sf-icon {
  width: 1.05em;
  height: 1.05em;
}

/* Prefer system-like optical sizing */
@media (min-resolution: 2dppx) {
  .sc-sf-icon {
    shape-rendering: geometricPrecision;
  }
}