/* Ikonkalar (icons.js). Rang — currentColor: yorug'/qorong'i rejim va yashil tugmada o'zi to'g'ri. */
.ico-svg {
  display: inline-block;
  flex: none;
  vertical-align: -0.28em;
  overflow: visible;
}
/* matn ichidagi ikonka: shrift o'lchamiga ergashadi (svg.ico-in yoki <span class="ico-in"><svg>) */
svg.ico-in,
.ico-in > svg {
  width: 1.2em;
  height: 1.2em;
  vertical-align: -0.28em;
}

/* pastki menyu: ikonka yuqorida, 24 px */
.tab .ico-svg {
  width: 24px;
  height: 24px;
  vertical-align: top;
}
.tab span {
  display: flex;
}

/* asboblar ro'yxati */
.tool-ico {
  display: grid;
  place-items: center;
  flex: none;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--navy-soft);
  color: var(--navy);
}
.tool-ico .ico-svg {
  width: 28px;
  height: 28px;
}

/* buyum turi tugmalari */
.kind-ico {
  display: flex;
}
.kind-ico .ico-svg {
  width: 28px;
  height: 28px;
}

/* faqat ikonkali tugmalar: ikonka markazda */
.thumb-del,
.btn-x,
.esk-del,
.esk-ok,
.kk-x,
.ol-used {
  display: inline-grid;
  place-items: center;
}
.thumb-del .ico-svg {
  width: 16px;
  height: 16px;
}
.btn-x .ico-svg,
.esk-del .ico-svg,
.esk-ok .ico-svg,
.kk-x .ico-svg,
.ol-used .ico-svg {
  width: 22px;
  height: 22px;
}

/* «Ruletka ✓» holati */
.tape-status {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.tape-status .ico-svg {
  width: 20px;
  height: 20px;
}

/* O'lchovlar: tanlash paneli */
.ol-act .ico-svg {
  width: 20px;
  height: 20px;
}
.ol-set summary .ico-svg {
  margin-right: 6px;
}