/* Car tile — fuel prices */
.tile-car .tile-header h2 { color: var(--orange); }
.tile-car .tile-header { cursor: pointer; user-select: none; transition: background 0.15s; }
.tile-car .tile-header:hover { background: var(--surface2); }

/* Detail section (three-state toggle) */
.car-detail { display: none; }
.car-detail.open { display: block; }
.tile-car .tile-badge { background: var(--orange-bg); color: var(--orange); }

.car-section {
  margin-bottom: 0.9rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid var(--border);
}
.car-section:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.car-section-title {
  font-size: 0.68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-dim);
  margin-bottom: 0.6rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.car-fuel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.3rem 0;
  font-size: 0.75rem;
}
.car-fuel-label { color: var(--text-dim); flex: 1; }
.car-fuel-station {
  color: var(--text);
  flex: 1;
  font-size: 0.7rem;
  text-align: center;
}
.car-fuel-price { font-weight: 700; min-width: 5rem; text-align: right; }
.car-fuel-trend { margin-left: 0.4rem; font-size: 0.8rem; }

.car-no-data {
  font-size: 0.72rem;
  color: var(--text-dim);
  padding: 0.2rem 0;
  font-style: italic;
}