/* Image Compressor — builds on image_converter.css */

/* Compact option cards: small text, single line each */
.ico-page .cp-options-card .ui-select__option {
  font-size: 0.72rem;
  min-height: 34px;
  padding: 6px 4px;
  letter-spacing: 0;
  white-space: nowrap;
}

.ico-page .cp-options-card .ui-select__trigger {
  font-size: 0.82rem;
}

.ico-hint {
  margin: 8px 0 0;
  font-size: 0.78rem;
  color: var(--cp-text-light, #94a3b8);
  line-height: 1.4;
}

/* Per-row size result: original -> compressed with savings badge */
.ico-result {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 20px;
  font-size: 0.8rem;
  white-space: nowrap;
}

.ico-result__old {
  color: var(--cp-text-light, #94a3b8);
  text-decoration: line-through;
}

.ico-result__new {
  font-weight: 600;
  color: var(--cp-text-dark, #0f172a);
}

.ico-result__badge {
  padding: 2px 8px;
  border-radius: 999px;
  background: #dcfce7;
  color: #15803d;
  font-weight: 700;
  font-size: 0.72rem;
}

.ico-result__badge.is-larger {
  background: #fef3c7;
  color: #b45309;
}

.ico-total {
  margin: 14px 0 0;
  text-align: right;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--cp-text-dark, #0f172a);
}

.ico-total span {
  color: #15803d;
}