.cost-dot {
      display: inline-block;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      margin-left: 8px;
      vertical-align: middle;
    }
    /* Cost scale: 1=green, 2=lime, 3=yellow, 4=orange, 5=red */
    .cost-dot-1 { background: #28a745; }
    .cost-dot-2 { background: #8fd400; }
    .cost-dot-3 { background: #ffe066; }
    .cost-dot-4 { background: #ff9800; }
    .cost-dot-5 { background: #dc3545; }
    .card-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }