/* ==========================================
   SHARED SVG ICONS (replace text glyphs)
========================================== */

.ic {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  vertical-align: -.125em;

  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.stat-icon .ic { width: 16px; height: 16px; }
.note-icon .ic { width: 18px; height: 18px; }
.tab-icon .ic { width: 15px; height: 15px; }
.floating-icon .ic,
.toast-icon .ic,
.decoration-diamond .ic { width: 1.1em; height: 1.1em; }
.button-arrow .ic { width: 16px; height: 16px; }
.sh-theme-icon .ic { width: 16px; height: 16px; }
.theme-icon .ic { width: 16px; height: 16px; }

.refresh-button,
.primary-button,
.search-box > span {
  align-items: center;
}

.refresh-button .ic,
.primary-button .ic {
  width: 15px;
  height: 15px;
  margin-right: 7px;
}

.search-box > .ic {
  width: 16px;
  height: 16px;
  color: var(--muted);
}

.overview-label {
  display: flex;
  align-items: center;
  gap: 7px;
}

.overview-label .ic {
  width: 13px;
  height: 13px;
  color: var(--blue-light, #72a5ff);
}